gifted-charts-core 0.0.25 → 0.0.27

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "gifted-charts-core",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "description": "Mathematical and logical utilities used by react-gifted-charts and react-native-gifted-charts",
   "main": "index.ts",
   "files": [
     "src"
   ],
   "scripts": {
+    "build": "tsc -p .",
     "test": "echo \"Error: no test specified\" && exit 1",
     "lint": "eslint src/**/*.ts"
   },
@@ -15,6 +16,9 @@
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@types/react": "^18.2.14",
+    "@types/react-dom": "^18.2.6",
+    "@types/react-native": "^0.72.2",
     "eslint": "^8.56.0",
     "eslint-config-standard-with-typescript": "^43.0.1",
     "eslint-plugin-import": "^2.29.1",

package/src/BarChart/Animated2DWithGradient.d.ts

@@ -0,0 +1,24 @@
+import { type ColorValue, type ViewStyle } from 'react-native';
+import { type FocusedBarConfig, type BarChartPropsType, type CommonPropsFor2Dand3DbarsType, type barDataItem, type stackDataItem } from './types';
+import { type ReactNode } from 'react';
+interface Animated2dWithGradientPropsType extends BarChartPropsType {
+    item: barDataItem;
+    index: number;
+    barHeight: number;
+    selectedIndex: number;
+    barBackgroundPattern?: () => ReactNode;
+    barInnerComponent?: (item?: stackDataItem | barDataItem, index?: number) => ReactNode;
+    patternId?: string;
+    barStyle?: object;
+    intactTopLabel: boolean;
+}
+interface IgetPropsForAnimated2DWithGradientReturnType {
+    commonStyleForBar: ViewStyle[];
+    barStyleWithBackground: ViewStyle[];
+    commonPropsFor2Dand3Dbars: CommonPropsFor2Dand3DbarsType;
+    isFocused?: boolean;
+    focusedBarConfig?: FocusedBarConfig;
+    localFrontColor: ColorValue;
+}
+export declare const getPropsForAnimated2DWithGradient: (props: Animated2dWithGradientPropsType) => IgetPropsForAnimated2DWithGradientReturnType;
+export {};

package/src/BarChart/Animated2DWithGradient.js

@@ -0,0 +1,108 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { getBarFrontColor, getBarWidth } from '../utils';
+export var getPropsForAnimated2DWithGradient = function (props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
+    var barBorderWidth = props.barBorderWidth, barBorderColor = props.barBorderColor, barBorderRadius = props.barBorderRadius, item = props.item, barBorderTopLeftRadius = props.barBorderTopLeftRadius, barBorderTopRightRadius = props.barBorderTopRightRadius, barBorderBottomLeftRadius = props.barBorderBottomLeftRadius, barBorderBottomRightRadius = props.barBorderBottomRightRadius, barWidth = props.barWidth, barInnerComponent = props.barInnerComponent, barStyle = props.barStyle, index = props.index, opacity = props.opacity, barHeight = props.barHeight, intactTopLabel = props.intactTopLabel, showValuesAsTopLabel = props.showValuesAsTopLabel, topLabelContainerStyle = props.topLabelContainerStyle, topLabelTextStyle = props.topLabelTextStyle, roundedBottom = props.roundedBottom, cappedBars = props.cappedBars, capRadius = props.capRadius, roundedTop = props.roundedTop, barBackgroundPattern = props.barBackgroundPattern, patternId = props.patternId, frontColor = props.frontColor, showGradient = props.showGradient, gradientColor = props.gradientColor, selectedIndex = props.selectedIndex, focusBarOnPress = props.focusBarOnPress, focusedBarConfig = props.focusedBarConfig, isThreeD = props.isThreeD;
+    var isFocused = (focusBarOnPress !== null && focusBarOnPress !== void 0 ? focusBarOnPress : false) && selectedIndex === index;
+    var itemOrPropsBarBorderRadius = (_b = (_a = item.barBorderRadius) !== null && _a !== void 0 ? _a : barBorderRadius) !== null && _b !== void 0 ? _b : 0;
+    var localBarBorderRadius = (isFocused !== null && isFocused !== void 0 ? isFocused : false)
+        ? (_c = focusedBarConfig === null || focusedBarConfig === void 0 ? void 0 : focusedBarConfig.borderRadius) !== null && _c !== void 0 ? _c : itemOrPropsBarBorderRadius
+        : itemOrPropsBarBorderRadius;
+    var localBarWidth = getBarWidth(isFocused, focusedBarConfig, item.barWidth, barWidth);
+    var localFrontColor = getBarFrontColor(isFocused, focusedBarConfig, item.frontColor, frontColor, isThreeD);
+    var localGradientColor = (_d = item.gradientColor) !== null && _d !== void 0 ? _d : gradientColor;
+    var localOpacity = opacity !== null && opacity !== void 0 ? opacity : 1;
+    var commonStyleForBar = [
+        {
+            position: 'absolute',
+            width: '100%',
+            height: '100%',
+            borderWidth: barBorderWidth !== null && barBorderWidth !== void 0 ? barBorderWidth : 0,
+            borderColor: barBorderColor,
+            borderRadius: localBarBorderRadius,
+            borderTopLeftRadius: (_f = (_e = item.barBorderTopLeftRadius) !== null && _e !== void 0 ? _e : barBorderTopLeftRadius) !== null && _f !== void 0 ? _f : localBarBorderRadius,
+            borderTopRightRadius: (_h = (_g = item.barBorderTopRightRadius) !== null && _g !== void 0 ? _g : barBorderTopRightRadius) !== null && _h !== void 0 ? _h : localBarBorderRadius,
+            borderBottomLeftRadius: (_k = (_j = item.barBorderBottomLeftRadius) !== null && _j !== void 0 ? _j : barBorderBottomLeftRadius) !== null && _k !== void 0 ? _k : localBarBorderRadius,
+            borderBottomRightRadius: (_m = (_l = item.barBorderBottomRightRadius) !== null && _l !== void 0 ? _l : barBorderBottomRightRadius) !== null && _m !== void 0 ? _m : localBarBorderRadius
+        }
+    ];
+    if ((_o = roundedBottom !== null && roundedBottom !== void 0 ? roundedBottom : (isFocused && (focusedBarConfig === null || focusedBarConfig === void 0 ? void 0 : focusedBarConfig.roundedBottom))) !== null && _o !== void 0 ? _o : false) {
+        commonStyleForBar.push({
+            borderBottomLeftRadius: localBarWidth / 2,
+            borderBottomRightRadius: localBarWidth / 2
+        });
+    }
+    if (cappedBars !== null && cappedBars !== void 0 ? cappedBars : false) {
+        commonStyleForBar.push({
+            borderTopLeftRadius: item.capRadius === 0 ? 0 : (_q = (_p = item.capRadius) !== null && _p !== void 0 ? _p : capRadius) !== null && _q !== void 0 ? _q : 0,
+            borderTopRightRadius: item.capRadius === 0 ? 0 : (_s = (_r = item.capRadius) !== null && _r !== void 0 ? _r : capRadius) !== null && _s !== void 0 ? _s : 0
+        });
+    }
+    if ((_t = roundedTop !== null && roundedTop !== void 0 ? roundedTop : (isFocused && (focusedBarConfig === null || focusedBarConfig === void 0 ? void 0 : focusedBarConfig.roundedTop))) !== null && _t !== void 0 ? _t : false) {
+        commonStyleForBar.push({
+            borderTopLeftRadius: localBarWidth / 2,
+            borderTopRightRadius: localBarWidth / 2
+        });
+    }
+    var barStyleWithBackground = __spreadArray(__spreadArray([], __read(commonStyleForBar), false), [
+        {
+            backgroundColor: localFrontColor
+        }
+    ], false);
+    var commonPropsFor2Dand3Dbars = {
+        barBackgroundPattern: (_u = item.barBackgroundPattern) !== null && _u !== void 0 ? _u : barBackgroundPattern,
+        barInnerComponent: isFocused
+            ? (_v = focusedBarConfig === null || focusedBarConfig === void 0 ? void 0 : focusedBarConfig.barInnerComponent) !== null && _v !== void 0 ? _v : barInnerComponent
+            : barInnerComponent,
+        patternId: (_w = item.patternId) !== null && _w !== void 0 ? _w : patternId,
+        barWidth: localBarWidth,
+        barStyle: barStyle,
+        item: item,
+        index: index,
+        frontColor: localFrontColor,
+        showGradient: (_y = (_x = item.showGradient) !== null && _x !== void 0 ? _x : showGradient) !== null && _y !== void 0 ? _y : false,
+        gradientColor: isFocused
+            ? (_z = focusedBarConfig === null || focusedBarConfig === void 0 ? void 0 : focusedBarConfig.gradientColor) !== null && _z !== void 0 ? _z : localGradientColor
+            : localGradientColor,
+        opacity: isFocused
+            ? (_0 = focusedBarConfig === null || focusedBarConfig === void 0 ? void 0 : focusedBarConfig.opacity) !== null && _0 !== void 0 ? _0 : localOpacity
+            : localOpacity,
+        height: barHeight,
+        intactTopLabel: intactTopLabel,
+        showValuesAsTopLabel: (showValuesAsTopLabel !== null && showValuesAsTopLabel !== void 0 ? showValuesAsTopLabel : false),
+        topLabelContainerStyle: topLabelContainerStyle,
+        topLabelTextStyle: topLabelTextStyle
+    };
+    return {
+        commonStyleForBar: commonStyleForBar,
+        barStyleWithBackground: barStyleWithBackground,
+        commonPropsFor2Dand3Dbars: commonPropsFor2Dand3Dbars,
+        isFocused: isFocused,
+        focusedBarConfig: focusedBarConfig,
+        localFrontColor: localFrontColor
+    };
+};

package/src/BarChart/RenderStackBars.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { type StackedBarChartPropsType, type stackDataItem } from './types';
+export declare const useRenderStackBars: (props: StackedBarChartPropsType) => {
+    cotainsNegative: boolean;
+    noAnimation: boolean;
+    localBarInnerComponent: ((item?: stackDataItem | undefined, index?: number | undefined) => import("react").ReactNode) | undefined;
+    borderRadius: number | undefined;
+    borderTopLeftRadius: number | undefined;
+    borderTopRightRadius: number | undefined;
+    borderBottomLeftRadius: number | undefined;
+    borderBottomRightRadius: number | undefined;
+    leftSpacing: number;
+    disablePress: boolean;
+    totalHeight: number;
+    height: number;
+    setHeight: import("react").Dispatch<import("react").SetStateAction<number>>;
+    getBarHeight: (value: number, marginBottom?: number) => number;
+    getPosition: (index: number) => number;
+    getLowestPosition: () => number;
+    lowestBarPosition: number;
+    getStackBorderRadii: (item: stackDataItem, index: number) => {
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+        borderBottomLeftRadius: number;
+        borderBottomRightRadius: number;
+    };
+};

package/src/BarChart/RenderStackBars.js

@@ -0,0 +1,99 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { useState } from 'react';
+export var useRenderStackBars = function (props) {
+    var _a, _b, _c, _d, _e, _f;
+    var item = props.item, index = props.index, containerHeight = props.containerHeight, maxValue = props.maxValue, propSpacing = props.propSpacing, initialSpacing = props.initialSpacing, stackData = props.stackData, isAnimated = props.isAnimated;
+    var cotainsNegative = item.stacks.some(function (item) { return item.value < 0; });
+    var noAnimation = cotainsNegative || !isAnimated;
+    var localBarInnerComponent = (_a = item.barInnerComponent) !== null && _a !== void 0 ? _a : props.barInnerComponent;
+    var borderRadius = item.borderRadius, borderTopLeftRadius = item.borderTopLeftRadius, borderTopRightRadius = item.borderTopRightRadius, borderBottomLeftRadius = item.borderBottomLeftRadius, borderBottomRightRadius = item.borderBottomRightRadius;
+    var leftSpacing = initialSpacing;
+    for (var i = 0; i < index; i++) {
+        leftSpacing +=
+            ((_c = (_b = stackData[i].spacing) !== null && _b !== void 0 ? _b : propSpacing) !== null && _c !== void 0 ? _c : 0) +
+                ((_e = (_d = stackData[i].stacks[0].barWidth) !== null && _d !== void 0 ? _d : props.barWidth) !== null && _e !== void 0 ? _e : 30);
+    }
+    var disablePress = (_f = props.disablePress) !== null && _f !== void 0 ? _f : false;
+    var totalHeight = props.item.stacks.reduce(function (acc, stack) {
+        return acc +
+            (Math.abs(stack.value) * (containerHeight !== null && containerHeight !== void 0 ? containerHeight : 200)) / (maxValue || 200);
+    }, 0);
+    var _g = __read(useState(noAnimation ? totalHeight : 1), 2), height = _g[0], setHeight = _g[1];
+    var getBarHeight = function (value, marginBottom) {
+        return ((Math.abs(value) * (containerHeight !== null && containerHeight !== void 0 ? containerHeight : 200)) / (maxValue || 200) -
+            (marginBottom !== null && marginBottom !== void 0 ? marginBottom : 0));
+    };
+    var getPosition = function (index) {
+        /* Returns bottom position for stack item
+               negative values are below origin (-> negative position) */
+        var height = getBarHeight(item.stacks[index].value, item.stacks[index].marginBottom);
+        var itemValue = item.stacks[index].value;
+        var isNegative = itemValue <= 0;
+        var position = isNegative ? -(height || 0) : 0;
+        for (var i = 0; i < index; i++) {
+            var valueOnIndex = item.stacks[i].value;
+            if (isNegative && valueOnIndex <= 0) {
+                position +=
+                    (valueOnIndex * (containerHeight !== null && containerHeight !== void 0 ? containerHeight : 200)) / (maxValue || 200);
+            }
+            else if (!isNegative && valueOnIndex >= 0) {
+                position +=
+                    (valueOnIndex * (containerHeight !== null && containerHeight !== void 0 ? containerHeight : 200)) / (maxValue || 200);
+            }
+        }
+        return position;
+    };
+    var getLowestPosition = function () {
+        var _a;
+        return (((_a = item.stacks
+            .map(function (_, index) { return getPosition(index); })
+            .sort(function (a, b) { return a - b; })) === null || _a === void 0 ? void 0 : _a[0]) || 0);
+    };
+    var lowestBarPosition = getLowestPosition();
+    var getStackBorderRadii = function (item, index) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        var stackItem = item.stacks[index];
+        var borderRadii = {
+            borderTopLeftRadius: (_d = (_c = (_b = (_a = stackItem.borderTopLeftRadius) !== null && _a !== void 0 ? _a : stackItem.borderRadius) !== null && _b !== void 0 ? _b : props.barBorderTopLeftRadius) !== null && _c !== void 0 ? _c : props.barBorderRadius) !== null && _d !== void 0 ? _d : 0,
+            borderTopRightRadius: (_h = (_g = (_f = (_e = stackItem.borderTopRightRadius) !== null && _e !== void 0 ? _e : stackItem.borderRadius) !== null && _f !== void 0 ? _f : props.barBorderTopRightRadius) !== null && _g !== void 0 ? _g : props.barBorderRadius) !== null && _h !== void 0 ? _h : 0,
+            borderBottomLeftRadius: (_m = (_l = (_k = (_j = stackItem.borderBottomLeftRadius) !== null && _j !== void 0 ? _j : stackItem.borderRadius) !== null && _k !== void 0 ? _k : props.barBorderBottomLeftRadius) !== null && _l !== void 0 ? _l : props.barBorderRadius) !== null && _m !== void 0 ? _m : 0,
+            borderBottomRightRadius: (_r = (_q = (_p = (_o = stackItem.borderBottomRightRadius) !== null && _o !== void 0 ? _o : stackItem.borderRadius) !== null && _p !== void 0 ? _p : props.barBorderBottomRightRadius) !== null && _q !== void 0 ? _q : props.barBorderRadius) !== null && _r !== void 0 ? _r : 0
+        };
+        return borderRadii;
+    };
+    return {
+        cotainsNegative: cotainsNegative,
+        noAnimation: noAnimation,
+        localBarInnerComponent: localBarInnerComponent,
+        borderRadius: borderRadius,
+        borderTopLeftRadius: borderTopLeftRadius,
+        borderTopRightRadius: borderTopRightRadius,
+        borderBottomLeftRadius: borderBottomLeftRadius,
+        borderBottomRightRadius: borderBottomRightRadius,
+        leftSpacing: leftSpacing,
+        disablePress: disablePress,
+        totalHeight: totalHeight,
+        height: height,
+        setHeight: setHeight,
+        getBarHeight: getBarHeight,
+        getPosition: getPosition,
+        getLowestPosition: getLowestPosition,
+        lowestBarPosition: lowestBarPosition,
+        getStackBorderRadii: getStackBorderRadii
+    };
+};

package/src/BarChart/index.d.ts

@@ -0,0 +1,175 @@
+/// <reference types="react" />
+import { type lineConfigType, type BarChartPropsType, type barDataItem, type stackDataItem } from './types';
+import { type BarAndLineChartsWrapperTypes, type secondaryYAxisType } from '../utils/types';
+import { type Animated } from 'react-native';
+export interface extendedBarChartPropsType extends BarChartPropsType {
+    heightValue: Animated.Value;
+    widthValue: Animated.Value;
+    opacValue: Animated.Value;
+    verticalLinesUptoDataPoint?: boolean;
+    secondaryYAxis?: secondaryYAxisType | boolean;
+}
+export declare const useBarChart: (props: extendedBarChartPropsType) => {
+    lineConfig: lineConfigType;
+    hidePointer1: boolean;
+    pointerItem: barDataItem | stackDataItem | undefined;
+    pointerY: number;
+    pointerConfig: import("../utils/types").Pointer | undefined;
+    pointerColor: import("react-native").ColorValue;
+    pointerX: number;
+    pointerComponent: Function | null;
+    pointerHeight: number;
+    pointerRadius: number;
+    pointerWidth: number;
+    autoAdjustPointerLabelPosition: boolean;
+    pointerLabelWidth: number;
+    activatePointersOnLongPress: boolean;
+    yAxisLabelWidth: number;
+    shiftPointerLabelX: number;
+    pointerLabelHeight: number;
+    pointerStripUptoDataPoint: boolean;
+    pointerStripHeight: number;
+    shiftPointerLabelY: number;
+    showPointerStrip: boolean;
+    pointerStripWidth: number;
+    containerHeight: number;
+    xAxisThickness: number;
+    pointerStripColor: import("react-native").ColorValue;
+    pointerEvents: import("../utils/types").PointerEvents | undefined;
+    setResponderStartTime: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setPointerY: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setPointerItem: import("react").Dispatch<import("react").SetStateAction<barDataItem | stackDataItem | undefined>>;
+    initialSpacing: number;
+    spacing: number;
+    data: barDataItem[];
+    barWidth: number;
+    setPointerX: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setPointerIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+    maxValue: number;
+    responderStartTime: number;
+    responderActive: boolean;
+    setResponderActive: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    activatePointersDelay: number;
+    persistPointer: boolean;
+    pointerVanishDelay: number;
+    containerHeightIncludingBelowXAxis: number;
+    extendedContainerHeight: number;
+    totalWidth: number;
+    stripBehindBars: boolean;
+    noOfSectionsBelowXAxis: number;
+    stepHeight: number;
+    xAxisLabelsVerticalShift: number;
+    labelsExtraHeight: number;
+    stripOverPointer: boolean;
+    pointerLabelComponent: Function | null;
+    opacity: number;
+    rotateLabel: boolean;
+    showXAxisIndices: boolean;
+    xAxisIndicesHeight: number;
+    xAxisIndicesWidth: number;
+    xAxisIndicesColor: import("react-native").ColorValue;
+    horizontal: boolean;
+    rtl: boolean;
+    intactTopLabel: boolean;
+    barBorderColor: import("react-native").ColorValue;
+    barInnerComponent: ((item?: barDataItem | stackDataItem | undefined, index?: number | undefined) => import("react").ReactNode) | undefined;
+    xAxisTextNumberOfLines: number;
+    selectedIndex: number;
+    setSelectedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+    isAnimated: boolean;
+    animationDuration: number;
+    side: string;
+    labelWidth: number;
+    isThreeD: boolean;
+    animatedHeight: Animated.AnimatedInterpolation<string | number>;
+    appearingOpacity: Animated.AnimatedInterpolation<string | number>;
+    autoShiftLabels: boolean;
+    yAxisAtTop: boolean;
+    secondaryData: import("..").lineDataItem[] | barDataItem[] | undefined;
+    disableScroll: boolean;
+    showScrollIndicator: boolean;
+    scrollToEnd: boolean;
+    scrollAnimation: boolean;
+    scrollEventThrottle: number;
+    showLine: boolean;
+    lineConfig2: lineConfigType;
+    lineData: (import("..").lineDataItem | barDataItem | stackDataItem)[];
+    lineData2: (import("..").lineDataItem | barDataItem | stackDataItem)[] | undefined;
+    animatedWidth: Animated.AnimatedInterpolation<string | number>;
+    lineBehindBars: boolean;
+    points: string;
+    setPoints: import("react").Dispatch<import("react").SetStateAction<string>>;
+    points2: string;
+    setPoints2: import("react").Dispatch<import("react").SetStateAction<string>>;
+    arrowPoints: string;
+    setArrowPoints: import("react").Dispatch<import("react").SetStateAction<string>>;
+    horizSections: {
+        value: string;
+    }[];
+    endSpacing: number;
+    horizontalRulesStyle: any;
+    noOfSections: number;
+    showFractionalValues: boolean;
+    widthFromProps: number | undefined;
+    stepValue: number;
+    secondaryMaxValue: number;
+    getPointerProps: Function | null;
+    pointerIndex: number;
+    getPropsCommonForBarAndStack: (item: any, index: number) => {
+        key: number;
+        item: any;
+        index: number;
+        containerHeight: number;
+        maxValue: number;
+        spacing: any;
+        propSpacing: number;
+        xAxisThickness: number;
+        barWidth: number | undefined;
+        opacity: number;
+        disablePress: any;
+        rotateLabel: boolean;
+        showXAxisIndices: boolean;
+        xAxisIndicesHeight: number;
+        xAxisIndicesWidth: number;
+        xAxisIndicesColor: import("react-native").ColorValue;
+        horizontal: boolean;
+        rtl: boolean;
+        intactTopLabel: boolean;
+        showValuesAsTopLabel: boolean | undefined;
+        topLabelContainerStyle: any;
+        topLabelTextStyle: any;
+        barBorderWidth: number | undefined;
+        barBorderColor: import("react-native").ColorValue;
+        barBorderRadius: number | undefined;
+        barBorderTopLeftRadius: number | undefined;
+        barBorderTopRightRadius: number | undefined;
+        barBorderBottomLeftRadius: number | undefined;
+        barBorderBottomRightRadius: number | undefined;
+        barInnerComponent: ((item?: barDataItem | stackDataItem | undefined, index?: number | undefined) => import("react").ReactNode) | undefined;
+        color: import("react-native").ColorValue | undefined;
+        showGradient: boolean | undefined;
+        gradientColor: import("react-native").ColorValue | undefined;
+        barBackgroundPattern: (() => import("react").ReactNode) | undefined;
+        patternId: string | undefined;
+        onPress: Function | undefined;
+        onLongPress: Function | undefined;
+        onPressOut: Function | undefined;
+        focusBarOnPress: boolean | undefined;
+        focusedBarConfig: import("./types").FocusedBarConfig | undefined;
+        xAxisTextNumberOfLines: number;
+        xAxisLabelsHeight: number | undefined;
+        xAxisLabelsVerticalShift: number;
+        renderTooltip: Function | undefined;
+        leftShiftForTooltip: number;
+        initialSpacing: number;
+        selectedIndex: number;
+        setSelectedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+        activeOpacity: number;
+        noOfSectionsBelowXAxis: number;
+        leftShiftForLastIndexTooltip: number;
+        label: any;
+        labelTextStyle: any;
+        pointerConfig: import("../utils/types").Pointer | undefined;
+    };
+    barAndLineChartsWrapperProps: BarAndLineChartsWrapperTypes;
+};