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

package/dist/v2/react-native/charts/bar/rendererSafety.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rendererSafety.d.ts","sourceRoot":"","sources":["../../../src/charts/bar/rendererSafety.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAsChD,eAAO,MAAM,2BAA2B,GAAI,wCAIzC;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACvC,UAAU,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC,WAOA,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,wCAIrC;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACvC,UAAU,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC,kDAMA,CAAC"}

package/dist/v2/react-native/charts/bar/rendererSafety.js

@@ -0,0 +1,31 @@
+import { lineChartSvgRenderer } from "../line/renderer";
+const conservativeNativeMaxSurfaceWidth = 2730;
+const isInjectedRenderer = (renderer) => renderer !== undefined &&
+    renderer !== lineChartSvgRenderer &&
+    renderer.name !== "svg";
+const getRendererMaxSurfaceWidth = (renderer) => renderer?.capabilities?.maxSurfaceWidth ??
+    (isInjectedRenderer(renderer)
+        ? conservativeNativeMaxSurfaceWidth
+        : undefined);
+const canRenderWideViewport = (renderer) => renderer?.capabilities?.viewportWindowing === true;
+const shouldConstrainSurfaceWidth = ({ contentWidth, renderer, scrollable }) => {
+    const maxSurfaceWidth = getRendererMaxSurfaceWidth(renderer);
+    return (scrollable &&
+        typeof maxSurfaceWidth === "number" &&
+        Number.isFinite(maxSurfaceWidth) &&
+        contentWidth > maxSurfaceWidth &&
+        !canRenderWideViewport(renderer));
+};
+export const getSafeBarChartContentWidth = ({ contentWidth, renderer, scrollable }) => {
+    const maxSurfaceWidth = getRendererMaxSurfaceWidth(renderer);
+    return shouldConstrainSurfaceWidth({ contentWidth, renderer, scrollable }) &&
+        typeof maxSurfaceWidth === "number"
+        ? maxSurfaceWidth
+        : contentWidth;
+};
+export const getSafeBarChartRenderer = ({ contentWidth, renderer, scrollable }) => {
+    if (shouldConstrainSurfaceWidth({ contentWidth, renderer, scrollable })) {
+        return lineChartSvgRenderer;
+    }
+    return renderer;
+};

package/dist/v2/react-native/charts/bar/selectionAnimation.d.ts

@@ -0,0 +1,42 @@
+import type { BarChartSelectionAnimationConfig } from "./types";
+export type ResolvedBarChartSelectionAnimationConfig = {
+    enabled: boolean;
+    duration: number;
+};
+export type BarChartSelectionAnimationState = {
+    fromKey: string | undefined;
+    toKey: string | undefined;
+    progress: number;
+};
+export declare const getSettledBarChartSelectionAnimationState: (selectedBarKey: string | undefined) => BarChartSelectionAnimationState;
+export declare const resolveBarChartSelectionAnimationConfig: (animation: boolean | BarChartSelectionAnimationConfig | undefined) => ResolvedBarChartSelectionAnimationConfig;
+export declare const getAnimatedBarSelectionOpacity: ({ barKey, state }: {
+    barKey: string;
+    state: BarChartSelectionAnimationState;
+}) => number;
+export declare const getAnimatedBarSelectionFill: ({ backgroundColor, barKey, color, state }: {
+    backgroundColor: string;
+    barKey: string;
+    color: string;
+    state: BarChartSelectionAnimationState;
+}) => string;
+export declare const getAnimatedBarSelectionStrokeOpacity: ({ barKey, state }: {
+    barKey: string;
+    state: BarChartSelectionAnimationState;
+}) => number;
+export declare const getAnimatedBarSelectionGridOpacity: ({ state }: {
+    state: BarChartSelectionAnimationState;
+}) => 0 | 0.78;
+export declare const getBarChartSelectionGridOpacity: ({ selectedBarKey, state }: {
+    selectedBarKey: string | undefined;
+    state: BarChartSelectionAnimationState;
+}) => 0 | 0.78;
+export declare const shouldRenderBarChartGridLines: ({ selectedBarKey, state }: {
+    selectedBarKey: string | undefined;
+    state: BarChartSelectionAnimationState;
+}) => boolean;
+export declare const useBarChartSelectionAnimation: ({ animation, selectedBarKey }: {
+    animation: boolean | BarChartSelectionAnimationConfig | undefined;
+    selectedBarKey: string | undefined;
+}) => BarChartSelectionAnimationState;
+//# sourceMappingURL=selectionAnimation.d.ts.map

package/dist/v2/react-native/charts/bar/selectionAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectionAnimation.d.ts","sourceRoot":"","sources":["../../../src/charts/bar/selectionAnimation.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,SAAS,CAAC;AAQhE,MAAM,MAAM,wCAAwC,GAAG;IACrD,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG;IAC5C,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,yCAAyC,GACpD,gBAAgB,MAAM,GAAG,SAAS,KACjC,+BAID,CAAC;AAEH,eAAO,MAAM,uCAAuC,GAClD,WAAW,OAAO,GAAG,gCAAgC,GAAG,SAAS,KAChE,wCAeF,CAAC;AAuHF,eAAO,MAAM,8BAA8B,GAAI,mBAG5C;IACD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,+BAA+B,CAAC;CACxC,WAKE,CAAC;AAEJ,eAAO,MAAM,2BAA2B,GAAI,2CAKzC;IACD,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,+BAA+B,CAAC;CACxC,WAMA,CAAC;AAEF,eAAO,MAAM,oCAAoC,GAAI,mBAGlD;IACD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,+BAA+B,CAAC;CACxC,WAKE,CAAC;AAEJ,eAAO,MAAM,kCAAkC,GAAI,WAEhD;IACD,KAAK,EAAE,+BAA+B,CAAC;CACxC,aAMA,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAAI,2BAG7C;IACD,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,KAAK,EAAE,+BAA+B,CAAC;CACxC,aAMA,CAAC;AAEF,eAAO,MAAM,6BAA6B,GAAI,2BAG3C;IACD,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,KAAK,EAAE,+BAA+B,CAAC;CACxC,YAG0B,CAAC;AAE5B,eAAO,MAAM,6BAA6B,GAAI,+BAG3C;IACD,SAAS,EAAE,OAAO,GAAG,gCAAgC,GAAG,SAAS,CAAC;IAClE,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC,KAAG,+BAsEH,CAAC"}

package/dist/v2/react-native/charts/bar/selectionAnimation.js

@@ -0,0 +1,158 @@
+import { useEffect, useRef, useState } from "react";
+const defaultSelectionAnimationDuration = 180;
+const dimmedBarOpacity = 0.54;
+const defaultGridStrokeOpacity = 0.78;
+const selectedGridStrokeOpacity = 0;
+const selectedStrokeOpacity = 0;
+export const getSettledBarChartSelectionAnimationState = (selectedBarKey) => ({
+    fromKey: selectedBarKey,
+    toKey: selectedBarKey,
+    progress: 1
+});
+export const resolveBarChartSelectionAnimationConfig = (animation) => {
+    if (animation === false) {
+        return { enabled: false, duration: 0 };
+    }
+    const config = typeof animation === "object" ? animation : {};
+    const duration = typeof config.duration === "number" && Number.isFinite(config.duration)
+        ? Math.max(0, config.duration)
+        : defaultSelectionAnimationDuration;
+    return {
+        enabled: true,
+        duration
+    };
+};
+const easeOutCubic = (progress) => {
+    const clampedProgress = Math.min(Math.max(progress, 0), 1);
+    return 1 - Math.pow(1 - clampedProgress, 3);
+};
+const interpolate = (from, to, progress) => from + (to - from) * progress;
+const parseHexColor = (color) => {
+    const normalized = color.trim();
+    const hex = normalized.startsWith("#") ? normalized.slice(1) : "";
+    if (!/^[\da-f]+$/i.test(hex)) {
+        return undefined;
+    }
+    if (hex.length === 3 || hex.length === 4) {
+        const [r, g, b] = hex.split("");
+        if (!r || !g || !b) {
+            return undefined;
+        }
+        return {
+            b: Number.parseInt(`${b}${b}`, 16),
+            g: Number.parseInt(`${g}${g}`, 16),
+            r: Number.parseInt(`${r}${r}`, 16)
+        };
+    }
+    if (hex.length === 6 || hex.length === 8) {
+        return {
+            b: Number.parseInt(hex.slice(4, 6), 16),
+            g: Number.parseInt(hex.slice(2, 4), 16),
+            r: Number.parseInt(hex.slice(0, 2), 16)
+        };
+    }
+    return undefined;
+};
+const parseRgbColor = (color) => {
+    const match = color
+        .trim()
+        .match(/^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i);
+    if (!match) {
+        return undefined;
+    }
+    return {
+        b: Number(match[3]),
+        g: Number(match[2]),
+        r: Number(match[1])
+    };
+};
+const parseColor = (color) => parseHexColor(color) ?? parseRgbColor(color);
+const clampChannel = (channel) => Math.max(0, Math.min(255, Math.round(channel)));
+const toHexChannel = (channel) => clampChannel(channel).toString(16).padStart(2, "0");
+const blendOpaqueColor = ({ backgroundColor, color, opacity }) => {
+    const foreground = parseColor(color);
+    const background = parseColor(backgroundColor);
+    if (!foreground || !background) {
+        return color;
+    }
+    const clampedOpacity = Math.max(0, Math.min(1, opacity));
+    return `#${toHexChannel(foreground.r * clampedOpacity + background.r * (1 - clampedOpacity))}${toHexChannel(foreground.g * clampedOpacity + background.g * (1 - clampedOpacity))}${toHexChannel(foreground.b * clampedOpacity + background.b * (1 - clampedOpacity))}`;
+};
+const getOpacityForSelectionKey = ({ barKey, selectedKey }) => selectedKey === undefined || selectedKey === barKey ? 1 : dimmedBarOpacity;
+const getStrokeOpacityForSelectionKey = ({ barKey, selectedKey }) => (selectedKey === barKey ? selectedStrokeOpacity : 0);
+export const getAnimatedBarSelectionOpacity = ({ barKey, state }) => interpolate(getOpacityForSelectionKey({ barKey, selectedKey: state.fromKey }), getOpacityForSelectionKey({ barKey, selectedKey: state.toKey }), state.progress);
+export const getAnimatedBarSelectionFill = ({ backgroundColor, barKey, color, state }) => {
+    const opacity = getAnimatedBarSelectionOpacity({ barKey, state });
+    return opacity >= 0.999
+        ? color
+        : blendOpaqueColor({ backgroundColor, color, opacity });
+};
+export const getAnimatedBarSelectionStrokeOpacity = ({ barKey, state }) => interpolate(getStrokeOpacityForSelectionKey({ barKey, selectedKey: state.fromKey }), getStrokeOpacityForSelectionKey({ barKey, selectedKey: state.toKey }), state.progress);
+export const getAnimatedBarSelectionGridOpacity = ({ state }) => {
+    if (state.fromKey !== undefined || state.toKey !== undefined) {
+        return selectedGridStrokeOpacity;
+    }
+    return defaultGridStrokeOpacity;
+};
+export const getBarChartSelectionGridOpacity = ({ selectedBarKey, state }) => {
+    if (selectedBarKey !== undefined) {
+        return selectedGridStrokeOpacity;
+    }
+    return getAnimatedBarSelectionGridOpacity({ state });
+};
+export const shouldRenderBarChartGridLines = ({ selectedBarKey, state }) => selectedBarKey === undefined &&
+    state.fromKey === undefined &&
+    state.toKey === undefined;
+export const useBarChartSelectionAnimation = ({ animation, selectedBarKey }) => {
+    const config = resolveBarChartSelectionAnimationConfig(animation);
+    const previousTargetRef = useRef(selectedBarKey);
+    const [state, setState] = useState({
+        fromKey: selectedBarKey,
+        toKey: selectedBarKey,
+        progress: 1
+    });
+    useEffect(() => {
+        const fromKey = previousTargetRef.current;
+        if (fromKey === selectedBarKey) {
+            return undefined;
+        }
+        previousTargetRef.current = selectedBarKey;
+        if (!config.enabled || config.duration <= 0) {
+            const animationFrame = requestAnimationFrame(() => {
+                setState({
+                    fromKey: selectedBarKey,
+                    toKey: selectedBarKey,
+                    progress: 1
+                });
+            });
+            return () => {
+                cancelAnimationFrame(animationFrame);
+            };
+        }
+        let animationFrame = 0;
+        let startTime;
+        const tick = (timestamp) => {
+            startTime ?? (startTime = timestamp);
+            const rawProgress = Math.min((timestamp - startTime) / config.duration, 1);
+            const progress = easeOutCubic(rawProgress);
+            setState(rawProgress >= 1
+                ? getSettledBarChartSelectionAnimationState(selectedBarKey)
+                : {
+                    fromKey,
+                    toKey: selectedBarKey,
+                    progress
+                });
+            if (rawProgress < 1) {
+                animationFrame = requestAnimationFrame(tick);
+            }
+        };
+        animationFrame = requestAnimationFrame((timestamp) => {
+            setState({ fromKey, toKey: selectedBarKey, progress: 0 });
+            tick(timestamp);
+        });
+        return () => {
+            cancelAnimationFrame(animationFrame);
+        };
+    }, [config.duration, config.enabled, selectedBarKey]);
+    return state;
+};

package/dist/v2/react-native/charts/bar/stackedCompat.d.ts

@@ -0,0 +1,55 @@
+import type { StyleProp, ViewStyle } from "react-native";
+import type { CartesianChartTheme, ChartKitThemeMode } from "../../theme";
+import type { BarChartProps } from "./types";
+export type StackedBarChartLegacyData = {
+    labels: string[];
+    legend: string[];
+    data: Array<Array<number | null | undefined>>;
+    barColors: string[];
+};
+export type StackedBarChartLegacyConfig = {
+    backgroundColor?: string;
+    backgroundGradientFrom?: string;
+    backgroundGradientTo?: string;
+    color?: (opacity?: number, index?: number) => string;
+    labelColor?: (opacity?: number) => string;
+    decimalPlaces?: number;
+    barPercentage?: number;
+    barRadius?: number;
+    propsForBackgroundLines?: {
+        stroke?: string;
+    };
+};
+export type StackedBarChartProps = {
+    data: StackedBarChartLegacyData;
+    width: number;
+    height: number;
+    chartConfig: StackedBarChartLegacyConfig;
+    hideLegend?: boolean;
+    style?: StyleProp<ViewStyle>;
+    barPercentage?: number;
+    decimalPlaces?: number;
+    withVerticalLabels?: boolean;
+    withHorizontalLabels?: boolean;
+    withInnerLines?: boolean;
+    segments?: number;
+    percentile?: boolean;
+    fromZero?: boolean;
+    yAxisLabel?: string;
+    yAxisSuffix?: string;
+    verticalLabelsHeightPercentage?: number;
+    formatYLabel?: (yLabel: string) => string;
+    theme?: ChartKitThemeMode | CartesianChartTheme;
+    preset?: BarChartProps<StackedBarChartRow>["preset"];
+    accessibilityLabel?: string;
+    testID?: string;
+};
+export type StackedBarChartRow = Record<string, number | string | null | undefined> & {
+    label: string;
+};
+export type StackedBarChartCompatProps = {
+    barChartProps: BarChartProps<StackedBarChartRow>;
+    style: StyleProp<ViewStyle> | undefined;
+};
+export declare const buildStackedBarChartCompatProps: ({ accessibilityLabel, barPercentage, chartConfig, data, decimalPlaces, formatYLabel, fromZero, height, hideLegend, percentile, preset, segments, style, testID, theme, width, withHorizontalLabels, withInnerLines, withVerticalLabels, yAxisLabel, yAxisSuffix }: StackedBarChartProps) => StackedBarChartCompatProps;
+//# sourceMappingURL=stackedCompat.d.ts.map

package/dist/v2/react-native/charts/bar/stackedCompat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stackedCompat.d.ts","sourceRoot":"","sources":["../../../src/charts/bar/stackedCompat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAkB,MAAM,SAAS,CAAC;AAE7D,MAAM,MAAM,yBAAyB,GAAG;IACtC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC;IAC9C,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACrD,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB,CAAC,EAAE;QACxB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,yBAAyB,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,2BAA2B,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,KAAK,CAAC,EAAE,iBAAiB,GAAG,mBAAmB,CAAC;IAChD,MAAM,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,CAAC;IACrD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,MAAM,CACrC,MAAM,EACN,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CACnC,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,aAAa,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IACjD,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;CACzC,CAAC;AA+DF,eAAO,MAAM,+BAA+B,GAAI,mQAsB7C,oBAAoB,KAAG,0BA6FzB,CAAC"}

package/dist/v2/react-native/charts/bar/stackedCompat.js

@@ -0,0 +1,105 @@
+const getSegmentCount = (data) => Math.max(data.legend.length, data.barColors.length, ...data.data.map((group) => group.length));
+const clampRatio = (value, fallback) => {
+    if (typeof value !== "number" || !Number.isFinite(value)) {
+        return fallback;
+    }
+    return Math.max(0.05, Math.min(1, value));
+};
+const getLegacyTheme = ({ chartConfig, fallbackSeries }) => {
+    const background = chartConfig.backgroundColor ??
+        chartConfig.backgroundGradientFrom ??
+        chartConfig.backgroundGradientTo;
+    const plotBackground = chartConfig.backgroundGradientTo ??
+        chartConfig.backgroundGradientFrom ??
+        background;
+    const labelColor = chartConfig.labelColor?.(1);
+    const lineColor = chartConfig.propsForBackgroundLines?.stroke;
+    return {
+        ...(background ? { background } : {}),
+        ...(plotBackground ? { plotBackground } : {}),
+        ...(lineColor ? { axis: lineColor, grid: lineColor } : {}),
+        ...(labelColor ? { mutedText: labelColor, text: labelColor } : {}),
+        ...(fallbackSeries.length > 0 ? { series: fallbackSeries } : {})
+    };
+};
+const formatStackedBarValue = ({ decimalPlaces, formatYLabel, value, yAxisLabel, yAxisSuffix }) => {
+    const fixed = value.toFixed(decimalPlaces);
+    const formatted = formatYLabel ? formatYLabel(fixed) : fixed;
+    return `${yAxisLabel ?? ""}${formatted}${yAxisSuffix ?? ""}`;
+};
+export const buildStackedBarChartCompatProps = ({ accessibilityLabel, barPercentage, chartConfig, data, decimalPlaces, formatYLabel, fromZero, height, hideLegend, percentile, preset, segments, style, testID, theme, width, withHorizontalLabels, withInnerLines, withVerticalLabels, yAxisLabel, yAxisSuffix }) => {
+    const segmentCount = getSegmentCount(data);
+    const yKeys = Array.from({ length: segmentCount }, (_, index) => `series${index}`);
+    const rows = data.data.map((group, groupIndex) => {
+        const row = {
+            label: data.labels[groupIndex] ?? String(groupIndex)
+        };
+        yKeys.forEach((key, segmentIndex) => {
+            row[key] = group[segmentIndex] ?? null;
+        });
+        return row;
+    });
+    const series = yKeys.map((key, index) => {
+        const color = data.barColors[index] ?? chartConfig.color?.(1, index);
+        return {
+            ...(color ? { color } : {}),
+            key,
+            label: data.legend[index] ?? `Series ${index + 1}`,
+            yKey: key
+        };
+    });
+    const resolvedDecimalPlaces = decimalPlaces ?? chartConfig.decimalPlaces ?? (percentile ? 0 : 2);
+    const resolvedTheme = typeof theme === "object"
+        ? theme
+        : getLegacyTheme({
+            chartConfig,
+            fallbackSeries: series
+                .map((item) => item.color)
+                .filter((color) => Boolean(color))
+        });
+    const resolvedBarRatio = clampRatio(barPercentage ?? chartConfig.barPercentage, 0.72);
+    const barChartProps = {
+        barRadius: Math.max(0, chartConfig.barRadius ?? 5),
+        barWidthRatio: resolvedBarRatio,
+        data: rows,
+        formatYLabel: (value) => formatStackedBarValue({
+            decimalPlaces: resolvedDecimalPlaces,
+            formatYLabel,
+            value,
+            yAxisLabel,
+            yAxisSuffix
+        }),
+        height,
+        legend: !hideLegend,
+        mode: percentile ? "stacked100" : "stacked",
+        series,
+        showHorizontalGridLines: withInnerLines ?? true,
+        showValuesOnTopOfBars: false,
+        showXAxisLabels: withVerticalLabels ?? true,
+        showYAxisLabels: withHorizontalLabels ?? true,
+        theme: resolvedTheme,
+        width,
+        xKey: "label",
+        yDomain: percentile
+            ? [0, 100]
+            : fromZero
+                ? { includeZero: true, min: 0, nice: true }
+                : { includeZero: true, nice: true }
+    };
+    if (accessibilityLabel) {
+        barChartProps.accessibilityLabel = accessibilityLabel;
+    }
+    if (preset) {
+        barChartProps.preset = preset;
+    }
+    if (testID) {
+        barChartProps.testID = testID;
+    }
+    if (segments) {
+        barChartProps.yTickCount = segments + 1;
+    }
+    return {
+        style,
+        barChartProps
+    };
+};

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

@@ -0,0 +1,11 @@
+import type { BarChartBarModel, BarChartRenderer, ResolvedBarChartTooltipConfig } from "./types";
+export type { BarChartTooltipModel } from "./tooltipModel";
+export declare const renderDefaultBarChartTooltip: <TData>({ config, height, width, x, y, bar }: {
+    bar: BarChartBarModel<TData>;
+    config: ResolvedBarChartTooltipConfig;
+    height: number;
+    width: number;
+    x: number;
+    y: number;
+}, renderer: BarChartRenderer) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/charts/bar/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EAChB,6BAA6B,EAC9B,MAAM,SAAS,CAAC;AAEjB,YAAY,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAI3D,eAAO,MAAM,4BAA4B,GAAI,KAAK,EAChD,sCAOG;IACD,GAAG,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC7B,MAAM,EAAE,6BAA6B,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,EACD,UAAU,gBAAgB,mDAkE3B,CAAC"}

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getFontFamilyProps } from "../line/text";
+const tooltipLineHeight = 18;
+export const renderDefaultBarChartTooltip = ({ config, height, width, x, y, bar }, renderer) => {
+    if (renderer.capabilities?.text === false) {
+        return null;
+    }
+    const contentX = x + config.padding;
+    const labelY = y + config.padding + config.labelFontSize;
+    const valueY = labelY + tooltipLineHeight;
+    const hasShadow = config.shadowOpacity > 0;
+    const { Circle, Group, Rect, Text } = renderer;
+    const valueText = `${bar.seriesLabel}: ${bar.formattedValue}`;
+    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: bar.xLabel, ...getFontFamilyProps(config.fontFamily), children: bar.xLabel }), _jsx(Circle, { cx: contentX + 3, cy: valueY - config.fontSize * 0.32, r: 3, fill: bar.color }), _jsx(Text, { x: contentX + 12, y: valueY, fill: config.textColor, fontSize: config.fontSize, text: valueText, ...getFontFamilyProps(config.fontFamily), children: valueText })] }));
+};

package/dist/v2/react-native/charts/bar/tooltipModel.d.ts

@@ -0,0 +1,33 @@
+import type { BarChartBarModel, ResolvedBarChartTooltipConfig } from "./types";
+export type BarChartTooltipModel<TData = unknown> = {
+    bar: BarChartBarModel<TData>;
+    height: number;
+    width: number;
+    x: number;
+    y: number;
+};
+export type BarChartTooltipPointer = {
+    key: string;
+    x: number;
+    y: number;
+};
+export declare const getBarChartTooltipModel: <TData>({ bar, boxes, config, pointer }: {
+    bar: BarChartBarModel<TData> | undefined;
+    boxes: {
+        outer: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+        plot: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+    };
+    config: ResolvedBarChartTooltipConfig;
+    pointer?: BarChartTooltipPointer | undefined;
+}) => BarChartTooltipModel<TData> | undefined;
+//# sourceMappingURL=tooltipModel.d.ts.map

package/dist/v2/react-native/charts/bar/tooltipModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipModel.d.ts","sourceRoot":"","sources":["../../../src/charts/bar/tooltipModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;AAE/E,MAAM,MAAM,oBAAoB,CAAC,KAAK,GAAG,OAAO,IAAI;IAClD,GAAG,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAYF,eAAO,MAAM,uBAAuB,GAAI,KAAK,EAAE,iCAK5C;IACD,GAAG,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACzC,KAAK,EAAE;QACL,KAAK,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;QAC/D,IAAI,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;KAC/D,CAAC;IACF,MAAM,EAAE,6BAA6B,CAAC;IACtC,OAAO,CAAC,EAAE,sBAAsB,GAAG,SAAS,CAAC;CAC9C,KAAG,oBAAoB,CAAC,KAAK,CAAC,GAAG,SAsCjC,CAAC"}

package/dist/v2/react-native/charts/bar/tooltipModel.js

@@ -0,0 +1,40 @@
+const tooltipLineHeight = 18;
+const clamp = (value, min, max) => {
+    if (max < min) {
+        return min;
+    }
+    return Math.min(Math.max(value, min), max);
+};
+export const getBarChartTooltipModel = ({ bar, boxes, config, pointer }) => {
+    if (!bar || !config.visible) {
+        return undefined;
+    }
+    const height = config.padding * 2 + config.labelFontSize + tooltipLineHeight + 2;
+    const pointerAnchor = config.anchor === "pointer" && pointer?.key === bar.key
+        ? pointer
+        : undefined;
+    const anchorX = pointerAnchor?.x ?? bar.x + bar.width / 2;
+    const anchorY = pointerAnchor?.y ?? bar.y;
+    const belowAnchorY = pointerAnchor?.y ?? bar.y + bar.height;
+    const minX = boxes.plot.x + config.edgePadding;
+    const maxX = boxes.plot.x + boxes.plot.width - config.width - config.edgePadding;
+    const x = clamp(anchorX - config.width / 2, minX, maxX);
+    const minY = boxes.outer.y + config.edgePadding;
+    const maxY = boxes.outer.y + boxes.outer.height - height - config.edgePadding;
+    const aboveY = anchorY - height - config.offset;
+    const belowY = belowAnchorY + config.offset;
+    const y = config.placement === "above"
+        ? clamp(aboveY, minY, maxY)
+        : config.placement === "below"
+            ? clamp(belowY, minY, maxY)
+            : aboveY >= minY
+                ? aboveY
+                : clamp(belowY, minY, maxY);
+    return {
+        bar,
+        height,
+        width: config.width,
+        x,
+        y
+    };
+};

package/dist/v2/react-native/charts/bar/tooltipPlacement.d.ts

@@ -0,0 +1,9 @@
+import type { BarChartTooltipModel } from "./tooltip";
+export declare const offsetBarChartTooltipForViewport: <TData>({ leftInset, rightInset, tooltip, viewportOffsetX, viewportWidth }: {
+    leftInset: number;
+    rightInset?: number;
+    tooltip: BarChartTooltipModel<TData>;
+    viewportOffsetX: number;
+    viewportWidth: number;
+}) => BarChartTooltipModel<TData>;
+//# sourceMappingURL=tooltipPlacement.d.ts.map

package/dist/v2/react-native/charts/bar/tooltipPlacement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipPlacement.d.ts","sourceRoot":"","sources":["../../../src/charts/bar/tooltipPlacement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEtD,eAAO,MAAM,gCAAgC,GAAI,KAAK,EAAE,oEAMrD;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACrC,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;CACvB,KAAG,oBAAoB,CAAC,KAAK,CAS7B,CAAC"}

package/dist/v2/react-native/charts/bar/tooltipPlacement.js

@@ -0,0 +1,9 @@
+export const offsetBarChartTooltipForViewport = ({ leftInset, rightInset = 4, tooltip, viewportOffsetX, viewportWidth }) => {
+    const minX = Math.max(0, leftInset);
+    const maxX = Math.max(minX, viewportWidth - tooltip.width - rightInset);
+    const viewportX = tooltip.x - viewportOffsetX;
+    return {
+        ...tooltip,
+        x: Math.max(minX, Math.min(maxX, viewportX))
+    };
+};