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

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

@@ -0,0 +1,326 @@
+import { buildBarGeometry, buildHorizontalBarGeometry, calculateAutoPadding, createBandScale, createLinearScale, generateLinearTicks, normalizeCartesianData, resolveNumericDomain, solveChartBoxes } from "../../../core/index";
+import { resolveCartesianChartThemeConfig } from "../../theme/presets";
+import { defaultFormatBarChartXLabel, defaultFormatBarChartYLabel, getBarChartFontTextOptions, getBarChartSeriesColor, getBarChartXKey, getMaxBarChartTextSize, getVisibleBarChartXLabelInterval, getVisibleBarChartYLabelInterval, labelBaselineOffset, measureBarChartText } from "./modelUtils";
+const defaultYDomain = { includeZero: true, nice: true };
+const resolveSeriesInput = (yKey, yKeys, series) => {
+    if (series && series.length > 0) {
+        return series;
+    }
+    if (yKeys && yKeys.length > 0) {
+        return yKeys.map((key) => ({ yKey: key }));
+    }
+    return yKey ? [{ yKey }] : [];
+};
+const getDomainValues = ({ mode, series, yDomain }) => {
+    if (mode === "stacked100" && yDomain === defaultYDomain) {
+        return [0, 100];
+    }
+    if (mode === "grouped") {
+        return series.flatMap((item) => item.points.flatMap((point) => typeof point.value === "number" ? [point.value] : []));
+    }
+    const rowCount = Math.max(0, ...series.map((item) => item.points.length));
+    const values = [];
+    for (let rowIndex = 0; rowIndex < rowCount; rowIndex++) {
+        let positive = 0;
+        let negative = 0;
+        series.forEach((item) => {
+            const value = item.points[rowIndex]?.value;
+            if (typeof value !== "number") {
+                return;
+            }
+            if (value >= 0) {
+                positive += value;
+            }
+            else {
+                negative += value;
+            }
+        });
+        values.push(positive, negative);
+    }
+    return values;
+};
+export const buildBarChartModel = ({ data, xKey, yKey, yKeys, series, width, height, theme, preset, mode = "grouped", orientation = "vertical", yDomain = defaultYDomain, barWidthRatio = 0.72, barGapRatio = 0.12, showValuesOnTopOfBars = false, showHorizontalGridLines = true, showXAxisLabels = true, showYAxisLabels = true, yTickCount = 5, legend, labelStrategy = "auto", formatXLabel = defaultFormatBarChartXLabel, formatYLabel = defaultFormatBarChartYLabel, chartKitTheme }) => {
+    const resolvedTheme = resolveCartesianChartThemeConfig({
+        mode: typeof theme === "string" && theme !== "system"
+            ? theme
+            : chartKitTheme.mode,
+        preset: preset ?? chartKitTheme.preset,
+        presets: chartKitTheme.presets,
+        theme: typeof theme === "object" ? theme : chartKitTheme.theme
+    });
+    const seriesInput = resolveSeriesInput(yKey, yKeys, series);
+    const legendVisible = legend ?? seriesInput.length > 1;
+    const normalized = normalizeCartesianData({
+        data,
+        xKey,
+        series: seriesInput
+    });
+    const xValues = normalized.series[0]?.points.map((point) => point.x) ?? [];
+    const xDomain = xValues.map(getBarChartXKey);
+    const xLabelTexts = xValues.map((value, index) => formatXLabel(value, index));
+    const textOptions = getBarChartFontTextOptions(resolvedTheme);
+    const xLabelSizes = xLabelTexts.map((text) => measureBarChartText(text, textOptions));
+    const isHorizontal = orientation === "horizontal";
+    const domainValues = getDomainValues({
+        mode,
+        series: normalized.series,
+        yDomain
+    });
+    const resolvedYDomain = mode === "stacked100" && yDomain === defaultYDomain
+        ? [0, 100]
+        : resolveNumericDomain(domainValues, yDomain);
+    const yTicks = generateLinearTicks({
+        domain: resolvedYDomain,
+        count: Math.max(2, Math.round(yTickCount))
+    });
+    const yLabelSizes = yTicks.map((tick) => measureBarChartText(formatYLabel(tick), textOptions));
+    const legendFontSize = resolvedTheme.typography.legendLabelSize;
+    const legendMarkerSize = 8;
+    const legendGap = 14;
+    const legendItemsRaw = seriesInput.map((item, index) => ({
+        key: item.key ?? item.yKey,
+        label: item.label ?? item.key ?? item.yKey,
+        color: item.color ?? getBarChartSeriesColor(resolvedTheme, index),
+        width: legendMarkerSize +
+            6 +
+            measureBarChartText(item.label ?? item.key ?? item.yKey, {
+                fontSize: legendFontSize
+            }).width
+    }));
+    const legendHeight = legendVisible && legendItemsRaw.length > 0 ? 18 : 0;
+    const autoPaddingOptions = {
+        base: { top: 18, right: 14, bottom: 12, left: 10 },
+        leftLabels: isHorizontal ? xLabelSizes : yLabelSizes,
+        bottomLabels: isHorizontal
+            ? yLabelSizes
+            : xLabelSizes.length > 0
+                ? [getMaxBarChartTextSize(xLabelSizes)]
+                : [],
+        gap: 8
+    };
+    const basePadding = calculateAutoPadding(legendHeight > 0
+        ? {
+            ...autoPaddingOptions,
+            legend: {
+                height: legendHeight,
+                position: "bottom",
+                width: width - 24
+            }
+        }
+        : autoPaddingOptions);
+    const boxes = solveChartBoxes({ width, height }, basePadding);
+    const yScale = createLinearScale({
+        domain: resolvedYDomain,
+        range: [boxes.plot.y + boxes.plot.height, boxes.plot.y]
+    });
+    const xScale = createBandScale({
+        domain: xDomain,
+        range: [boxes.plot.x, boxes.plot.x + boxes.plot.width],
+        paddingInner: 0.12,
+        paddingOuter: 0.08
+    });
+    const horizontalXScale = createLinearScale({
+        domain: resolvedYDomain,
+        range: [boxes.plot.x, boxes.plot.x + boxes.plot.width]
+    });
+    const horizontalYScale = createBandScale({
+        domain: xDomain,
+        range: [boxes.plot.y, boxes.plot.y + boxes.plot.height],
+        paddingInner: 0.12,
+        paddingOuter: 0.08
+    });
+    const barGeometry = buildBarGeometry({
+        series: normalized.series,
+        mode,
+        xBand: (value) => {
+            const key = getBarChartXKey(value);
+            const x = xScale.scale(key);
+            return x !== undefined ? { x, width: xScale.bandwidth } : undefined;
+        },
+        yScale: (value) => yScale.scale(value),
+        barWidthRatio,
+        barGapRatio
+    });
+    const horizontalBarGeometry = buildHorizontalBarGeometry({
+        series: normalized.series,
+        mode,
+        yBand: (value) => {
+            const key = getBarChartXKey(value);
+            const y = horizontalYScale.scale(key);
+            return y !== undefined
+                ? { y, height: horizontalYScale.bandwidth }
+                : undefined;
+        },
+        xScale: (value) => horizontalXScale.scale(value),
+        barWidthRatio,
+        barGapRatio
+    });
+    const verticalLabelInterval = getVisibleBarChartXLabelInterval({
+        labelStrategy,
+        labelSizes: xLabelSizes,
+        plotWidth: boxes.plot.width
+    });
+    const horizontalLabelInterval = getVisibleBarChartYLabelInterval({
+        labelStrategy,
+        labelSizes: xLabelSizes,
+        plotHeight: boxes.plot.height
+    });
+    const verticalXLabels = xLabelTexts.flatMap((text, index) => {
+        if (index % verticalLabelInterval !== 0) {
+            return [];
+        }
+        const key = xDomain[index];
+        const bandX = key !== undefined ? xScale.scale(key) : undefined;
+        if (bandX === undefined) {
+            return [];
+        }
+        return [
+            {
+                index,
+                text,
+                x: bandX + xScale.bandwidth / 2,
+                y: boxes.plot.y + boxes.plot.height + labelBaselineOffset,
+                textAnchor: "middle"
+            }
+        ];
+    });
+    const verticalYLabels = yTicks.map((tick) => ({
+        key: `tick-${tick}`,
+        text: formatYLabel(tick),
+        x: boxes.plot.x - 8,
+        y: yScale.scale(tick) + resolvedTheme.typography.axisLabelSize / 2 - 2
+    }));
+    const horizontalXLabels = yTicks.map((tick, index) => ({
+        index,
+        text: formatYLabel(tick),
+        x: horizontalXScale.scale(tick),
+        y: boxes.plot.y + boxes.plot.height + labelBaselineOffset,
+        textAnchor: "middle"
+    }));
+    const horizontalYLabels = xLabelTexts.flatMap((text, index) => {
+        if (index % horizontalLabelInterval !== 0) {
+            return [];
+        }
+        const key = xDomain[index];
+        const bandY = key !== undefined ? horizontalYScale.scale(key) : undefined;
+        if (bandY === undefined) {
+            return [];
+        }
+        return [
+            {
+                key: `category-${index}`,
+                text,
+                x: boxes.plot.x - 8,
+                y: bandY +
+                    horizontalYScale.bandwidth / 2 +
+                    resolvedTheme.typography.axisLabelSize / 2 -
+                    2
+            }
+        ];
+    });
+    const verticalBars = barGeometry.bars.map((bar) => ({
+        baselineY: bar.baselineY,
+        color: normalized.series[bar.seriesIndex]?.color ??
+            seriesInput[bar.seriesIndex]?.color ??
+            getBarChartSeriesColor(resolvedTheme, bar.seriesIndex),
+        dataIndex: bar.dataIndex,
+        formattedValue: formatYLabel(bar.value),
+        height: bar.height,
+        key: bar.key,
+        raw: bar.raw,
+        seriesIndex: bar.seriesIndex,
+        seriesKey: bar.seriesKey,
+        seriesLabel: bar.seriesLabel,
+        value: bar.value,
+        width: bar.width,
+        x: bar.x,
+        xLabel: formatXLabel(bar.xValue, bar.dataIndex),
+        xValue: bar.xValue,
+        y: bar.y
+    }));
+    const horizontalBars = horizontalBarGeometry.bars.map((bar) => ({
+        baselineX: bar.baselineX,
+        baselineY: bar.baselineY,
+        color: normalized.series[bar.seriesIndex]?.color ??
+            seriesInput[bar.seriesIndex]?.color ??
+            getBarChartSeriesColor(resolvedTheme, bar.seriesIndex),
+        dataIndex: bar.dataIndex,
+        formattedValue: formatYLabel(bar.value),
+        height: bar.height,
+        key: bar.key,
+        raw: bar.raw,
+        seriesIndex: bar.seriesIndex,
+        seriesKey: bar.seriesKey,
+        seriesLabel: bar.seriesLabel,
+        value: bar.value,
+        width: bar.width,
+        x: bar.x,
+        xLabel: formatXLabel(bar.xValue, bar.dataIndex),
+        xValue: bar.xValue,
+        y: bar.y
+    }));
+    const bars = isHorizontal ? horizontalBars : verticalBars;
+    const valueLabels = showValuesOnTopOfBars
+        ? bars.map((bar) => isHorizontal
+            ? {
+                key: `value-${bar.key}`,
+                text: formatYLabel(bar.value),
+                x: bar.value >= 0
+                    ? Math.min(boxes.plot.x + boxes.plot.width - 2, bar.x + bar.width + 5)
+                    : Math.max(boxes.plot.x + 2, bar.x - 5),
+                y: bar.y +
+                    bar.height / 2 +
+                    resolvedTheme.typography.axisLabelSize / 2 -
+                    2,
+                color: resolvedTheme.mutedText,
+                textAnchor: bar.value >= 0 ? "start" : "end"
+            }
+            : {
+                key: `value-${bar.key}`,
+                text: formatYLabel(bar.value),
+                x: bar.x + bar.width / 2,
+                y: bar.value >= 0
+                    ? Math.max(boxes.plot.y + 10, bar.y - 5)
+                    : Math.min(boxes.plot.y + boxes.plot.height - 2, bar.y +
+                        bar.height +
+                        resolvedTheme.typography.axisLabelSize),
+                color: resolvedTheme.mutedText
+            })
+        : [];
+    const legendWidth = legendItemsRaw.reduce((sum, item) => sum + item.width, 0) +
+        legendGap * Math.max(0, legendItemsRaw.length - 1);
+    const legendStartX = Math.max(8, (width - legendWidth) / 2);
+    const legendY = height - 8;
+    const legendItems = legendVisible
+        ? legendItemsRaw.map((item, index) => {
+            const x = legendStartX +
+                legendItemsRaw
+                    .slice(0, index)
+                    .reduce((sum, previous) => sum + previous.width + legendGap, 0);
+            return {
+                key: item.key,
+                label: item.label,
+                color: item.color,
+                markerX: x,
+                markerY: legendY - legendMarkerSize + 1,
+                labelX: x + legendMarkerSize + 6,
+                labelY: legendY
+            };
+        })
+        : [];
+    return {
+        bars,
+        boxes,
+        mode,
+        orientation,
+        resolvedTheme,
+        legendItems,
+        showHorizontalGridLines,
+        showXAxisLabels,
+        showYAxisLabels,
+        valueLabels,
+        xLabels: isHorizontal ? horizontalXLabels : verticalXLabels,
+        yLabels: isHorizontal ? horizontalYLabels : verticalYLabels,
+        yTicks
+    };
+};

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

@@ -0,0 +1,27 @@
+import type { ChartXValue, Size } from "../../../core/index";
+import type { ResolvedCartesianChartTheme } from "../../theme/presets";
+import type { BarChartProps } from "./types";
+export declare const labelBaselineOffset = 20;
+export declare const measureBarChartText: (text: string, options?: {
+    fontSize?: number;
+}) => Size;
+export declare const getBarChartFontTextOptions: (theme: ResolvedCartesianChartTheme) => {
+    fontFamily?: string;
+    fontSize: number;
+};
+export declare const getBarChartSeriesColor: (theme: ResolvedCartesianChartTheme, index: number) => string;
+export declare const defaultFormatBarChartXLabel: (value: ChartXValue) => string;
+export declare const defaultFormatBarChartYLabel: (value: number) => string;
+export declare const getBarChartXKey: (value: ChartXValue) => string | number;
+export declare const getMaxBarChartTextSize: (sizes: Size[]) => Size;
+export declare const getVisibleBarChartXLabelInterval: ({ labelStrategy, labelSizes, plotWidth }: {
+    labelStrategy: BarChartProps<Record<string, unknown>>["labelStrategy"];
+    labelSizes: Size[];
+    plotWidth: number;
+}) => number;
+export declare const getVisibleBarChartYLabelInterval: ({ labelStrategy, labelSizes, plotHeight }: {
+    labelStrategy: BarChartProps<Record<string, unknown>>["labelStrategy"];
+    labelSizes: Size[];
+    plotHeight: number;
+}) => number;
+//# sourceMappingURL=modelUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modelUtils.d.ts","sourceRoot":"","sources":["../../../src/charts/bar/modelUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,eAAO,MAAM,mBAAmB,GAC9B,MAAM,MAAM,EACZ,UAAS;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAO,KAClC,IAOF,CAAC;AAEF,eAAO,MAAM,0BAA0B,GACrC,OAAO,2BAA2B;;;CAMlC,CAAC;AAEH,eAAO,MAAM,sBAAsB,GACjC,OAAO,2BAA2B,EAClC,OAAO,MAAM,WAC4C,CAAC;AAE5D,eAAO,MAAM,2BAA2B,GAAI,OAAO,WAAW,WAS7D,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,OAAO,MAAM,WAQxD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,OAAO,WAAW,oBACD,CAAC;AAElD,eAAO,MAAM,sBAAsB,GAAI,OAAO,IAAI,EAAE,SAOjD,CAAC;AAEJ,eAAO,MAAM,gCAAgC,GAAI,0CAI9C;IACD,aAAa,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IACvE,UAAU,EAAE,IAAI,EAAE,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB,WAaA,CAAC;AAEF,eAAO,MAAM,gCAAgC,GAAI,2CAI9C;IACD,aAAa,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IACvE,UAAU,EAAE,IAAI,EAAE,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB,WAaA,CAAC"}

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

@@ -0,0 +1,58 @@
+export const labelBaselineOffset = 20;
+export const measureBarChartText = (text, options = {}) => {
+    const fontSize = options.fontSize ?? 12;
+    return {
+        width: text.length * fontSize * 0.56,
+        height: 14
+    };
+};
+export const getBarChartFontTextOptions = (theme) => ({
+    fontSize: theme.typography.axisLabelSize,
+    ...(theme.typography.fontFamily
+        ? { fontFamily: theme.typography.fontFamily }
+        : {})
+});
+export const getBarChartSeriesColor = (theme, index) => theme.series[index % theme.series.length] ?? "#2563eb";
+export const defaultFormatBarChartXLabel = (value) => {
+    if (value instanceof Date) {
+        return value.toLocaleDateString("en-US", {
+            month: "short",
+            day: "numeric"
+        });
+    }
+    return String(value);
+};
+export const defaultFormatBarChartYLabel = (value) => {
+    const absolute = Math.abs(value);
+    if (absolute >= 1000) {
+        return `${Number((value / 1000).toFixed(1))}k`;
+    }
+    return String(Number(value.toFixed(2)));
+};
+export const getBarChartXKey = (value) => value instanceof Date ? value.valueOf() : value;
+export const getMaxBarChartTextSize = (sizes) => sizes.reduce((max, size) => ({
+    width: Math.max(max.width, size.width),
+    height: Math.max(max.height, size.height)
+}), { width: 0, height: 0 });
+export const getVisibleBarChartXLabelInterval = ({ labelStrategy, labelSizes, plotWidth }) => {
+    if (labelStrategy === "hide" || labelSizes.length === 0) {
+        return Number.POSITIVE_INFINITY;
+    }
+    if (labelStrategy === "show") {
+        return 1;
+    }
+    const widest = getMaxBarChartTextSize(labelSizes).width;
+    const maxVisibleLabels = Math.max(1, Math.floor(plotWidth / (widest + 10)));
+    return Math.max(1, Math.ceil(labelSizes.length / maxVisibleLabels));
+};
+export const getVisibleBarChartYLabelInterval = ({ labelStrategy, labelSizes, plotHeight }) => {
+    if (labelStrategy === "hide" || labelSizes.length === 0) {
+        return Number.POSITIVE_INFINITY;
+    }
+    if (labelStrategy === "show") {
+        return 1;
+    }
+    const tallest = getMaxBarChartTextSize(labelSizes).height;
+    const maxVisibleLabels = Math.max(1, Math.floor(plotHeight / (tallest + 8)));
+    return Math.max(1, Math.ceil(labelSizes.length / maxVisibleLabels));
+};

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

@@ -0,0 +1,7 @@
+import type { ResolvedCartesianChartTheme } from "../../theme/presets";
+import type { BarChartTooltipConfig, ResolvedBarChartTooltipConfig } from "./types";
+export declare const getBarChartTooltipConfig: ({ themeTooltip, tooltip }: {
+    themeTooltip: ResolvedCartesianChartTheme["tooltip"];
+    tooltip: boolean | BarChartTooltipConfig | undefined;
+}) => ResolvedBarChartTooltipConfig;
+//# sourceMappingURL=options.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../src/charts/bar/options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,KAAK,EACV,qBAAqB,EACrB,6BAA6B,EAC9B,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,wBAAwB,GAAI,2BAGtC;IACD,YAAY,EAAE,2BAA2B,CAAC,SAAS,CAAC,CAAC;IACrD,OAAO,EAAE,OAAO,GAAG,qBAAqB,GAAG,SAAS,CAAC;CACtD,KAAG,6BAkDH,CAAC"}

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

@@ -0,0 +1,49 @@
+export const getBarChartTooltipConfig = ({ themeTooltip, tooltip }) => {
+    if (!tooltip) {
+        return {
+            anchor: "bar",
+            backgroundColor: themeTooltip.background,
+            borderColor: themeTooltip.border,
+            borderRadius: themeTooltip.borderRadius,
+            edgePadding: 4,
+            fontFamily: undefined,
+            fontSize: themeTooltip.fontSize,
+            labelColor: themeTooltip.mutedText,
+            labelFontSize: themeTooltip.labelFontSize,
+            offset: 8,
+            padding: themeTooltip.padding,
+            placement: "auto",
+            positionAnimationDuration: 0,
+            shadowColor: themeTooltip.shadowColor,
+            shadowOffsetX: themeTooltip.shadowOffsetX,
+            shadowOffsetY: themeTooltip.shadowOffsetY,
+            shadowOpacity: themeTooltip.shadowOpacity,
+            textColor: themeTooltip.text,
+            visible: false,
+            width: 126
+        };
+    }
+    const config = typeof tooltip === "object" ? tooltip : {};
+    return {
+        anchor: config.anchor ?? "bar",
+        backgroundColor: config.backgroundColor ?? themeTooltip.background,
+        borderColor: config.borderColor ?? themeTooltip.border,
+        borderRadius: config.borderRadius ?? themeTooltip.borderRadius,
+        edgePadding: Math.max(0, config.edgePadding ?? 4),
+        fontFamily: config.fontFamily,
+        fontSize: config.fontSize ?? themeTooltip.fontSize,
+        labelColor: config.labelColor ?? themeTooltip.mutedText,
+        labelFontSize: config.labelFontSize ?? themeTooltip.labelFontSize,
+        offset: Math.max(0, config.offset ?? 8),
+        padding: config.padding ?? themeTooltip.padding,
+        placement: config.placement ?? "auto",
+        positionAnimationDuration: config.positionAnimationDuration ?? 180,
+        shadowColor: config.shadowColor ?? themeTooltip.shadowColor,
+        shadowOffsetX: config.shadowOffsetX ?? themeTooltip.shadowOffsetX,
+        shadowOffsetY: config.shadowOffsetY ?? themeTooltip.shadowOffsetY,
+        shadowOpacity: config.shadowOpacity ?? themeTooltip.shadowOpacity,
+        textColor: config.textColor ?? themeTooltip.text,
+        visible: config.visible ?? true,
+        width: config.width ?? 126
+    };
+};

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

@@ -0,0 +1,12 @@
+import type { BarChartRenderer } from "./types";
+export declare const getSafeBarChartContentWidth: ({ contentWidth, renderer, scrollable }: {
+    contentWidth: number;
+    renderer: BarChartRenderer | undefined;
+    scrollable: boolean | undefined;
+}) => number;
+export declare const getSafeBarChartRenderer: ({ contentWidth, renderer, scrollable }: {
+    contentWidth: number;
+    renderer: BarChartRenderer | undefined;
+    scrollable: boolean | undefined;
+}) => import("../..").LineChartRenderer | undefined;
+//# sourceMappingURL=rendererSafety.d.ts.map

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"}