gifted-charts-core 0.1.58 → 0.1.59

package/README.md

@@ -2,3 +2,13 @@ This library contains the common code used by [react-native-gifted-charts](https
 
 
 ![Gifted charts](https://raw.githubusercontent.com/Abhinandan-Kushwaha/react-native-gifted-charts/db0b1034ed869c87db66998efb8588da76c7439a/docs/dev/gifted-charts-architecture.drawio.svg)
+
+## Contributors
+
+Thanks to these awesome contributors who make gifted-charts possible.
+<br /><br />
+
+<a href="https://github.com/Abhinandan-Kushwaha/gifted-charts-core/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=Abhinandan-Kushwaha/gifted-charts-core" />
+</a>
+<br/><br/>

package/dist/LineChart/index.d.ts

@@ -417,4 +417,5 @@ export declare const useLineChart: (props: extendedLineChartPropsType) => {
     renderTooltip4: Function | undefined;
     renderTooltip5: Function | undefined;
     renderTooltipSecondary: Function | undefined;
+    pointerItemLocal: any[];
 };

package/dist/LineChart/index.js

@@ -39,8 +39,8 @@ import { AxesAndRulesDefaults, LineDefaults, SEGMENT_END, SEGMENT_START, chartTy
 import { computeMaxAndMinItems, getAllArrowProperties, getArrowPoints, getAxesAndRulesProps, getCurvePathWithSegments, getExtendedContainerHeightWithPadding, getLineSegmentsDueToNoExtrapolation, getLineSegmentsForMissingValues, getMaxValue, getNoOfSections, getPathWithHighlight, getSanitisedData, getSecondaryDataWithOffsetIncluded, getSegmentString, indexOfFirstNonZeroDigit, svgPath } from '../utils';
 import { EdgePosition } from '../utils/types';
 export var useLineChart = 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, _70, _71, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82, _83, _84, _85, _86, _87, _88, _89, _90, _91, _92, _93, _94, _95, _96, _97, _98, _99, _100, _101, _102, _103, _104, _105, _106, _107, _108, _109, _110, _111, _112, _113, _114, _115, _116, _117, _118, _119, _120, _121, _122, _123, _124, _125, _126, _127, _128, _129, _130, _131, _132, _133, _134, _135, _136, _137, _138, _139, _140, _141, _142, _143, _144, _145, _146, _147, _148, _149, _150, _151, _152, _153, _154, _155, _156, _157, _158, _159, _160, _161, _162, _163, _164, _165, _166, _167, _168, _169, _170, _171, _172, _173, _174, _175, _176, _177, _178, _179, _180, _181, _182, _183, _184, _185, _186, _187, _188, _189, _190, _191, _192, _193, _194, _195, _196, _197, _198, _199, _200, _201, _202, _203, _204, _205, _206, _207, _208, _209, _210, _211, _212, _213, _214, _215, _216, _217, _218, _219, _220, _221, _222, _223, _224, _225, _226, _227, _228, _229, _230, _231, _232, _233, _234, _235, _236, _237, _238, _239, _240, _241, _242, _243, _244, _245, _246, _247, _248, _249, _250, _251, _252, _253, _254, _255, _256, _257, _258, _259, _260, _261, _262, _263, _264, _265, _266, _267, _268, _269, _270, _271, _272, _273, _274, _275, _276, _277, _278, _279, _280, _281, _282, _283, _284, _285, _286, _287, _288, _289, _290, _291, _292, _293, _294, _295, _296, _297, _298, _299, _300, _301, _302, _303, _304, _305, _306, _307, _308, _309, _310, _311, _312, _313, _314, _315, _316, _317, _318, _319, _320, _321, _322, _323, _324, _325, _326;
-    var showDataPointsForMissingValues = props.showDataPointsForMissingValues, _327 = props.interpolateMissingValues, interpolateMissingValues = _327 === void 0 ? true : _327, _328 = props.extrapolateMissingValues, extrapolateMissingValues = _328 === void 0 ? true : _328, yAxisOffset = props.yAxisOffset, parentWidth = props.parentWidth, negativeStepValue = props.negativeStepValue, renderTooltip = props.renderTooltip, _329 = props.renderTooltip1, renderTooltip1 = _329 === void 0 ? props.renderTooltip : _329, _330 = props.renderTooltip2, renderTooltip2 = _330 === void 0 ? props.renderTooltip : _330, _331 = props.renderTooltip3, renderTooltip3 = _331 === void 0 ? props.renderTooltip : _331, _332 = props.renderTooltip4, renderTooltip4 = _332 === void 0 ? props.renderTooltip : _332, _333 = props.renderTooltip5, renderTooltip5 = _333 === void 0 ? props.renderTooltip : _333, _334 = props.renderTooltipSecondary, renderTooltipSecondary = _334 === void 0 ? props.renderTooltip : _334;
+    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, _78, _79, _80, _81, _82, _83, _84, _85, _86, _87, _88, _89, _90, _91, _92, _93, _94, _95, _96, _97, _98, _99, _100, _101, _102, _103, _104, _105, _106, _107, _108, _109, _110, _111, _112, _113, _114, _115, _116, _117, _118, _119, _120, _121, _122, _123, _124, _125, _126, _127, _128, _129, _130, _131, _132, _133, _134, _135, _136, _137, _138, _139, _140, _141, _142, _143, _144, _145, _146, _147, _148, _149, _150, _151, _152, _153, _154, _155, _156, _157, _158, _159, _160, _161, _162, _163, _164, _165, _166, _167, _168, _169, _170, _171, _172, _173, _174, _175, _176, _177, _178, _179, _180, _181, _182, _183, _184, _185, _186, _187, _188, _189, _190, _191, _192, _193, _194, _195, _196, _197, _198, _199, _200, _201, _202, _203, _204, _205, _206, _207, _208, _209, _210, _211, _212, _213, _214, _215, _216, _217, _218, _219, _220, _221, _222, _223, _224, _225, _226, _227, _228, _229, _230, _231, _232, _233, _234, _235, _236, _237, _238, _239, _240, _241, _242, _243, _244, _245, _246, _247, _248, _249, _250, _251, _252, _253, _254, _255, _256, _257, _258, _259, _260, _261, _262, _263, _264, _265, _266, _267, _268, _269, _270, _271, _272, _273, _274, _275, _276, _277, _278, _279, _280, _281, _282, _283, _284, _285, _286, _287, _288, _289, _290, _291, _292, _293, _294, _295, _296, _297, _298, _299, _300, _301, _302, _303, _304, _305, _306, _307, _308, _309, _310, _311, _312, _313, _314, _315, _316, _317, _318, _319, _320, _321, _322, _323, _324, _325, _326, _327, _328, _329, _330, _331, _332, _333, _334, _335, _336;
+    var showDataPointsForMissingValues = props.showDataPointsForMissingValues, _337 = props.interpolateMissingValues, interpolateMissingValues = _337 === void 0 ? true : _337, _338 = props.extrapolateMissingValues, extrapolateMissingValues = _338 === void 0 ? true : _338, yAxisOffset = props.yAxisOffset, parentWidth = props.parentWidth, negativeStepValue = props.negativeStepValue, renderTooltip = props.renderTooltip, _339 = props.renderTooltip1, renderTooltip1 = _339 === void 0 ? props.renderTooltip : _339, _340 = props.renderTooltip2, renderTooltip2 = _340 === void 0 ? props.renderTooltip : _340, _341 = props.renderTooltip3, renderTooltip3 = _341 === void 0 ? props.renderTooltip : _341, _342 = props.renderTooltip4, renderTooltip4 = _342 === void 0 ? props.renderTooltip : _342, _343 = props.renderTooltip5, renderTooltip5 = _343 === void 0 ? props.renderTooltip : _343, _344 = props.renderTooltipSecondary, renderTooltipSecondary = _344 === void 0 ? props.renderTooltip : _344;
     var lastLineNumber = 1;
     if (props.secondaryData) {
         lastLineNumber = 6667; // lastLineNumber is 6667 for a secondary line, so the index or key of the secondary line is 6666
@@ -63,48 +63,48 @@ export var useLineChart = function (props) {
     // because in absence of extrapolation we don't want the chart to unnecessarily show the 4th quadrant
     var curvature = (_l = props.curvature) !== null && _l !== void 0 ? _l : LineDefaults.curvature;
     var curveType = (_m = props.curveType) !== null && _m !== void 0 ? _m : LineDefaults.curveType;
-    var _335 = __read(useState(0), 2), scrollX = _335[0], setScrollX = _335[1];
-    var _336 = __read(useState(''), 2), arrow1Points = _336[0], setArrow1Points = _336[1];
-    var _337 = __read(useState(''), 2), arrow2Points = _337[0], setArrow2Points = _337[1];
-    var _338 = __read(useState(''), 2), arrow3Points = _338[0], setArrow3Points = _338[1];
-    var _339 = __read(useState(''), 2), arrow4Points = _339[0], setArrow4Points = _339[1];
-    var _340 = __read(useState(''), 2), arrow5Points = _340[0], setArrow5Points = _340[1];
-    var _341 = __read(useState(''), 2), secondaryArrowPoints = _341[0], setSecondaryArrowPoints = _341[1];
-    var _342 = __read(useState(-1), 2), pointerIndex = _342[0], setPointerIndex = _342[1];
-    var _343 = __read(useState(0), 2), pointerX = _343[0], setPointerX = _343[1];
-    var _344 = __read(useState(0), 2), pointerY = _344[0], setPointerY = _344[1];
-    var _345 = __read(useState(), 2), pointerItem = _345[0], setPointerItem = _345[1];
-    var _346 = __read(useState(0), 2), pointerY2 = _346[0], setPointerY2 = _346[1];
-    var _347 = __read(useState(), 2), pointerItem2 = _347[0], setPointerItem2 = _347[1];
-    var _348 = __read(useState(0), 2), pointerY3 = _348[0], setPointerY3 = _348[1];
-    var _349 = __read(useState(), 2), pointerItem3 = _349[0], setPointerItem3 = _349[1];
-    var _350 = __read(useState(0), 2), pointerY4 = _350[0], setPointerY4 = _350[1];
-    var _351 = __read(useState(), 2), pointerItem4 = _351[0], setPointerItem4 = _351[1];
-    var _352 = __read(useState(0), 2), pointerY5 = _352[0], setPointerY5 = _352[1];
-    var _353 = __read(useState([]), 2), pointerYsForDataSet = _353[0], setPointerYsForDataSet = _353[1];
-    var _354 = __read(useState(), 2), pointerItem5 = _354[0], setPointerItem5 = _354[1];
-    var _355 = __read(useState(0), 2), secondaryPointerY = _355[0], setSecondaryPointerY = _355[1];
-    var _356 = __read(useState(), 2), secondaryPointerItem = _356[0], setSecondaryPointerItem = _356[1];
-    var _357 = __read(useState([]), 2), pointerItemsForSet = _357[0], setPointerItemsForSet = _357[1];
-    var _358 = __read(useState([]), 2), secondaryPointerItemsForSet = _358[0], setSecondaryPointerItemsForSet = _358[1];
-    var _359 = __read(useState(0), 2), responderStartTime = _359[0], setResponderStartTime = _359[1];
-    var _360 = __read(useState(false), 2), responderActive = _360[0], setResponderActive = _360[1];
-    var _361 = __read(useState(''), 2), points = _361[0], setPoints = _361[1];
-    var _362 = __read(useState(''), 2), points2 = _362[0], setPoints2 = _362[1];
-    var _363 = __read(useState(''), 2), points3 = _363[0], setPoints3 = _363[1];
-    var _364 = __read(useState(''), 2), points4 = _364[0], setPoints4 = _364[1];
-    var _365 = __read(useState(''), 2), points5 = _365[0], setPoints5 = _365[1];
-    var _366 = __read(useState(''), 2), secondaryPoints = _366[0], setSecondaryPoints = _366[1];
-    var _367 = __read(useState(''), 2), fillPoints = _367[0], setFillPoints = _367[1];
-    var _368 = __read(useState(''), 2), fillPoints2 = _368[0], setFillPoints2 = _368[1];
-    var _369 = __read(useState(''), 2), fillPoints3 = _369[0], setFillPoints3 = _369[1];
-    var _370 = __read(useState(''), 2), fillPoints4 = _370[0], setFillPoints4 = _370[1];
-    var _371 = __read(useState(''), 2), fillPoints5 = _371[0], setFillPoints5 = _371[1];
-    var _372 = __read(useState(''), 2), secondaryFillPoints = _372[0], setSecondaryFillPoints = _372[1];
-    var _373 = __read(useState([]), 2), pointsFromSet = _373[0], setPointsFromSet = _373[1];
-    var _374 = __read(useState([]), 2), fillPointsFromSet = _374[0], setFillPointsFromSet = _374[1];
-    var _375 = __read(useState([]), 2), arrowPointsFromSet = _375[0], setArrowPointsFromSet = _375[1];
-    var _376 = __read(useState((_o = props.focusedDataPointIndex) !== null && _o !== void 0 ? _o : -1), 2), selectedIndex = _376[0], setSelectedIndex = _376[1];
+    var _345 = __read(useState(0), 2), scrollX = _345[0], setScrollX = _345[1];
+    var _346 = __read(useState(''), 2), arrow1Points = _346[0], setArrow1Points = _346[1];
+    var _347 = __read(useState(''), 2), arrow2Points = _347[0], setArrow2Points = _347[1];
+    var _348 = __read(useState(''), 2), arrow3Points = _348[0], setArrow3Points = _348[1];
+    var _349 = __read(useState(''), 2), arrow4Points = _349[0], setArrow4Points = _349[1];
+    var _350 = __read(useState(''), 2), arrow5Points = _350[0], setArrow5Points = _350[1];
+    var _351 = __read(useState(''), 2), secondaryArrowPoints = _351[0], setSecondaryArrowPoints = _351[1];
+    var _352 = __read(useState(-1), 2), pointerIndex = _352[0], setPointerIndex = _352[1];
+    var _353 = __read(useState(0), 2), pointerX = _353[0], setPointerX = _353[1];
+    var _354 = __read(useState(0), 2), pointerY = _354[0], setPointerY = _354[1];
+    var _355 = __read(useState(), 2), pointerItem = _355[0], setPointerItem = _355[1];
+    var _356 = __read(useState(0), 2), pointerY2 = _356[0], setPointerY2 = _356[1];
+    var _357 = __read(useState(), 2), pointerItem2 = _357[0], setPointerItem2 = _357[1];
+    var _358 = __read(useState(0), 2), pointerY3 = _358[0], setPointerY3 = _358[1];
+    var _359 = __read(useState(), 2), pointerItem3 = _359[0], setPointerItem3 = _359[1];
+    var _360 = __read(useState(0), 2), pointerY4 = _360[0], setPointerY4 = _360[1];
+    var _361 = __read(useState(), 2), pointerItem4 = _361[0], setPointerItem4 = _361[1];
+    var _362 = __read(useState(0), 2), pointerY5 = _362[0], setPointerY5 = _362[1];
+    var _363 = __read(useState([]), 2), pointerYsForDataSet = _363[0], setPointerYsForDataSet = _363[1];
+    var _364 = __read(useState(), 2), pointerItem5 = _364[0], setPointerItem5 = _364[1];
+    var _365 = __read(useState(0), 2), secondaryPointerY = _365[0], setSecondaryPointerY = _365[1];
+    var _366 = __read(useState(), 2), secondaryPointerItem = _366[0], setSecondaryPointerItem = _366[1];
+    var _367 = __read(useState([]), 2), pointerItemsForSet = _367[0], setPointerItemsForSet = _367[1];
+    var _368 = __read(useState([]), 2), secondaryPointerItemsForSet = _368[0], setSecondaryPointerItemsForSet = _368[1];
+    var _369 = __read(useState(0), 2), responderStartTime = _369[0], setResponderStartTime = _369[1];
+    var _370 = __read(useState(false), 2), responderActive = _370[0], setResponderActive = _370[1];
+    var _371 = __read(useState(''), 2), points = _371[0], setPoints = _371[1];
+    var _372 = __read(useState(''), 2), points2 = _372[0], setPoints2 = _372[1];
+    var _373 = __read(useState(''), 2), points3 = _373[0], setPoints3 = _373[1];
+    var _374 = __read(useState(''), 2), points4 = _374[0], setPoints4 = _374[1];
+    var _375 = __read(useState(''), 2), points5 = _375[0], setPoints5 = _375[1];
+    var _376 = __read(useState(''), 2), secondaryPoints = _376[0], setSecondaryPoints = _376[1];
+    var _377 = __read(useState(''), 2), fillPoints = _377[0], setFillPoints = _377[1];
+    var _378 = __read(useState(''), 2), fillPoints2 = _378[0], setFillPoints2 = _378[1];
+    var _379 = __read(useState(''), 2), fillPoints3 = _379[0], setFillPoints3 = _379[1];
+    var _380 = __read(useState(''), 2), fillPoints4 = _380[0], setFillPoints4 = _380[1];
+    var _381 = __read(useState(''), 2), fillPoints5 = _381[0], setFillPoints5 = _381[1];
+    var _382 = __read(useState(''), 2), secondaryFillPoints = _382[0], setSecondaryFillPoints = _382[1];
+    var _383 = __read(useState([]), 2), pointsFromSet = _383[0], setPointsFromSet = _383[1];
+    var _384 = __read(useState([]), 2), fillPointsFromSet = _384[0], setFillPointsFromSet = _384[1];
+    var _385 = __read(useState([]), 2), arrowPointsFromSet = _385[0], setArrowPointsFromSet = _385[1];
+    var _386 = __read(useState((_o = props.focusedDataPointIndex) !== null && _o !== void 0 ? _o : -1), 2), selectedIndex = _386[0], setSelectedIndex = _386[1];
     useEffect(function () {
         var _a;
         setSelectedIndex((_a = props.focusedDataPointIndex) !== null && _a !== void 0 ? _a : -1);
@@ -417,7 +417,7 @@ export var useLineChart = function (props) {
     Math, __spreadArray([], __read(mergedPrimaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)); // find the smallest +ve number
     var showFractionalValues = (_106 = props.showFractionalValues) !== null && _106 !== void 0 ? _106 : (isFinite(valuesRange) && valuesRange <= 1);
     var roundToDigits = (_107 = props.roundToDigits) !== null && _107 !== void 0 ? _107 : (showFractionalValues ? indexOfFirstNonZeroDigit(valuesRange) + 1 : 0);
-    var _377 = computeMaxAndMinItems(mergedPrimaryDataArrays, extrapolateMissingValues, roundToDigits, showFractionalValues, mergedPrimaryDataArraysOriginals), maxItem = _377.maxItem, minItem = _377.minItem;
+    var _387 = computeMaxAndMinItems(mergedPrimaryDataArrays, extrapolateMissingValues, roundToDigits, showFractionalValues, mergedPrimaryDataArraysOriginals), maxItem = _387.maxItem, minItem = _387.minItem;
     var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxItem) || 10;
     var mostNegativeValue = (_108 = props.mostNegativeValue) !== null && _108 !== void 0 ? _108 : minItem;
     var overflowTop = ((_109 = props.overflowTop) !== null && _109 !== void 0 ? _109 : props.secondaryXAxis)
@@ -437,7 +437,7 @@ export var useLineChart = function (props) {
     var secondaryRoundToDigits = (_113 = (_112 = props.secondaryYAxis) === null || _112 === void 0 ? void 0 : _112.roundToDigits) !== null && _113 !== void 0 ? _113 : (showSecondaryFractionalValues
         ? indexOfFirstNonZeroDigit(secondaryValuesRange) + 1
         : 0);
-    var _378 = computeMaxAndMinItems(mergedSecondaryDataArrays, extrapolateMissingValues, secondaryRoundToDigits, showSecondaryFractionalValues), secondaryMaxItem = _378.maxItem, secondaryMinItem = _378.minItem;
+    var _388 = computeMaxAndMinItems(mergedSecondaryDataArrays, extrapolateMissingValues, secondaryRoundToDigits, showSecondaryFractionalValues), secondaryMaxItem = _388.maxItem, secondaryMinItem = _388.minItem;
     var secondaryMaxValue = (_115 = (_114 = props.secondaryYAxis) === null || _114 === void 0 ? void 0 : _114.maxValue) !== null && _115 !== void 0 ? _115 : (secondaryMaxItem || maxValue);
     var getSecondaryY = function (value) {
         return extendedContainerHeight - (value * containerHeight) / secondaryMaxValue;
@@ -500,7 +500,7 @@ export var useLineChart = function (props) {
     var endOpacity5 = (_200 = props.endOpacity5) !== null && _200 !== void 0 ? _200 : endOpacity;
     defaultArrowConfig.strokeWidth = (_202 = (_201 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _201 === void 0 ? void 0 : _201.thickness) !== null && _202 !== void 0 ? _202 : thickness1;
     defaultArrowConfig.strokeColor = (_204 = (_203 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _203 === void 0 ? void 0 : _203.color) !== null && _204 !== void 0 ? _204 : color1;
-    var _379 = getAllArrowProperties(props, defaultArrowConfig), arrowLength1 = _379.arrowLength1, arrowWidth1 = _379.arrowWidth1, arrowStrokeWidth1 = _379.arrowStrokeWidth1, arrowStrokeColor1 = _379.arrowStrokeColor1, arrowFillColor1 = _379.arrowFillColor1, showArrowBase1 = _379.showArrowBase1, arrowLength2 = _379.arrowLength2, arrowWidth2 = _379.arrowWidth2, arrowStrokeWidth2 = _379.arrowStrokeWidth2, arrowStrokeColor2 = _379.arrowStrokeColor2, arrowFillColor2 = _379.arrowFillColor2, showArrowBase2 = _379.showArrowBase2, arrowLength3 = _379.arrowLength3, arrowWidth3 = _379.arrowWidth3, arrowStrokeWidth3 = _379.arrowStrokeWidth3, arrowStrokeColor3 = _379.arrowStrokeColor3, arrowFillColor3 = _379.arrowFillColor3, showArrowBase3 = _379.showArrowBase3, arrowLength4 = _379.arrowLength4, arrowWidth4 = _379.arrowWidth4, arrowStrokeWidth4 = _379.arrowStrokeWidth4, arrowStrokeColor4 = _379.arrowStrokeColor4, arrowFillColor4 = _379.arrowFillColor4, showArrowBase4 = _379.showArrowBase4, arrowLength5 = _379.arrowLength5, arrowWidth5 = _379.arrowWidth5, arrowStrokeWidth5 = _379.arrowStrokeWidth5, arrowStrokeColor5 = _379.arrowStrokeColor5, arrowFillColor5 = _379.arrowFillColor5, showArrowBase5 = _379.showArrowBase5, arrowLengthsFromSet = _379.arrowLengthsFromSet, arrowWidthsFromSet = _379.arrowWidthsFromSet, arrowStrokeWidthsFromSet = _379.arrowStrokeWidthsFromSet, arrowStrokeColorsFromSet = _379.arrowStrokeColorsFromSet, arrowFillColorsFromSet = _379.arrowFillColorsFromSet, showArrowBasesFromSet = _379.showArrowBasesFromSet;
+    var _389 = getAllArrowProperties(props, defaultArrowConfig), arrowLength1 = _389.arrowLength1, arrowWidth1 = _389.arrowWidth1, arrowStrokeWidth1 = _389.arrowStrokeWidth1, arrowStrokeColor1 = _389.arrowStrokeColor1, arrowFillColor1 = _389.arrowFillColor1, showArrowBase1 = _389.showArrowBase1, arrowLength2 = _389.arrowLength2, arrowWidth2 = _389.arrowWidth2, arrowStrokeWidth2 = _389.arrowStrokeWidth2, arrowStrokeColor2 = _389.arrowStrokeColor2, arrowFillColor2 = _389.arrowFillColor2, showArrowBase2 = _389.showArrowBase2, arrowLength3 = _389.arrowLength3, arrowWidth3 = _389.arrowWidth3, arrowStrokeWidth3 = _389.arrowStrokeWidth3, arrowStrokeColor3 = _389.arrowStrokeColor3, arrowFillColor3 = _389.arrowFillColor3, showArrowBase3 = _389.showArrowBase3, arrowLength4 = _389.arrowLength4, arrowWidth4 = _389.arrowWidth4, arrowStrokeWidth4 = _389.arrowStrokeWidth4, arrowStrokeColor4 = _389.arrowStrokeColor4, arrowFillColor4 = _389.arrowFillColor4, showArrowBase4 = _389.showArrowBase4, arrowLength5 = _389.arrowLength5, arrowWidth5 = _389.arrowWidth5, arrowStrokeWidth5 = _389.arrowStrokeWidth5, arrowStrokeColor5 = _389.arrowStrokeColor5, arrowFillColor5 = _389.arrowFillColor5, showArrowBase5 = _389.showArrowBase5, arrowLengthsFromSet = _389.arrowLengthsFromSet, arrowWidthsFromSet = _389.arrowWidthsFromSet, arrowStrokeWidthsFromSet = _389.arrowStrokeWidthsFromSet, arrowStrokeColorsFromSet = _389.arrowStrokeColorsFromSet, arrowFillColorsFromSet = _389.arrowFillColorsFromSet, showArrowBasesFromSet = _389.showArrowBasesFromSet;
     var secondaryLineConfig = {
         zIndex: (_206 = (_205 = props.secondaryLineConfig) === null || _205 === void 0 ? void 0 : _205.zIndex) !== null && _206 !== void 0 ? _206 : zIndex1,
         curved: (_208 = (_207 = props.secondaryLineConfig) === null || _207 === void 0 ? void 0 : _207.curved) !== null && _208 !== void 0 ? _208 : props.curved,
@@ -1161,9 +1161,9 @@ export var useLineChart = function (props) {
     var lineGradientDirection = (_319 = props.lineGradientDirection) !== null && _319 !== void 0 ? _319 : 'vertical';
     var lineGradientStartColor = (_320 = props.lineGradientStartColor) !== null && _320 !== void 0 ? _320 : LineDefaults.lineGradientStartColor;
     var lineGradientEndColor = (_321 = props.lineGradientEndColor) !== null && _321 !== void 0 ? _321 : LineDefaults.lineGradientEndColor;
-    var _380 = __read(useState(-1), 2), selectedLineNumber = _380[0], setSelectedLineNumber = _380[1];
+    var _390 = __read(useState(-1), 2), selectedLineNumber = _390[0], setSelectedLineNumber = _390[1];
     var getPointerY = function (value) {
-        return value
+        return value || value === 0
             ? containerHeight -
                 (value * containerHeight) / maxValue -
                 (pointerRadius || pointerHeight / 2) +
@@ -1387,6 +1387,24 @@ export var useLineChart = function (props) {
         highlightEnabled: LineDefaults.highlightEnabled,
         lowlightOpacity: LineDefaults.lowlightOpacity
     };
+    var pointerItemLocal = [];
+    if (pointerConfig) {
+        pointerItemLocal = [
+            __assign(__assign({}, pointerItem), { value: (_328 = (_327 = props.data) === null || _327 === void 0 ? void 0 : _327[pointerIndex]) === null || _328 === void 0 ? void 0 : _328.value })
+        ];
+        if (pointerY2 !== 0) {
+            pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_330 = (_329 = props.data2) === null || _329 === void 0 ? void 0 : _329[pointerIndex]) === null || _330 === void 0 ? void 0 : _330.value }));
+        }
+        if (pointerY3 !== 0) {
+            pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_332 = (_331 = props.data3) === null || _331 === void 0 ? void 0 : _331[pointerIndex]) === null || _332 === void 0 ? void 0 : _332.value }));
+        }
+        if (pointerY4 !== 0) {
+            pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_334 = (_333 = props.data4) === null || _333 === void 0 ? void 0 : _333[pointerIndex]) === null || _334 === void 0 ? void 0 : _334.value }));
+        }
+        if (pointerY5 !== 0) {
+            pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_336 = (_335 = props.data5) === null || _335 === void 0 ? void 0 : _335[pointerIndex]) === null || _336 === void 0 ? void 0 : _336.value }));
+        }
+    }
     return {
         curvature: curvature,
         curveType: curveType,
@@ -1770,7 +1788,8 @@ export var useLineChart = function (props) {
         renderTooltip3: renderTooltip3,
         renderTooltip4: renderTooltip4,
         renderTooltip5: renderTooltip5,
-        renderTooltipSecondary: renderTooltipSecondary
+        renderTooltipSecondary: renderTooltipSecondary,
+        pointerItemLocal: pointerItemLocal
         // oldPoints
     };
 };

package/dist/PieChart/index.d.ts

@@ -29,6 +29,22 @@ interface IusePieChart {
     isDataShifted: boolean;
     paddingHorizontal: number;
     paddingVertical: number;
+    showTooltip?: boolean;
+    tooltipHorizontalShift: number;
+    tooltipVerticalShift: any;
+    tooltipComponent: any;
+    getTooltipText: any;
+    tooltipBackgroundColor: any;
+    tooltipBorderRadius: any;
+    tooltipWidth: any;
+    tooltipTextNoOfLines: any;
+    textColor: any;
+    textSize: any;
+    font: any;
+    fontWeight: any;
+    fontStyle: any;
+    tooltipSelectedIndex: number;
+    setTooltipSelectedIndex: any;
 }
 interface IPieChartPropsType extends PieChartPropsType {
     pro?: boolean;

package/dist/PieChart/index.js

@@ -16,8 +16,13 @@ var __read = (this && this.__read) || function (o, n) {
 };
 import { useEffect, useState } from 'react';
 import { getTextSizeForPieLabels } from '../utils';
+import { PieTooltipDefaults } from '../utils/constants';
 export var usePieChart = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+    var showTooltip = props.showTooltip, tooltipWidth = props.tooltipWidth, tooltipComponent = props.tooltipComponent, _w = props.tooltipDuration, tooltipDuration = _w === void 0 ? PieTooltipDefaults.tooltipDuration : _w, _x = props.tooltipVerticalShift, tooltipVerticalShift = _x === void 0 ? PieTooltipDefaults.tooltipVerticalShift : _x, _y = props.tooltipHorizontalShift, tooltipHorizontalShift = _y === void 0 ? PieTooltipDefaults.tooltipHorizontalShift : _y, _z = props.showValuesAsTooltipText, showValuesAsTooltipText = _z === void 0 ? PieTooltipDefaults.showValuesAsTooltipText : _z, _0 = props.tooltipTextNoOfLines, tooltipTextNoOfLines = _0 === void 0 ? PieTooltipDefaults.tooltipTextNoOfLines : _0, _1 = props.tooltipBackgroundColor, tooltipBackgroundColor = _1 === void 0 ? PieTooltipDefaults.tooltipBackgroundColor : _1, _2 = props.tooltipBorderRadius, tooltipBorderRadius = _2 === void 0 ? PieTooltipDefaults.tooltipBorderRadius : _2, textColor = props.textColor, 
+    // textSize,
+    font = props.font, fontWeight = props.fontWeight, fontStyle = props.fontStyle;
+    var _3 = __read(useState(-1), 2), tooltipSelectedIndex = _3[0], setTooltipSelectedIndex = _3[1];
     var radius = (_a = props.radius) !== null && _a !== void 0 ? _a : 120;
     var extraRadius = (_b = props.extraRadius) !== null && _b !== void 0 ? _b : (props.showExternalLabels
         ? 40
@@ -25,10 +30,10 @@ export var usePieChart = function (props) {
             ? radius / 10
             : 0);
     var pi = props.semiCircle ? Math.PI / 2 : Math.PI;
-    var _w = __read(useState((_d = props.focusedPieIndex) !== null && _d !== void 0 ? _d : -1), 2), selectedIndex = _w[0], setSelectedIndex = _w[1]; // at the start, nothing is selected
+    var _4 = __read(useState((_d = props.focusedPieIndex) !== null && _d !== void 0 ? _d : -1), 2), selectedIndex = _4[0], setSelectedIndex = _4[1]; // at the start, nothing is selected
     // because we're going to use a useEffect, we need startAngle and total to be state variables
-    var _x = __read(useState((_e = props.initialAngle) !== null && _e !== void 0 ? _e : (props.semiCircle ? -pi : 0)), 2), startAngle = _x[0], setStartAngle = _x[1];
-    var _y = __read(useState(0), 2), total = _y[0], setTotal = _y[1];
+    var _5 = __read(useState((_e = props.initialAngle) !== null && _e !== void 0 ? _e : (props.semiCircle ? -pi : 0)), 2), startAngle = _5[0], setStartAngle = _5[1];
+    var _6 = __read(useState(0), 2), total = _6[0], setTotal = _6[1];
     useEffect(function () {
         var _a;
         setSelectedIndex((_a = props.focusedPieIndex) !== null && _a !== void 0 ? _a : -1);
@@ -71,7 +76,7 @@ export var usePieChart = function (props) {
             }
         }
     }, [selectedIndex]);
-    var pro = props.pro, data = props.data, donut = props.donut, isThreeD = props.isThreeD, semiCircle = props.semiCircle, _z = props.inwardExtraLengthForFocused, inwardExtraLengthForFocused = _z === void 0 ? 0 : _z, _0 = props.isAnimated, isAnimated = _0 === void 0 ? false : _0, edgesRadius = props.edgesRadius;
+    var pro = props.pro, data = props.data, donut = props.donut, isThreeD = props.isThreeD, semiCircle = props.semiCircle, _7 = props.inwardExtraLengthForFocused, inwardExtraLengthForFocused = _7 === void 0 ? 0 : _7, _8 = props.isAnimated, isAnimated = _8 === void 0 ? false : _8, edgesRadius = props.edgesRadius;
     var endAngle = (_f = props.endAngle) !== null && _f !== void 0 ? _f : startAngle + Math.PI * (semiCircle ? 1 : 2);
     var canvasWidth = radius * 2;
     var canvasHeight = isThreeD ? radius * 2.3 : radius * 2;
@@ -96,6 +101,12 @@ export var usePieChart = function (props) {
     var paddingVertical = ((_u = props.paddingVertical) !== null && _u !== void 0 ? _u : props.labelsPosition === 'onBorder')
         ? ((_v = props.textBackgroundRadius) !== null && _v !== void 0 ? _v : textSize) * 2 + 6
         : 0;
+    var getTooltipText = function (index) {
+        var _a, _b;
+        var item = data[index];
+        var tooltipText = (_b = (_a = item.tooltipText) !== null && _a !== void 0 ? _a : item.text) !== null && _b !== void 0 ? _b : (showValuesAsTooltipText ? item.value.toString() : '');
+        return tooltipText;
+    };
     return {
         radius: radius,
         extraRadius: extraRadius,
@@ -124,6 +135,22 @@ export var usePieChart = function (props) {
         tiltAngle: tiltAngle,
         isDataShifted: isDataShifted,
         paddingHorizontal: paddingHorizontal,
-        paddingVertical: paddingVertical
+        paddingVertical: paddingVertical,
+        showTooltip: showTooltip,
+        tooltipHorizontalShift: tooltipHorizontalShift,
+        tooltipVerticalShift: tooltipVerticalShift,
+        tooltipComponent: tooltipComponent,
+        getTooltipText: getTooltipText,
+        tooltipBackgroundColor: tooltipBackgroundColor,
+        tooltipBorderRadius: tooltipBorderRadius,
+        tooltipWidth: tooltipWidth,
+        tooltipTextNoOfLines: tooltipTextNoOfLines,
+        textColor: textColor,
+        textSize: textSize,
+        font: font,
+        fontWeight: fontWeight,
+        fontStyle: fontStyle,
+        tooltipSelectedIndex: tooltipSelectedIndex,
+        setTooltipSelectedIndex: setTooltipSelectedIndex
     };
 };

package/dist/PieChart/main.d.ts

@@ -32,8 +32,7 @@ export declare const getPieChartMainProps: (props: PieChartMainProps) => {
     tooltipBackgroundColor: import("react-native").ColorValue;
     tooltipBorderRadius: number;
     tooltipSelectedIndex: number;
-    setTooltipSelectedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
-    getTooltipText: (index: number) => string;
+    setTooltipSelectedIndex: any;
     showText: boolean;
     textColor: string;
     textSize: number;
@@ -104,4 +103,5 @@ export declare const getPieChartMainProps: (props: PieChartMainProps) => {
     font: string | undefined;
     fontWeight: string | undefined;
     fontStyle: import("react-native-svg").FontStyle | undefined;
+    edgesPressable: boolean | undefined;
 };

package/dist/PieChart/main.js

@@ -34,15 +34,15 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { useRef, useState } from 'react';
+import { useRef } from 'react';
 import { defaultLabelLineConfig, emptyExternaLabelProperties, getTextSizeForPieLabels } from '../utils';
 import { PieTooltipDefaults } from '../utils/constants';
 export var getPieChartMainProps = 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;
-    var isThreeD = props.isThreeD, isBiggerPie = props.isBiggerPie, paddingHorizontal = props.paddingHorizontal, paddingVertical = props.paddingVertical, extraRadius = props.extraRadius, showExternalLabels = props.showExternalLabels, externalLabelComponent = props.externalLabelComponent, showTooltip = props.showTooltip, tooltipWidth = props.tooltipWidth, persistTooltip = props.persistTooltip, tooltipComponent = props.tooltipComponent, _13 = props.tooltipDuration, tooltipDuration = _13 === void 0 ? PieTooltipDefaults.tooltipDuration : _13, _14 = props.tooltipVerticalShift, tooltipVerticalShift = _14 === void 0 ? PieTooltipDefaults.tooltipVerticalShift : _14, _15 = props.tooltipHorizontalShift, tooltipHorizontalShift = _15 === void 0 ? PieTooltipDefaults.tooltipHorizontalShift : _15, _16 = props.showValuesAsTooltipText, showValuesAsTooltipText = _16 === void 0 ? PieTooltipDefaults.showValuesAsTooltipText : _16, _17 = props.tooltipTextNoOfLines, tooltipTextNoOfLines = _17 === void 0 ? PieTooltipDefaults.tooltipTextNoOfLines : _17, _18 = props.tooltipBackgroundColor, tooltipBackgroundColor = _18 === void 0 ? PieTooltipDefaults.tooltipBackgroundColor : _18, _19 = props.tooltipBorderRadius, tooltipBorderRadius = _19 === void 0 ? PieTooltipDefaults.tooltipBorderRadius : _19, font = props.font, fontWeight = props.fontWeight, fontStyle = props.fontStyle;
+    var isThreeD = props.isThreeD, isBiggerPie = props.isBiggerPie, paddingHorizontal = props.paddingHorizontal, paddingVertical = props.paddingVertical, extraRadius = props.extraRadius, showExternalLabels = props.showExternalLabels, externalLabelComponent = props.externalLabelComponent, showTooltip = props.showTooltip, tooltipWidth = props.tooltipWidth, persistTooltip = props.persistTooltip, tooltipComponent = props.tooltipComponent, _13 = props.tooltipDuration, tooltipDuration = _13 === void 0 ? PieTooltipDefaults.tooltipDuration : _13, _14 = props.tooltipVerticalShift, tooltipVerticalShift = _14 === void 0 ? PieTooltipDefaults.tooltipVerticalShift : _14, _15 = props.tooltipHorizontalShift, tooltipHorizontalShift = _15 === void 0 ? PieTooltipDefaults.tooltipHorizontalShift : _15, _16 = props.showValuesAsTooltipText, showValuesAsTooltipText = _16 === void 0 ? PieTooltipDefaults.showValuesAsTooltipText : _16, _17 = props.tooltipTextNoOfLines, tooltipTextNoOfLines = _17 === void 0 ? PieTooltipDefaults.tooltipTextNoOfLines : _17, _18 = props.tooltipBackgroundColor, tooltipBackgroundColor = _18 === void 0 ? PieTooltipDefaults.tooltipBackgroundColor : _18, _19 = props.tooltipBorderRadius, tooltipBorderRadius = _19 === void 0 ? PieTooltipDefaults.tooltipBorderRadius : _19, font = props.font, fontWeight = props.fontWeight, fontStyle = props.fontStyle, edgesPressable = props.edgesPressable, tooltipSelectedIndex = props.tooltipSelectedIndex, setTooltipSelectedIndex = props.setTooltipSelectedIndex;
     var propData = props.data;
     var data = [];
-    var _20 = __read(useState(-1), 2), tooltipSelectedIndex = _20[0], setTooltipSelectedIndex = _20[1];
+    // const [tooltipSelectedIndex, setTooltipSelectedIndex] = useState(-1)
     var minisculeDataItem = props.data.map(function (item) { return item.value; }).reduce(function (v, a) { return v + a; }) / 160000;
     var itemHasInnerComponent = false;
     if (propData) {
@@ -228,6 +228,7 @@ export var getPieChartMainProps = function (props) {
         coordinates[index] = { sx: sx, sy: sy, ax: ax, ay: ay };
     });
     var timer = useRef(setTimeout(function () { })); // timer for tooltip
+    console.log('showTooltip----->', showTooltip);
     var onPressed = function (item, index) {
         if (item.onPress) {
             item.onPress();
@@ -246,6 +247,7 @@ export var getPieChartMainProps = function (props) {
             }
         }
         if (showTooltip) {
+            console.log('tooltipSelectedIndex b4----->', tooltipSelectedIndex);
             if (tooltipSelectedIndex === index) {
                 setTooltipSelectedIndex(-1);
             }
@@ -258,14 +260,9 @@ export var getPieChartMainProps = function (props) {
                     }, tooltipDuration);
                 }
             }
+            console.log('tooltipSelectedIndex after----->', tooltipSelectedIndex);
         }
     };
-    var getTooltipText = function (index) {
-        var _a, _b;
-        var item = data[index];
-        var tooltipText = (_b = (_a = item.tooltipText) !== null && _a !== void 0 ? _a : item.text) !== null && _b !== void 0 ? _b : (showValuesAsTooltipText ? item.value.toString() : '');
-        return tooltipText;
-    };
     return {
         isThreeD: isThreeD,
         isBiggerPie: isBiggerPie,
@@ -300,7 +297,7 @@ export var getPieChartMainProps = function (props) {
         tooltipBorderRadius: tooltipBorderRadius,
         tooltipSelectedIndex: tooltipSelectedIndex,
         setTooltipSelectedIndex: setTooltipSelectedIndex,
-        getTooltipText: getTooltipText,
+        // getTooltipText,
         showText: showText,
         textColor: textColor,
         textSize: textSize,
@@ -335,6 +332,7 @@ export var getPieChartMainProps = function (props) {
         onPressed: onPressed,
         font: font,
         fontWeight: fontWeight,
-        fontStyle: fontStyle
+        fontStyle: fontStyle,
+        edgesPressable: edgesPressable
     };
 };

package/dist/PieChart/types.d.ts

@@ -73,6 +73,10 @@ export interface PieChartPropsType {
     showExternalLabels?: boolean;
     labelLineConfig?: LabelLineConfig;
     externalLabelComponent?: (item?: pieDataItem, index?: number) => any;
+    /**
+     * @description If true, the edges of the pie will be pressable, but you may need to press twice for focus- once for unfocusing the already focused pie and then for focusing the new pie
+     */
+    edgesPressable?: boolean;
 }
 export interface pieDataItem {
     value: number;
@@ -116,4 +120,8 @@ export interface PieChartMainProps extends PieChartPropsType {
     paddingHorizontal: number;
     paddingVertical: number;
     extraRadius: number;
+    setTouchX: Function;
+    setTouchY: Function;
+    tooltipSelectedIndex: number;
+    setTooltipSelectedIndex: any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gifted-charts-core",
-  "version": "0.1.58",
+  "version": "0.1.59",
   "description": "Mathematical and logical utilities used by react-gifted-charts and react-native-gifted-charts",
   "main": "./dist/index.js",
   "files": [