gifted-charts-core 0.1.71 → 0.1.74

package/dist/BarChart/index.d.ts

@@ -1,4 +1,4 @@
-import { type lineConfigType, type barDataItem, type stackDataItem, BarChartPropsTypeForWeb, barDataItemNullSafe } from './types';
+import { type barDataItem, type stackDataItem, BarChartPropsTypeForWeb, barDataItemNullSafe, lineConfigWithSetFocusedDataPointIndexType } from './types';
 import { type BarAndLineChartsWrapperTypes, type secondaryYAxisType } from '../utils/types';
 import { type Animated } from 'react-native';
 export interface extendedBarChartPropsType extends BarChartPropsTypeForWeb {
@@ -10,7 +10,7 @@ export interface extendedBarChartPropsType extends BarChartPropsTypeForWeb {
     secondaryYAxis?: secondaryYAxisType | boolean;
 }
 export declare const useBarChart: (props: extendedBarChartPropsType) => {
-    lineConfig: lineConfigType;
+    lineConfig: lineConfigWithSetFocusedDataPointIndexType;
     hidePointer1: boolean;
     pointerItem: barDataItem | stackDataItem | undefined;
     pointerY: number;
@@ -94,7 +94,7 @@ export declare const useBarChart: (props: extendedBarChartPropsType) => {
     scrollAnimation: boolean;
     scrollEventThrottle: number;
     showLine: boolean;
-    lineConfig2: lineConfigType;
+    lineConfig2: lineConfigWithSetFocusedDataPointIndexType;
     lineData: (import("..").lineDataItem | barDataItem | stackDataItem)[];
     lineData2: (import("..").lineDataItem | barDataItem | stackDataItem)[] | undefined;
     animatedWidth: Animated.AnimatedInterpolation<string | number> | undefined;

package/dist/BarChart/index.js

@@ -29,20 +29,20 @@ import { useEffect, useMemo, useState } from 'react';
 import { getArrowPoints, getAxesAndRulesProps, getExtendedContainerHeightWithPadding, getLineConfigForBarChart, getMaxValue, getMostNegativeValue, getNoOfSections, getXForLineInBar, getYForLineInBar, indexOfFirstNonZeroDigit, maxAndMinUtil, svgPath } from '../utils';
 import { AxesAndRulesDefaults, BarDefaults, chartTypes, defaultLineConfig, defaultPointerConfig } from '../utils/constants';
 export var useBarChart = 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, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69;
+    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, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77;
     var heightValue = props.heightValue, widthValue = props.widthValue, opacityValue = props.opacityValue, yAxisOffset = props.yAxisOffset, adjustToWidth = props.adjustToWidth, parentWidth = props.parentWidth, labelsDistanceFromXaxis = props.labelsDistanceFromXaxis, autoShiftLabelsForNegativeStacks = props.autoShiftLabelsForNegativeStacks, focusedBarIndex = props.focusedBarIndex, nsv = props.negativeStepValue, autoCenterTooltip = props.autoCenterTooltip, floatingYAxisLabels = props.floatingYAxisLabels;
     var negativeStepValue = nsv ? Math.abs(nsv) : undefined;
     var allowFontScaling = (_a = props.allowFontScaling) !== null && _a !== void 0 ? _a : AxesAndRulesDefaults.allowFontScaling;
-    var _70 = __read(useState(''), 2), points = _70[0], setPoints = _70[1];
-    var _71 = __read(useState(''), 2), points2 = _71[0], setPoints2 = _71[1];
-    var _72 = __read(useState(''), 2), arrowPoints = _72[0], setArrowPoints = _72[1];
-    var _73 = __read(useState(function () {
+    var _78 = __read(useState(''), 2), points = _78[0], setPoints = _78[1];
+    var _79 = __read(useState(''), 2), points2 = _79[0], setPoints2 = _79[1];
+    var _80 = __read(useState(''), 2), arrowPoints = _80[0], setArrowPoints = _80[1];
+    var _81 = __read(useState(function () {
         if (Array.isArray(focusedBarIndex)) {
             return focusedBarIndex;
         }
         return [focusedBarIndex !== null && focusedBarIndex !== void 0 ? focusedBarIndex : -1];
-    }), 2), selectedIndex = _73[0], setSelectedIndex = _73[1];
-    var _74 = __read(useState((_b = props.highlightedStackIndex) !== null && _b !== void 0 ? _b : -1), 2), selectedStackIndex = _74[0], setSelectedStackIndex = _74[1];
+    }), 2), selectedIndex = _81[0], setSelectedIndex = _81[1];
+    var _82 = __read(useState((_b = props.highlightedStackIndex) !== null && _b !== void 0 ? _b : -1), 2), selectedStackIndex = _82[0], setSelectedStackIndex = _82[1];
     var showLine = (_c = props.showLine) !== null && _c !== void 0 ? _c : BarDefaults.showLine;
     useEffect(function () {
         var newIndex = Array.isArray(focusedBarIndex)
@@ -141,23 +141,26 @@ export var useBarChart = function (props) {
     defaultLineConfig.initialSpacing = initialSpacing;
     defaultLineConfig.endIndex = lineData.length - 1;
     defaultLineConfig.animationDuration = animationDuration;
+    var _83 = __read(useState((_0 = (_z = props.lineConfig) === null || _z === void 0 ? void 0 : _z.focusedDataPointIndex) !== null && _0 !== void 0 ? _0 : -1), 2), focusedDataPointIndex = _83[0], setFocusedDataPointIndex = _83[1];
+    var _84 = __read(useState((_2 = (_1 = props.lineConfig2) === null || _1 === void 0 ? void 0 : _1.focusedDataPointIndex) !== null && _2 !== void 0 ? _2 : -1), 2), focusedDataPointIndex2 = _84[0], setFocusedDataPointIndex2 = _84[1];
     var lineConfig = props.lineConfig
-        ? getLineConfigForBarChart(props.lineConfig, initialSpacing)
+        ? getLineConfigForBarChart(props.lineConfig, initialSpacing, focusedDataPointIndex, setFocusedDataPointIndex)
         : defaultLineConfig;
     var lineConfig2 = props.lineConfig2
-        ? getLineConfigForBarChart(props.lineConfig2, initialSpacing)
+        ? getLineConfigForBarChart(props.lineConfig2, initialSpacing, focusedDataPointIndex2, setFocusedDataPointIndex2)
         : defaultLineConfig;
     var noOfSections = getNoOfSections(props.noOfSections, props.maxValue, props.stepValue);
+    var secondaryNoOfSections = getNoOfSections((_4 = (_3 = props.secondaryYAxis) === null || _3 === void 0 ? void 0 : _3.noOfSections) !== null && _4 !== void 0 ? _4 : noOfSections, (_5 = props.secondaryYAxis) === null || _5 === void 0 ? void 0 : _5.maxValue, (_6 = props.secondaryYAxis) === null || _6 === void 0 ? void 0 : _6.stepValue);
     var containerHeight = heightFromProps !== null && heightFromProps !== void 0 ? heightFromProps : (props.stepHeight
         ? props.stepHeight * noOfSections
         : AxesAndRulesDefaults.containerHeight);
     var horizSections = [{ value: '0' }];
-    var stepHeight = (_z = props.stepHeight) !== null && _z !== void 0 ? _z : containerHeight / noOfSections;
-    var labelWidth = (_0 = props.labelWidth) !== null && _0 !== void 0 ? _0 : AxesAndRulesDefaults.labelWidth;
-    var scrollToEnd = (_1 = props.scrollToEnd) !== null && _1 !== void 0 ? _1 : BarDefaults.scrollToEnd;
-    var scrollAnimation = (_2 = props.scrollAnimation) !== null && _2 !== void 0 ? _2 : BarDefaults.scrollAnimation;
-    var scrollEventThrottle = (_3 = props.scrollEventThrottle) !== null && _3 !== void 0 ? _3 : BarDefaults.scrollEventThrottle;
-    var labelsExtraHeight = (_4 = props.labelsExtraHeight) !== null && _4 !== void 0 ? _4 : AxesAndRulesDefaults.labelsExtraHeight;
+    var stepHeight = (_7 = props.stepHeight) !== null && _7 !== void 0 ? _7 : containerHeight / noOfSections;
+    var labelWidth = (_8 = props.labelWidth) !== null && _8 !== void 0 ? _8 : AxesAndRulesDefaults.labelWidth;
+    var scrollToEnd = (_9 = props.scrollToEnd) !== null && _9 !== void 0 ? _9 : BarDefaults.scrollToEnd;
+    var scrollAnimation = (_10 = props.scrollAnimation) !== null && _10 !== void 0 ? _10 : BarDefaults.scrollAnimation;
+    var scrollEventThrottle = (_11 = props.scrollEventThrottle) !== null && _11 !== void 0 ? _11 : BarDefaults.scrollEventThrottle;
+    var labelsExtraHeight = (_12 = props.labelsExtraHeight) !== null && _12 !== void 0 ? _12 : AxesAndRulesDefaults.labelsExtraHeight;
     var secondaryMaxItem = 0;
     var secondaryMinItem = 0;
     if (lineConfig.isSecondary) {
@@ -233,13 +236,13 @@ export var useBarChart = function (props) {
         });
     }
     var valuesRange = maxItem - minPositiveItem; // Diff bw largest & smallest +ve values
-    var showFractionalValues = (_5 = props.showFractionalValues) !== null && _5 !== void 0 ? _5 : valuesRange <= 1;
-    var roundToDigits = (_6 = props.roundToDigits) !== null && _6 !== void 0 ? _6 : (showFractionalValues ? indexOfFirstNonZeroDigit(valuesRange) + 1 : 0);
+    var showFractionalValues = (_13 = props.showFractionalValues) !== null && _13 !== void 0 ? _13 : valuesRange <= 1;
+    var roundToDigits = (_14 = props.roundToDigits) !== null && _14 !== void 0 ? _14 : (showFractionalValues ? indexOfFirstNonZeroDigit(valuesRange) + 1 : 0);
     var maxAndMin = maxAndMinUtil(maxItem, minItem, roundToDigits, showFractionalValues);
     var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxAndMin.maxItem) || 10;
     var secondaryRange = secondaryMaxItem - secondaryMinPositiveItem; // Diff bw largest & smallest +ve values
-    var showSecondaryFractionalValues = (_8 = (_7 = props.secondaryYAxis) === null || _7 === void 0 ? void 0 : _7.showFractionalValues) !== null && _8 !== void 0 ? _8 : secondaryRange <= 1;
-    var secondaryRoundToDigits = (_10 = (_9 = props.secondaryYAxis) === null || _9 === void 0 ? void 0 : _9.roundToDigits) !== null && _10 !== void 0 ? _10 : (showSecondaryFractionalValues
+    var showSecondaryFractionalValues = (_16 = (_15 = props.secondaryYAxis) === null || _15 === void 0 ? void 0 : _15.showFractionalValues) !== null && _16 !== void 0 ? _16 : secondaryRange <= 1;
+    var secondaryRoundToDigits = (_18 = (_17 = props.secondaryYAxis) === null || _17 === void 0 ? void 0 : _17.roundToDigits) !== null && _18 !== void 0 ? _18 : (showSecondaryFractionalValues
         ? indexOfFirstNonZeroDigit(secondaryRange) + 1
         : 0);
     var secondaryMaxAndMin = maxAndMinUtil(secondaryMaxItem, secondaryMinItem, secondaryRoundToDigits, showSecondaryFractionalValues);
@@ -249,88 +252,88 @@ export var useBarChart = function (props) {
     //       secondaryMaxAndMin.maxItem
     //     : secondaryMaxAndMin.maxItem
     //   : maxValue
-    var secondaryMaxValue = (_12 = (_11 = props.secondaryYAxis) === null || _11 === void 0 ? void 0 : _11.maxValue) !== null && _12 !== void 0 ? _12 : secondaryMaxAndMin.maxItem;
+    var secondaryMaxValue = getMaxValue((_19 = props.secondaryYAxis) === null || _19 === void 0 ? void 0 : _19.maxValue, (_20 = props.secondaryYAxis) === null || _20 === void 0 ? void 0 : _20.stepValue, secondaryNoOfSections, secondaryMaxAndMin.maxItem);
     var mostNegativeValue = getMostNegativeValue(props.mostNegativeValue, props.negativeStepValue, props.noOfSectionsBelowXAxis, maxAndMin.minItem);
-    var stepValue = (_13 = props.stepValue) !== null && _13 !== void 0 ? _13 : maxValue / noOfSections;
+    var stepValue = (_21 = props.stepValue) !== null && _21 !== void 0 ? _21 : maxValue / noOfSections;
     var effectiveNegativeStepValue = negativeStepValue !== null && negativeStepValue !== void 0 ? negativeStepValue : stepValue;
-    var noOfSectionsBelowXAxis = (_14 = props.noOfSectionsBelowXAxis) !== null && _14 !== void 0 ? _14 : (effectiveNegativeStepValue
+    var noOfSectionsBelowXAxis = (_22 = props.noOfSectionsBelowXAxis) !== null && _22 !== void 0 ? _22 : (effectiveNegativeStepValue
         ? Math.round(Math.ceil(-mostNegativeValue / effectiveNegativeStepValue))
         : 0);
-    var showScrollIndicator = (_15 = props.showScrollIndicator) !== null && _15 !== void 0 ? _15 : BarDefaults.showScrollIndicator;
-    var side = (_16 = props.side) !== null && _16 !== void 0 ? _16 : BarDefaults.side;
-    var rotateLabel = (_17 = props.rotateLabel) !== null && _17 !== void 0 ? _17 : AxesAndRulesDefaults.rotateLabel;
-    var opacity = (_18 = props.opacity) !== null && _18 !== void 0 ? _18 : BarDefaults.opacity;
-    var isThreeD = (_19 = props.isThreeD) !== null && _19 !== void 0 ? _19 : BarDefaults.isThreeD;
-    var showXAxisIndices = (_20 = props.showXAxisIndices) !== null && _20 !== void 0 ? _20 : AxesAndRulesDefaults.showXAxisIndices;
-    var xAxisIndicesHeight = (_21 = props.xAxisIndicesHeight) !== null && _21 !== void 0 ? _21 : AxesAndRulesDefaults.xAxisIndicesHeight;
-    var xAxisIndicesWidth = (_22 = props.xAxisIndicesWidth) !== null && _22 !== void 0 ? _22 : AxesAndRulesDefaults.xAxisIndicesWidth;
-    var xAxisIndicesColor = (_23 = props.xAxisIndicesColor) !== null && _23 !== void 0 ? _23 : AxesAndRulesDefaults.xAxisIndicesColor;
-    var xAxisThickness = (_24 = props.xAxisThickness) !== null && _24 !== void 0 ? _24 : AxesAndRulesDefaults.xAxisThickness;
-    var xAxisTextNumberOfLines = (_25 = props.xAxisTextNumberOfLines) !== null && _25 !== void 0 ? _25 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
-    var xAxisLabelsVerticalShift = (_26 = props.xAxisLabelsVerticalShift) !== null && _26 !== void 0 ? _26 : AxesAndRulesDefaults.xAxisLabelsVerticalShift;
-    var xAxisLabelsAtBottom = (_27 = props.xAxisLabelsAtBottom) !== null && _27 !== void 0 ? _27 : false;
+    var showScrollIndicator = (_23 = props.showScrollIndicator) !== null && _23 !== void 0 ? _23 : BarDefaults.showScrollIndicator;
+    var side = (_24 = props.side) !== null && _24 !== void 0 ? _24 : BarDefaults.side;
+    var rotateLabel = (_25 = props.rotateLabel) !== null && _25 !== void 0 ? _25 : AxesAndRulesDefaults.rotateLabel;
+    var opacity = (_26 = props.opacity) !== null && _26 !== void 0 ? _26 : BarDefaults.opacity;
+    var isThreeD = (_27 = props.isThreeD) !== null && _27 !== void 0 ? _27 : BarDefaults.isThreeD;
+    var showXAxisIndices = (_28 = props.showXAxisIndices) !== null && _28 !== void 0 ? _28 : AxesAndRulesDefaults.showXAxisIndices;
+    var xAxisIndicesHeight = (_29 = props.xAxisIndicesHeight) !== null && _29 !== void 0 ? _29 : AxesAndRulesDefaults.xAxisIndicesHeight;
+    var xAxisIndicesWidth = (_30 = props.xAxisIndicesWidth) !== null && _30 !== void 0 ? _30 : AxesAndRulesDefaults.xAxisIndicesWidth;
+    var xAxisIndicesColor = (_31 = props.xAxisIndicesColor) !== null && _31 !== void 0 ? _31 : AxesAndRulesDefaults.xAxisIndicesColor;
+    var xAxisThickness = (_32 = props.xAxisThickness) !== null && _32 !== void 0 ? _32 : AxesAndRulesDefaults.xAxisThickness;
+    var xAxisTextNumberOfLines = (_33 = props.xAxisTextNumberOfLines) !== null && _33 !== void 0 ? _33 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
+    var xAxisLabelsVerticalShift = (_34 = props.xAxisLabelsVerticalShift) !== null && _34 !== void 0 ? _34 : AxesAndRulesDefaults.xAxisLabelsVerticalShift;
+    var xAxisLabelsAtBottom = (_35 = props.xAxisLabelsAtBottom) !== null && _35 !== void 0 ? _35 : false;
     var horizontalRulesStyle = props.horizontalRulesStyle;
-    var autoShiftLabels = (_28 = props.autoShiftLabels) !== null && _28 !== void 0 ? _28 : false;
-    var barBorderColor = (_29 = props.barBorderColor) !== null && _29 !== void 0 ? _29 : BarDefaults.barBorderColor;
+    var autoShiftLabels = (_36 = props.autoShiftLabels) !== null && _36 !== void 0 ? _36 : false;
+    var barBorderColor = (_37 = props.barBorderColor) !== null && _37 !== void 0 ? _37 : BarDefaults.barBorderColor;
     var extendedContainerHeight = getExtendedContainerHeightWithPadding(containerHeight, 0);
     var axesAndRulesProps = getAxesAndRulesProps(props, containerHeight, stepHeight, stepValue, noOfSections, roundToDigits, negativeStepValue !== null && negativeStepValue !== void 0 ? negativeStepValue : stepValue, secondaryMaxValue, secondaryMinItem, showSecondaryFractionalValues, secondaryRoundToDigits);
-    var _75 = axesAndRulesProps.secondaryYAxisConfig, secondaryStepHeight = _75.stepHeight, secondaryStepValue = _75.stepValue, secondaryNegativeStepHeight = _75.negativeStepHeight, secondaryNegativeStepValue = _75.negativeStepValue, secondaryNoOfSectionsBelowXAxis = _75.noOfSectionsBelowXAxis;
-    var primary4thQuadrantHeight = noOfSectionsBelowXAxis * ((_30 = props.negativeStepHeight) !== null && _30 !== void 0 ? _30 : stepHeight);
+    var _85 = axesAndRulesProps.secondaryYAxisConfig, secondaryStepHeight = _85.stepHeight, secondaryStepValue = _85.stepValue, secondaryNegativeStepHeight = _85.negativeStepHeight, secondaryNegativeStepValue = _85.negativeStepValue, secondaryNoOfSectionsBelowXAxis = _85.noOfSectionsBelowXAxis;
+    var primary4thQuadrantHeight = noOfSectionsBelowXAxis * ((_38 = props.negativeStepHeight) !== null && _38 !== void 0 ? _38 : stepHeight);
     var secondary4thQuadrantHeight = secondaryNoOfSectionsBelowXAxis * secondaryNegativeStepHeight;
     var fourthQuadrantHeight = Math.max(primary4thQuadrantHeight, secondary4thQuadrantHeight);
     var containerHeightIncludingBelowXAxis = extendedContainerHeight + fourthQuadrantHeight;
-    var _76 = __read(useState(-1), 2), pointerIndex = _76[0], setPointerIndex = _76[1];
-    var _77 = __read(useState(0), 2), pointerX = _77[0], setPointerX = _77[1];
-    var _78 = __read(useState(0), 2), pointerY = _78[0], setPointerY = _78[1];
-    var _79 = __read(useState(), 2), pointerItem = _79[0], setPointerItem = _79[1];
-    var _80 = __read(useState(0), 2), responderStartTime = _80[0], setResponderStartTime = _80[1];
-    var _81 = __read(useState(false), 2), responderActive = _81[0], setResponderActive = _81[1];
+    var _86 = __read(useState(-1), 2), pointerIndex = _86[0], setPointerIndex = _86[1];
+    var _87 = __read(useState(0), 2), pointerX = _87[0], setPointerX = _87[1];
+    var _88 = __read(useState(0), 2), pointerY = _88[0], setPointerY = _88[1];
+    var _89 = __read(useState(), 2), pointerItem = _89[0], setPointerItem = _89[1];
+    var _90 = __read(useState(0), 2), responderStartTime = _90[0], setResponderStartTime = _90[1];
+    var _91 = __read(useState(false), 2), responderActive = _91[0], setResponderActive = _91[1];
     var pointerConfig = props.pointerConfig;
-    var getPointerProps = (_31 = props.getPointerProps) !== null && _31 !== void 0 ? _31 : null;
-    var pointerHeight = (_32 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.height) !== null && _32 !== void 0 ? _32 : defaultPointerConfig.height;
-    var pointerWidth = (_33 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.width) !== null && _33 !== void 0 ? _33 : defaultPointerConfig.width;
-    var pointerRadius = (_34 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.radius) !== null && _34 !== void 0 ? _34 : defaultPointerConfig.radius;
-    var pointerColor = (_35 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerColor) !== null && _35 !== void 0 ? _35 : defaultPointerConfig.pointerColor;
-    var pointerComponent = (_36 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerComponent) !== null && _36 !== void 0 ? _36 : defaultPointerConfig.pointerComponent;
+    var getPointerProps = (_39 = props.getPointerProps) !== null && _39 !== void 0 ? _39 : null;
+    var pointerHeight = (_40 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.height) !== null && _40 !== void 0 ? _40 : defaultPointerConfig.height;
+    var pointerWidth = (_41 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.width) !== null && _41 !== void 0 ? _41 : defaultPointerConfig.width;
+    var pointerRadius = (_42 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.radius) !== null && _42 !== void 0 ? _42 : defaultPointerConfig.radius;
+    var pointerColor = (_43 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerColor) !== null && _43 !== void 0 ? _43 : defaultPointerConfig.pointerColor;
+    var pointerComponent = (_44 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerComponent) !== null && _44 !== void 0 ? _44 : defaultPointerConfig.pointerComponent;
     var showPointerStrip = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.showPointerStrip) === false
         ? false
         : defaultPointerConfig.showPointerStrip;
-    var pointerStripHeight = (_37 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripHeight) !== null && _37 !== void 0 ? _37 : defaultPointerConfig.pointerStripHeight;
-    var pointerStripWidth = (_38 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripWidth) !== null && _38 !== void 0 ? _38 : defaultPointerConfig.pointerStripWidth;
-    var pointerStripColor = (_39 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripColor) !== null && _39 !== void 0 ? _39 : defaultPointerConfig.pointerStripColor;
-    var pointerStripUptoDataPoint = (_40 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripUptoDataPoint) !== null && _40 !== void 0 ? _40 : defaultPointerConfig.pointerStripUptoDataPoint;
-    var pointerLabelComponent = (_41 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelComponent) !== null && _41 !== void 0 ? _41 : defaultPointerConfig.pointerLabelComponent;
-    var stripOverPointer = (_42 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripOverPointer) !== null && _42 !== void 0 ? _42 : defaultPointerConfig.stripOverPointer;
-    var shiftPointerLabelX = (_43 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelX) !== null && _43 !== void 0 ? _43 : defaultPointerConfig.shiftPointerLabelX;
-    var shiftPointerLabelY = (_44 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelY) !== null && _44 !== void 0 ? _44 : defaultPointerConfig.shiftPointerLabelY;
-    var pointerLabelWidth = (_45 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelWidth) !== null && _45 !== void 0 ? _45 : defaultPointerConfig.pointerLabelWidth;
-    var pointerLabelHeight = (_46 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelHeight) !== null && _46 !== void 0 ? _46 : defaultPointerConfig.pointerLabelHeight;
-    var autoAdjustPointerLabelPosition = (_47 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.autoAdjustPointerLabelPosition) !== null && _47 !== void 0 ? _47 : defaultPointerConfig.autoAdjustPointerLabelPosition;
-    var pointerVanishDelay = (_48 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerVanishDelay) !== null && _48 !== void 0 ? _48 : defaultPointerConfig.pointerVanishDelay;
-    var activatePointersOnLongPress = (_49 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersOnLongPress) !== null && _49 !== void 0 ? _49 : defaultPointerConfig.activatePointersOnLongPress;
-    var activatePointersDelay = (_50 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersDelay) !== null && _50 !== void 0 ? _50 : defaultPointerConfig.activatePointersDelay;
-    var initialPointerIndex = (_51 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerIndex) !== null && _51 !== void 0 ? _51 : defaultPointerConfig.initialPointerIndex;
-    var initialPointerAppearDelay = (_52 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerAppearDelay) !== null && _52 !== void 0 ? _52 : (isAnimated
+    var pointerStripHeight = (_45 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripHeight) !== null && _45 !== void 0 ? _45 : defaultPointerConfig.pointerStripHeight;
+    var pointerStripWidth = (_46 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripWidth) !== null && _46 !== void 0 ? _46 : defaultPointerConfig.pointerStripWidth;
+    var pointerStripColor = (_47 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripColor) !== null && _47 !== void 0 ? _47 : defaultPointerConfig.pointerStripColor;
+    var pointerStripUptoDataPoint = (_48 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripUptoDataPoint) !== null && _48 !== void 0 ? _48 : defaultPointerConfig.pointerStripUptoDataPoint;
+    var pointerLabelComponent = (_49 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelComponent) !== null && _49 !== void 0 ? _49 : defaultPointerConfig.pointerLabelComponent;
+    var stripOverPointer = (_50 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripOverPointer) !== null && _50 !== void 0 ? _50 : defaultPointerConfig.stripOverPointer;
+    var shiftPointerLabelX = (_51 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelX) !== null && _51 !== void 0 ? _51 : defaultPointerConfig.shiftPointerLabelX;
+    var shiftPointerLabelY = (_52 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelY) !== null && _52 !== void 0 ? _52 : defaultPointerConfig.shiftPointerLabelY;
+    var pointerLabelWidth = (_53 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelWidth) !== null && _53 !== void 0 ? _53 : defaultPointerConfig.pointerLabelWidth;
+    var pointerLabelHeight = (_54 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelHeight) !== null && _54 !== void 0 ? _54 : defaultPointerConfig.pointerLabelHeight;
+    var autoAdjustPointerLabelPosition = (_55 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.autoAdjustPointerLabelPosition) !== null && _55 !== void 0 ? _55 : defaultPointerConfig.autoAdjustPointerLabelPosition;
+    var pointerVanishDelay = (_56 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerVanishDelay) !== null && _56 !== void 0 ? _56 : defaultPointerConfig.pointerVanishDelay;
+    var activatePointersOnLongPress = (_57 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersOnLongPress) !== null && _57 !== void 0 ? _57 : defaultPointerConfig.activatePointersOnLongPress;
+    var activatePointersDelay = (_58 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersDelay) !== null && _58 !== void 0 ? _58 : defaultPointerConfig.activatePointersDelay;
+    var initialPointerIndex = (_59 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerIndex) !== null && _59 !== void 0 ? _59 : defaultPointerConfig.initialPointerIndex;
+    var initialPointerAppearDelay = (_60 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerAppearDelay) !== null && _60 !== void 0 ? _60 : (isAnimated
         ? animationDuration
         : defaultPointerConfig.initialPointerAppearDelay);
-    var persistPointer = (_53 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.persistPointer) !== null && _53 !== void 0 ? _53 : defaultPointerConfig.persistPointer;
-    var hidePointer1 = (_54 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer1) !== null && _54 !== void 0 ? _54 : defaultPointerConfig.hidePointer1;
+    var persistPointer = (_61 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.persistPointer) !== null && _61 !== void 0 ? _61 : defaultPointerConfig.persistPointer;
+    var hidePointer1 = (_62 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer1) !== null && _62 !== void 0 ? _62 : defaultPointerConfig.hidePointer1;
     var pointerEvents = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerEvents;
-    var stripBehindBars = (_55 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripBehindBars) !== null && _55 !== void 0 ? _55 : defaultPointerConfig.stripBehindBars;
-    var disableScroll = (_56 = props.disableScroll) !== null && _56 !== void 0 ? _56 : (pointerConfig
+    var stripBehindBars = (_63 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripBehindBars) !== null && _63 !== void 0 ? _63 : defaultPointerConfig.stripBehindBars;
+    var disableScroll = (_64 = props.disableScroll) !== null && _64 !== void 0 ? _64 : (pointerConfig
         ? activatePointersOnLongPress
             ? !!responderActive
             : true
         : false);
     var yAxisExtraHeightAtTop = props.trimYAxisAtTop
         ? 0
-        : (_57 = props.yAxisExtraHeight) !== null && _57 !== void 0 ? _57 : containerHeight / 20;
+        : (_65 = props.yAxisExtraHeight) !== null && _65 !== void 0 ? _65 : containerHeight / 20;
     var barInnerComponent = props.barInnerComponent;
     var localYAxisOffset1 = lineConfig.isSecondary
-        ? (_59 = (_58 = props.secondaryYAxis) === null || _58 === void 0 ? void 0 : _58.yAxisOffset) !== null && _59 !== void 0 ? _59 : 0
+        ? (_67 = (_66 = props.secondaryYAxis) === null || _66 === void 0 ? void 0 : _66.yAxisOffset) !== null && _67 !== void 0 ? _67 : 0
         : yAxisOffset !== null && yAxisOffset !== void 0 ? yAxisOffset : 0;
     var localYAxisOffset2 = lineConfig2.isSecondary
-        ? (_61 = (_60 = props.secondaryYAxis) === null || _60 === void 0 ? void 0 : _60.yAxisOffset) !== null && _61 !== void 0 ? _61 : 0
+        ? (_69 = (_68 = props.secondaryYAxis) === null || _68 === void 0 ? void 0 : _68.yAxisOffset) !== null && _69 !== void 0 ? _69 : 0
         : yAxisOffset !== null && yAxisOffset !== void 0 ? yAxisOffset : 0;
     useEffect(function () {
         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, _1, _2;
@@ -446,9 +449,9 @@ export var useBarChart = function (props) {
         spacing,
         yAxisLabelWidth,
         lineConfig.showArrow,
-        (_62 = lineConfig.arrowConfig) === null || _62 === void 0 ? void 0 : _62.length,
-        (_63 = lineConfig.arrowConfig) === null || _63 === void 0 ? void 0 : _63.width,
-        (_64 = lineConfig.arrowConfig) === null || _64 === void 0 ? void 0 : _64.showArrowBase
+        (_70 = lineConfig.arrowConfig) === null || _70 === void 0 ? void 0 : _70.length,
+        (_71 = lineConfig.arrowConfig) === null || _71 === void 0 ? void 0 : _71.width,
+        (_72 = lineConfig.arrowConfig) === null || _72 === void 0 ? void 0 : _72.showArrowBase
     ]);
     useEffect(function () {
         var _a, _b;
@@ -585,19 +588,19 @@ export var useBarChart = function (props) {
         containerHeight: containerHeight,
         noOfSectionsBelowXAxis: noOfSectionsBelowXAxis,
         stepHeight: stepHeight,
-        negativeStepHeight: (_65 = props.negativeStepHeight) !== null && _65 !== void 0 ? _65 : stepHeight,
+        negativeStepHeight: (_73 = props.negativeStepHeight) !== null && _73 !== void 0 ? _73 : stepHeight,
         labelsExtraHeight: labelsExtraHeight,
         yAxisLabelWidth: yAxisLabelWidth,
         horizontal: horizontal,
         rtl: rtl,
-        shiftX: (_66 = props.shiftX) !== null && _66 !== void 0 ? _66 : 0,
-        shiftY: (_67 = props.shiftY) !== null && _67 !== void 0 ? _67 : 0,
+        shiftX: (_74 = props.shiftX) !== null && _74 !== void 0 ? _74 : 0,
+        shiftY: (_75 = props.shiftY) !== null && _75 !== void 0 ? _75 : 0,
         yAxisAtTop: yAxisAtTop,
         initialSpacing: initialSpacing,
         data: data,
         stackData: stackData,
         // secondaryData,
-        barWidth: (_68 = props.barWidth) !== null && _68 !== void 0 ? _68 : defaultBarWidth,
+        barWidth: (_76 = props.barWidth) !== null && _76 !== void 0 ? _76 : defaultBarWidth,
         xAxisThickness: xAxisThickness,
         totalWidth: totalWidth,
         disableScroll: disableScroll,
@@ -646,7 +649,7 @@ export var useBarChart = function (props) {
         pointerY: pointerY,
         onEndReached: props.onEndReached,
         onStartReached: props.onStartReached,
-        endReachedOffset: (_69 = props.endReachedOffset) !== null && _69 !== void 0 ? _69 : BarDefaults.endReachedOffset,
+        endReachedOffset: (_77 = props.endReachedOffset) !== null && _77 !== void 0 ? _77 : BarDefaults.endReachedOffset,
         onMomentumScrollEnd: props.onMomentumScrollEnd,
         customBackground: props.customBackground,
         highlightEnabled: highlightEnabled,

package/dist/BarChart/types.d.ts

@@ -157,6 +157,7 @@ export interface StackedBarChartPropsType {
     bounces?: boolean;
     overScrollMode?: 'auto' | 'always' | 'never';
     onScrollEndDrag?: (event: any, direction: any) => void;
+    rtl?: boolean;
 }
 export interface StackedBarChartPropsTypeForWeb extends StackedBarChartPropsType {
     onContextMenu?: Function;
@@ -403,6 +404,9 @@ export interface lineConfigType {
     focusedDataPointIndex?: number;
     showDataPointLabelOnFocus?: boolean;
 }
+export type lineConfigWithSetFocusedDataPointIndexType = lineConfigType & {
+    setFocusedDataPointIndex: (i: number) => void;
+};
 export interface defaultLineConfigType {
     initialSpacing: number;
     curved: boolean;
@@ -436,6 +440,7 @@ export interface defaultLineConfigType {
     focusedDataPointColor: ColorValue;
     focusedDataPointRadius: number;
     showDataPointLabelOnFocus: boolean;
+    setFocusedDataPointIndex: (i: number) => void;
 }
 interface arrowType {
     length?: number;

package/dist/BubbleChart/index.d.ts

@@ -0,0 +1,50 @@
+import { BarAndLineChartsWrapperTypes } from '../utils/types';
+import { BubbleChartPropsType } from './types';
+export interface extendedBubbleChartPropsType extends BubbleChartPropsType {
+    parentWidth: number;
+}
+export declare const useBubbleChart: (props: extendedBubbleChartPropsType) => {
+    totalWidth: number;
+    animationDuration: number;
+    containerHeightIncludingBelowXAxis: number;
+    getY: (value: number) => number;
+    barAndLineChartsWrapperProps: BarAndLineChartsWrapperTypes;
+    getX: (spacingArray: number[], index: number) => number;
+    maxValue: number;
+    selectedIndex: number;
+    setSelectedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+    showTextOnFocus: boolean;
+    focusEnabled: boolean;
+    focusTogether: boolean;
+    selectedLineNumber: number;
+    lastLineNumber: number;
+    initialSpacing: number;
+    spacing: number;
+    containerHeight: number;
+    handleFocus: (index: number) => void;
+    handleUnFocus: () => void;
+    isAnimated: boolean;
+    showDataPointOnFocus: boolean;
+    showDataPointLabelOnFocus: boolean;
+    dataPointsShape: string;
+    dataPointsWidth: number;
+    dataPointsHeight: number;
+    dataPointsColor: string;
+    dataPointsRadius: number;
+    textColor: string;
+    textFontSize: number;
+    startIndex: number;
+    endIndex: number;
+    showValuesAsDataPointsText: boolean;
+    cumulativeSpacing: number[];
+    hideDataPoints: boolean;
+    xAxisLabelsVerticalShift: number;
+    labelsExtraHeight: number;
+    xAxisThickness: number;
+    xAxisTextNumberOfLines: number;
+    rotateLabel: boolean;
+    allowFontScaling: boolean;
+    borderWidth: number;
+    borderColor: import("react-native").ColorValue;
+    opacity: number;
+};