gifted-charts-core 0.1.65 → 0.1.66

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/LineChart/index.js +128 -122
  2. package/dist/LineChart/types.d.ts +3 -0
  3. package/package.json +1 -1
package/dist/LineChart/index.js CHANGED
@@ -39,8 +39,8 @@ import { AxesAndRulesDefaults, LineDefaults, SEGMENT_END, SEGMENT_START, chartTy
39
39
  import { computeMaxAndMinItems, getAllArrowProperties, getArrowPoints, getAxesAndRulesProps, getCurvePathWithSegments, getExtendedContainerHeightWithPadding, getLineSegmentsDueToNoExtrapolation, getLineSegmentsForMissingValues, getMaxValue, getNoOfSections, getPathWithHighlight, getSanitisedData, getSecondaryDataWithOffsetIncluded, getSegmentString, indexOfFirstNonZeroDigit, svgPath } from '../utils';
40
40
  import { EdgePosition } from '../utils/types';
41
41
  export var useLineChart = function (props) {
42
- 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, _337;
43
- var showDataPointsForMissingValues = props.showDataPointsForMissingValues, _338 = props.interpolateMissingValues, interpolateMissingValues = _338 === void 0 ? true : _338, _339 = props.extrapolateMissingValues, extrapolateMissingValues = _339 === void 0 ? true : _339, yAxisOffset = props.yAxisOffset, parentWidth = props.parentWidth, negativeStepValue = props.negativeStepValue, renderTooltip = props.renderTooltip, _340 = props.renderTooltip1, renderTooltip1 = _340 === void 0 ? props.renderTooltip : _340, _341 = props.renderTooltip2, renderTooltip2 = _341 === void 0 ? props.renderTooltip : _341, _342 = props.renderTooltip3, renderTooltip3 = _342 === void 0 ? props.renderTooltip : _342, _343 = props.renderTooltip4, renderTooltip4 = _343 === void 0 ? props.renderTooltip : _343, _344 = props.renderTooltip5, renderTooltip5 = _344 === void 0 ? props.renderTooltip : _344, _345 = props.renderTooltipSecondary, renderTooltipSecondary = _345 === void 0 ? props.renderTooltip : _345;
42
+ 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, _337, _338;
43
+ var showDataPointsForMissingValues = props.showDataPointsForMissingValues, _339 = props.interpolateMissingValues, interpolateMissingValues = _339 === void 0 ? true : _339, _340 = props.extrapolateMissingValues, extrapolateMissingValues = _340 === void 0 ? true : _340, yAxisOffset = props.yAxisOffset, parentWidth = props.parentWidth, renderTooltip = props.renderTooltip, _341 = props.renderTooltip1, renderTooltip1 = _341 === void 0 ? props.renderTooltip : _341, _342 = props.renderTooltip2, renderTooltip2 = _342 === void 0 ? props.renderTooltip : _342, _343 = props.renderTooltip3, renderTooltip3 = _343 === void 0 ? props.renderTooltip : _343, _344 = props.renderTooltip4, renderTooltip4 = _344 === void 0 ? props.renderTooltip : _344, _345 = props.renderTooltip5, renderTooltip5 = _345 === void 0 ? props.renderTooltip : _345, _346 = props.renderTooltipSecondary, renderTooltipSecondary = _346 === void 0 ? props.renderTooltip : _346;
44
44
  var lastLineNumber = 1;
45
45
  if (props.secondaryData) {
46
46
  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) {
63
63
  // because in absence of extrapolation we don't want the chart to unnecessarily show the 4th quadrant
64
64
  var curvature = (_l = props.curvature) !== null && _l !== void 0 ? _l : LineDefaults.curvature;
65
65
  var curveType = (_m = props.curveType) !== null && _m !== void 0 ? _m : LineDefaults.curveType;
66
- var _346 = __read(useState(0), 2), scrollX = _346[0], setScrollX = _346[1];
67
- var _347 = __read(useState(''), 2), arrow1Points = _347[0], setArrow1Points = _347[1];
68
- var _348 = __read(useState(''), 2), arrow2Points = _348[0], setArrow2Points = _348[1];
69
- var _349 = __read(useState(''), 2), arrow3Points = _349[0], setArrow3Points = _349[1];
70
- var _350 = __read(useState(''), 2), arrow4Points = _350[0], setArrow4Points = _350[1];
71
- var _351 = __read(useState(''), 2), arrow5Points = _351[0], setArrow5Points = _351[1];
72
- var _352 = __read(useState(''), 2), secondaryArrowPoints = _352[0], setSecondaryArrowPoints = _352[1];
73
- var _353 = __read(useState(-1), 2), pointerIndex = _353[0], setPointerIndex = _353[1];
74
- var _354 = __read(useState(0), 2), pointerX = _354[0], setPointerX = _354[1];
75
- var _355 = __read(useState(0), 2), pointerY = _355[0], setPointerY = _355[1];
76
- var _356 = __read(useState(), 2), pointerItem = _356[0], setPointerItem = _356[1];
77
- var _357 = __read(useState(0), 2), pointerY2 = _357[0], setPointerY2 = _357[1];
78
- var _358 = __read(useState(), 2), pointerItem2 = _358[0], setPointerItem2 = _358[1];
79
- var _359 = __read(useState(0), 2), pointerY3 = _359[0], setPointerY3 = _359[1];
80
- var _360 = __read(useState(), 2), pointerItem3 = _360[0], setPointerItem3 = _360[1];
81
- var _361 = __read(useState(0), 2), pointerY4 = _361[0], setPointerY4 = _361[1];
82
- var _362 = __read(useState(), 2), pointerItem4 = _362[0], setPointerItem4 = _362[1];
83
- var _363 = __read(useState(0), 2), pointerY5 = _363[0], setPointerY5 = _363[1];
84
- var _364 = __read(useState([]), 2), pointerYsForDataSet = _364[0], setPointerYsForDataSet = _364[1];
85
- var _365 = __read(useState(), 2), pointerItem5 = _365[0], setPointerItem5 = _365[1];
86
- var _366 = __read(useState(0), 2), secondaryPointerY = _366[0], setSecondaryPointerY = _366[1];
87
- var _367 = __read(useState(), 2), secondaryPointerItem = _367[0], setSecondaryPointerItem = _367[1];
88
- var _368 = __read(useState([]), 2), pointerItemsForSet = _368[0], setPointerItemsForSet = _368[1];
89
- var _369 = __read(useState([]), 2), secondaryPointerItemsForSet = _369[0], setSecondaryPointerItemsForSet = _369[1];
90
- var _370 = __read(useState(0), 2), responderStartTime = _370[0], setResponderStartTime = _370[1];
91
- var _371 = __read(useState(false), 2), responderActive = _371[0], setResponderActive = _371[1];
92
- var _372 = __read(useState(''), 2), points = _372[0], setPoints = _372[1];
93
- var _373 = __read(useState(''), 2), points2 = _373[0], setPoints2 = _373[1];
94
- var _374 = __read(useState(''), 2), points3 = _374[0], setPoints3 = _374[1];
95
- var _375 = __read(useState(''), 2), points4 = _375[0], setPoints4 = _375[1];
96
- var _376 = __read(useState(''), 2), points5 = _376[0], setPoints5 = _376[1];
97
- var _377 = __read(useState(''), 2), secondaryPoints = _377[0], setSecondaryPoints = _377[1];
98
- var _378 = __read(useState(''), 2), fillPoints = _378[0], setFillPoints = _378[1];
99
- var _379 = __read(useState(''), 2), fillPoints2 = _379[0], setFillPoints2 = _379[1];
100
- var _380 = __read(useState(''), 2), fillPoints3 = _380[0], setFillPoints3 = _380[1];
101
- var _381 = __read(useState(''), 2), fillPoints4 = _381[0], setFillPoints4 = _381[1];
102
- var _382 = __read(useState(''), 2), fillPoints5 = _382[0], setFillPoints5 = _382[1];
103
- var _383 = __read(useState(''), 2), secondaryFillPoints = _383[0], setSecondaryFillPoints = _383[1];
104
- var _384 = __read(useState([]), 2), pointsFromSet = _384[0], setPointsFromSet = _384[1];
105
- var _385 = __read(useState([]), 2), fillPointsFromSet = _385[0], setFillPointsFromSet = _385[1];
106
- var _386 = __read(useState([]), 2), arrowPointsFromSet = _386[0], setArrowPointsFromSet = _386[1];
107
- var _387 = __read(useState((_o = props.focusedDataPointIndex) !== null && _o !== void 0 ? _o : -1), 2), selectedIndex = _387[0], setSelectedIndex = _387[1];
66
+ var _347 = __read(useState(0), 2), scrollX = _347[0], setScrollX = _347[1];
67
+ var _348 = __read(useState(''), 2), arrow1Points = _348[0], setArrow1Points = _348[1];
68
+ var _349 = __read(useState(''), 2), arrow2Points = _349[0], setArrow2Points = _349[1];
69
+ var _350 = __read(useState(''), 2), arrow3Points = _350[0], setArrow3Points = _350[1];
70
+ var _351 = __read(useState(''), 2), arrow4Points = _351[0], setArrow4Points = _351[1];
71
+ var _352 = __read(useState(''), 2), arrow5Points = _352[0], setArrow5Points = _352[1];
72
+ var _353 = __read(useState(''), 2), secondaryArrowPoints = _353[0], setSecondaryArrowPoints = _353[1];
73
+ var _354 = __read(useState(-1), 2), pointerIndex = _354[0], setPointerIndex = _354[1];
74
+ var _355 = __read(useState(0), 2), pointerX = _355[0], setPointerX = _355[1];
75
+ var _356 = __read(useState(0), 2), pointerY = _356[0], setPointerY = _356[1];
76
+ var _357 = __read(useState(), 2), pointerItem = _357[0], setPointerItem = _357[1];
77
+ var _358 = __read(useState(0), 2), pointerY2 = _358[0], setPointerY2 = _358[1];
78
+ var _359 = __read(useState(), 2), pointerItem2 = _359[0], setPointerItem2 = _359[1];
79
+ var _360 = __read(useState(0), 2), pointerY3 = _360[0], setPointerY3 = _360[1];
80
+ var _361 = __read(useState(), 2), pointerItem3 = _361[0], setPointerItem3 = _361[1];
81
+ var _362 = __read(useState(0), 2), pointerY4 = _362[0], setPointerY4 = _362[1];
82
+ var _363 = __read(useState(), 2), pointerItem4 = _363[0], setPointerItem4 = _363[1];
83
+ var _364 = __read(useState(0), 2), pointerY5 = _364[0], setPointerY5 = _364[1];
84
+ var _365 = __read(useState([]), 2), pointerYsForDataSet = _365[0], setPointerYsForDataSet = _365[1];
85
+ var _366 = __read(useState(), 2), pointerItem5 = _366[0], setPointerItem5 = _366[1];
86
+ var _367 = __read(useState(0), 2), secondaryPointerY = _367[0], setSecondaryPointerY = _367[1];
87
+ var _368 = __read(useState(), 2), secondaryPointerItem = _368[0], setSecondaryPointerItem = _368[1];
88
+ var _369 = __read(useState([]), 2), pointerItemsForSet = _369[0], setPointerItemsForSet = _369[1];
89
+ var _370 = __read(useState([]), 2), secondaryPointerItemsForSet = _370[0], setSecondaryPointerItemsForSet = _370[1];
90
+ var _371 = __read(useState(0), 2), responderStartTime = _371[0], setResponderStartTime = _371[1];
91
+ var _372 = __read(useState(false), 2), responderActive = _372[0], setResponderActive = _372[1];
92
+ var _373 = __read(useState(''), 2), points = _373[0], setPoints = _373[1];
93
+ var _374 = __read(useState(''), 2), points2 = _374[0], setPoints2 = _374[1];
94
+ var _375 = __read(useState(''), 2), points3 = _375[0], setPoints3 = _375[1];
95
+ var _376 = __read(useState(''), 2), points4 = _376[0], setPoints4 = _376[1];
96
+ var _377 = __read(useState(''), 2), points5 = _377[0], setPoints5 = _377[1];
97
+ var _378 = __read(useState(''), 2), secondaryPoints = _378[0], setSecondaryPoints = _378[1];
98
+ var _379 = __read(useState(''), 2), fillPoints = _379[0], setFillPoints = _379[1];
99
+ var _380 = __read(useState(''), 2), fillPoints2 = _380[0], setFillPoints2 = _380[1];
100
+ var _381 = __read(useState(''), 2), fillPoints3 = _381[0], setFillPoints3 = _381[1];
101
+ var _382 = __read(useState(''), 2), fillPoints4 = _382[0], setFillPoints4 = _382[1];
102
+ var _383 = __read(useState(''), 2), fillPoints5 = _383[0], setFillPoints5 = _383[1];
103
+ var _384 = __read(useState(''), 2), secondaryFillPoints = _384[0], setSecondaryFillPoints = _384[1];
104
+ var _385 = __read(useState([]), 2), pointsFromSet = _385[0], setPointsFromSet = _385[1];
105
+ var _386 = __read(useState([]), 2), fillPointsFromSet = _386[0], setFillPointsFromSet = _386[1];
106
+ var _387 = __read(useState([]), 2), arrowPointsFromSet = _387[0], setArrowPointsFromSet = _387[1];
107
+ var _388 = __read(useState((_o = props.focusedDataPointIndex) !== null && _o !== void 0 ? _o : -1), 2), selectedIndex = _388[0], setSelectedIndex = _388[1];
108
108
  useEffect(function () {
109
109
  var _a;
110
110
  setSelectedIndex((_a = props.focusedDataPointIndex) !== null && _a !== void 0 ? _a : -1);
@@ -417,19 +417,13 @@ export var useLineChart = function (props) {
417
417
  Math, __spreadArray([], __read(mergedPrimaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)); // find the smallest +ve number
418
418
  var showFractionalValues = (_106 = props.showFractionalValues) !== null && _106 !== void 0 ? _106 : (isFinite(valuesRange) && valuesRange <= 1);
419
419
  var roundToDigits = (_107 = props.roundToDigits) !== null && _107 !== void 0 ? _107 : (showFractionalValues ? indexOfFirstNonZeroDigit(valuesRange) + 1 : 0);
420
- var _388 = computeMaxAndMinItems(mergedPrimaryDataArrays, extrapolateMissingValues, roundToDigits, showFractionalValues, mergedPrimaryDataArraysOriginals), maxItem = _388.maxItem, minItem = _388.minItem;
420
+ var _389 = computeMaxAndMinItems(mergedPrimaryDataArrays, extrapolateMissingValues, roundToDigits, showFractionalValues, mergedPrimaryDataArraysOriginals), maxItem = _389.maxItem, minItem = _389.minItem;
421
421
  var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxItem) || 10;
422
422
  var mostNegativeValue = (_108 = props.mostNegativeValue) !== null && _108 !== void 0 ? _108 : minItem;
423
423
  var overflowTop = ((_109 = props.overflowTop) !== null && _109 !== void 0 ? _109 : props.secondaryXAxis)
424
424
  ? AxesAndRulesDefaults.overflowTopWithSecondaryXAxis
425
425
  : AxesAndRulesDefaults.overflowTop;
426
426
  var extendedContainerHeight = getExtendedContainerHeightWithPadding(containerHeight, overflowTop);
427
- var getX = function (spacingArray, index) {
428
- return initialSpacing + (index ? spacingArray[index - 1] : 0);
429
- };
430
- var getY = function (value) {
431
- return extendedContainerHeight - (value * containerHeight) / maxValue;
432
- };
433
427
  var secondaryValuesRange = Math.max.apply(Math, __spreadArray([], __read(mergedSecondaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)) - // find the largest +ve number
434
428
  Math.min.apply(// find the largest +ve number
435
429
  Math, __spreadArray([], __read(mergedSecondaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)); // find the smallest +ve number
@@ -437,7 +431,7 @@ export var useLineChart = function (props) {
437
431
  var secondaryRoundToDigits = (_113 = (_112 = props.secondaryYAxis) === null || _112 === void 0 ? void 0 : _112.roundToDigits) !== null && _113 !== void 0 ? _113 : (showSecondaryFractionalValues
438
432
  ? indexOfFirstNonZeroDigit(secondaryValuesRange) + 1
439
433
  : 0);
440
- var _389 = computeMaxAndMinItems(mergedSecondaryDataArrays, extrapolateMissingValues, secondaryRoundToDigits, showSecondaryFractionalValues), secondaryMaxItem = _389.maxItem, secondaryMinItem = _389.minItem;
434
+ var _390 = computeMaxAndMinItems(mergedSecondaryDataArrays, extrapolateMissingValues, secondaryRoundToDigits, showSecondaryFractionalValues), secondaryMaxItem = _390.maxItem, secondaryMinItem = _390.minItem;
441
435
  var secondaryMaxValue = (_115 = (_114 = props.secondaryYAxis) === null || _114 === void 0 ? void 0 : _114.maxValue) !== null && _115 !== void 0 ? _115 : (secondaryMaxItem || maxValue);
442
436
  var getSecondaryY = function (value) {
443
437
  return extendedContainerHeight - (value * containerHeight) / secondaryMaxValue;
@@ -500,7 +494,7 @@ export var useLineChart = function (props) {
500
494
  var endOpacity5 = (_200 = props.endOpacity5) !== null && _200 !== void 0 ? _200 : endOpacity;
501
495
  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;
502
496
  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;
503
- var _390 = getAllArrowProperties(props, defaultArrowConfig), arrowLength1 = _390.arrowLength1, arrowWidth1 = _390.arrowWidth1, arrowStrokeWidth1 = _390.arrowStrokeWidth1, arrowStrokeColor1 = _390.arrowStrokeColor1, arrowFillColor1 = _390.arrowFillColor1, showArrowBase1 = _390.showArrowBase1, arrowLength2 = _390.arrowLength2, arrowWidth2 = _390.arrowWidth2, arrowStrokeWidth2 = _390.arrowStrokeWidth2, arrowStrokeColor2 = _390.arrowStrokeColor2, arrowFillColor2 = _390.arrowFillColor2, showArrowBase2 = _390.showArrowBase2, arrowLength3 = _390.arrowLength3, arrowWidth3 = _390.arrowWidth3, arrowStrokeWidth3 = _390.arrowStrokeWidth3, arrowStrokeColor3 = _390.arrowStrokeColor3, arrowFillColor3 = _390.arrowFillColor3, showArrowBase3 = _390.showArrowBase3, arrowLength4 = _390.arrowLength4, arrowWidth4 = _390.arrowWidth4, arrowStrokeWidth4 = _390.arrowStrokeWidth4, arrowStrokeColor4 = _390.arrowStrokeColor4, arrowFillColor4 = _390.arrowFillColor4, showArrowBase4 = _390.showArrowBase4, arrowLength5 = _390.arrowLength5, arrowWidth5 = _390.arrowWidth5, arrowStrokeWidth5 = _390.arrowStrokeWidth5, arrowStrokeColor5 = _390.arrowStrokeColor5, arrowFillColor5 = _390.arrowFillColor5, showArrowBase5 = _390.showArrowBase5, arrowLengthsFromSet = _390.arrowLengthsFromSet, arrowWidthsFromSet = _390.arrowWidthsFromSet, arrowStrokeWidthsFromSet = _390.arrowStrokeWidthsFromSet, arrowStrokeColorsFromSet = _390.arrowStrokeColorsFromSet, arrowFillColorsFromSet = _390.arrowFillColorsFromSet, showArrowBasesFromSet = _390.showArrowBasesFromSet;
497
+ var _391 = getAllArrowProperties(props, defaultArrowConfig), arrowLength1 = _391.arrowLength1, arrowWidth1 = _391.arrowWidth1, arrowStrokeWidth1 = _391.arrowStrokeWidth1, arrowStrokeColor1 = _391.arrowStrokeColor1, arrowFillColor1 = _391.arrowFillColor1, showArrowBase1 = _391.showArrowBase1, arrowLength2 = _391.arrowLength2, arrowWidth2 = _391.arrowWidth2, arrowStrokeWidth2 = _391.arrowStrokeWidth2, arrowStrokeColor2 = _391.arrowStrokeColor2, arrowFillColor2 = _391.arrowFillColor2, showArrowBase2 = _391.showArrowBase2, arrowLength3 = _391.arrowLength3, arrowWidth3 = _391.arrowWidth3, arrowStrokeWidth3 = _391.arrowStrokeWidth3, arrowStrokeColor3 = _391.arrowStrokeColor3, arrowFillColor3 = _391.arrowFillColor3, showArrowBase3 = _391.showArrowBase3, arrowLength4 = _391.arrowLength4, arrowWidth4 = _391.arrowWidth4, arrowStrokeWidth4 = _391.arrowStrokeWidth4, arrowStrokeColor4 = _391.arrowStrokeColor4, arrowFillColor4 = _391.arrowFillColor4, showArrowBase4 = _391.showArrowBase4, arrowLength5 = _391.arrowLength5, arrowWidth5 = _391.arrowWidth5, arrowStrokeWidth5 = _391.arrowStrokeWidth5, arrowStrokeColor5 = _391.arrowStrokeColor5, arrowFillColor5 = _391.arrowFillColor5, showArrowBase5 = _391.showArrowBase5, arrowLengthsFromSet = _391.arrowLengthsFromSet, arrowWidthsFromSet = _391.arrowWidthsFromSet, arrowStrokeWidthsFromSet = _391.arrowStrokeWidthsFromSet, arrowStrokeColorsFromSet = _391.arrowStrokeColorsFromSet, arrowFillColorsFromSet = _391.arrowFillColorsFromSet, showArrowBasesFromSet = _391.showArrowBasesFromSet;
504
498
  var secondaryLineConfig = {
505
499
  zIndex: (_206 = (_205 = props.secondaryLineConfig) === null || _205 === void 0 ? void 0 : _205.zIndex) !== null && _206 !== void 0 ? _206 : zIndex1,
506
500
  curved: (_208 = (_207 = props.secondaryLineConfig) === null || _207 === void 0 ? void 0 : _207.curved) !== null && _208 !== void 0 ? _208 : props.curved,
@@ -1080,18 +1074,30 @@ export var useLineChart = function (props) {
1080
1074
  var stepHeight = (_261 = props.stepHeight) !== null && _261 !== void 0 ? _261 : containerHeight / noOfSections;
1081
1075
  var stepValue = (_262 = props.stepValue) !== null && _262 !== void 0 ? _262 : maxValue / noOfSections;
1082
1076
  var noOfSectionsBelowXAxis = (_263 = props.noOfSectionsBelowXAxis) !== null && _263 !== void 0 ? _263 : Math.round(Math.ceil(-mostNegativeValue / stepValue));
1083
- var axesAndRulesProps = getAxesAndRulesProps(props, containerHeight, stepHeight, stepValue, noOfSections, roundToDigits, negativeStepValue !== null && negativeStepValue !== void 0 ? negativeStepValue : stepValue, secondaryMaxValue, secondaryMinItem, showSecondaryFractionalValues, secondaryRoundToDigits);
1077
+ var negativeStepValue = (_264 = props.negativeStepValue) !== null && _264 !== void 0 ? _264 : stepValue;
1078
+ var axesAndRulesProps = getAxesAndRulesProps(props, containerHeight, stepHeight, stepValue, noOfSections, roundToDigits, negativeStepValue, secondaryMaxValue, secondaryMinItem, showSecondaryFractionalValues, secondaryRoundToDigits);
1084
1079
  var secondaryNoOfSectionsBelowXAxis = axesAndRulesProps.secondaryYAxisConfig.noOfSectionsBelowXAxis;
1085
1080
  var fourthQuadrantHeight = Math.max(noOfSectionsBelowXAxis, secondaryNoOfSectionsBelowXAxis) *
1086
1081
  stepHeight;
1087
1082
  var containerHeightIncludingBelowXAxis = extendedContainerHeight + fourthQuadrantHeight;
1088
- var showXAxisIndices = (_264 = props.showXAxisIndices) !== null && _264 !== void 0 ? _264 : AxesAndRulesDefaults.showXAxisIndices;
1089
- var xAxisIndicesHeight = (_265 = props.xAxisIndicesHeight) !== null && _265 !== void 0 ? _265 : AxesAndRulesDefaults.xAxisIndicesHeight;
1090
- var xAxisIndicesWidth = (_266 = props.xAxisIndicesWidth) !== null && _266 !== void 0 ? _266 : AxesAndRulesDefaults.xAxisIndicesWidth;
1091
- var xAxisIndicesColor = (_267 = props.xAxisIndicesColor) !== null && _267 !== void 0 ? _267 : AxesAndRulesDefaults.xAxisIndicesColor;
1092
- var xAxisLabelsAtBottom = (_268 = props.xAxisLabelsAtBottom) !== null && _268 !== void 0 ? _268 : false;
1093
- var xAxisTextNumberOfLines = (_269 = props.xAxisTextNumberOfLines) !== null && _269 !== void 0 ? _269 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
1094
- var xAxisLabelsVerticalShift = (_270 = props.xAxisLabelsVerticalShift) !== null && _270 !== void 0 ? _270 : (xAxisLabelsAtBottom
1083
+ var mostNegativeValueOnYAxis = negativeStepValue * noOfSectionsBelowXAxis;
1084
+ var getX = function (spacingArray, index) {
1085
+ return initialSpacing + (index ? spacingArray[index - 1] : 0);
1086
+ };
1087
+ var getY = function (value) {
1088
+ if (containsNegativeValue && value < 0 && stepValue !== negativeStepValue) {
1089
+ return (extendedContainerHeight +
1090
+ (value * fourthQuadrantHeight) / -mostNegativeValueOnYAxis);
1091
+ }
1092
+ return extendedContainerHeight - (value * containerHeight) / maxValue;
1093
+ };
1094
+ var showXAxisIndices = (_265 = props.showXAxisIndices) !== null && _265 !== void 0 ? _265 : AxesAndRulesDefaults.showXAxisIndices;
1095
+ var xAxisIndicesHeight = (_266 = props.xAxisIndicesHeight) !== null && _266 !== void 0 ? _266 : AxesAndRulesDefaults.xAxisIndicesHeight;
1096
+ var xAxisIndicesWidth = (_267 = props.xAxisIndicesWidth) !== null && _267 !== void 0 ? _267 : AxesAndRulesDefaults.xAxisIndicesWidth;
1097
+ var xAxisIndicesColor = (_268 = props.xAxisIndicesColor) !== null && _268 !== void 0 ? _268 : AxesAndRulesDefaults.xAxisIndicesColor;
1098
+ var xAxisLabelsAtBottom = (_269 = props.xAxisLabelsAtBottom) !== null && _269 !== void 0 ? _269 : false;
1099
+ var xAxisTextNumberOfLines = (_270 = props.xAxisTextNumberOfLines) !== null && _270 !== void 0 ? _270 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
1100
+ var xAxisLabelsVerticalShift = (_271 = props.xAxisLabelsVerticalShift) !== null && _271 !== void 0 ? _271 : (xAxisLabelsAtBottom
1095
1101
  ? fourthQuadrantHeight
1096
1102
  : AxesAndRulesDefaults.xAxisLabelsVerticalShift);
1097
1103
  var horizontalRulesStyle = props.horizontalRulesStyle;
@@ -1100,71 +1106,71 @@ export var useLineChart = function (props) {
1100
1106
  defaultPointerConfig.pointerStripHeight =
1101
1107
  containerHeight + noOfSectionsBelowXAxis * stepHeight;
1102
1108
  var pointerConfig = props.pointerConfig;
1103
- var getPointerProps = (_271 = props.getPointerProps) !== null && _271 !== void 0 ? _271 : null;
1104
- var pointerHeight = (_272 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.height) !== null && _272 !== void 0 ? _272 : defaultPointerConfig.height;
1105
- var pointerWidth = (_273 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.width) !== null && _273 !== void 0 ? _273 : defaultPointerConfig.width;
1106
- var pointerRadius = (_274 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.radius) !== null && _274 !== void 0 ? _274 : defaultPointerConfig.radius;
1107
- var pointerColor = (_275 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerColor) !== null && _275 !== void 0 ? _275 : defaultPointerConfig.pointerColor;
1108
- var pointerComponent = (_276 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerComponent) !== null && _276 !== void 0 ? _276 : defaultPointerConfig.pointerComponent;
1109
+ var getPointerProps = (_272 = props.getPointerProps) !== null && _272 !== void 0 ? _272 : null;
1110
+ var pointerHeight = (_273 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.height) !== null && _273 !== void 0 ? _273 : defaultPointerConfig.height;
1111
+ var pointerWidth = (_274 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.width) !== null && _274 !== void 0 ? _274 : defaultPointerConfig.width;
1112
+ var pointerRadius = (_275 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.radius) !== null && _275 !== void 0 ? _275 : defaultPointerConfig.radius;
1113
+ var pointerColor = (_276 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerColor) !== null && _276 !== void 0 ? _276 : defaultPointerConfig.pointerColor;
1114
+ var pointerComponent = (_277 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerComponent) !== null && _277 !== void 0 ? _277 : defaultPointerConfig.pointerComponent;
1109
1115
  var showPointerStrip = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.showPointerStrip) === false
1110
1116
  ? false
1111
1117
  : defaultPointerConfig.showPointerStrip;
1112
- var pointerStripHeight = (_277 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripHeight) !== null && _277 !== void 0 ? _277 : defaultPointerConfig.pointerStripHeight;
1113
- var pointerStripWidth = (_278 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripWidth) !== null && _278 !== void 0 ? _278 : defaultPointerConfig.pointerStripWidth;
1114
- var pointerStripColor = (_279 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripColor) !== null && _279 !== void 0 ? _279 : defaultPointerConfig.pointerStripColor;
1115
- var pointerStripUptoDataPoint = (_280 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripUptoDataPoint) !== null && _280 !== void 0 ? _280 : defaultPointerConfig.pointerStripUptoDataPoint;
1116
- var pointerLabelComponent = (_281 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelComponent) !== null && _281 !== void 0 ? _281 : defaultPointerConfig.pointerLabelComponent;
1117
- var stripOverPointer = (_282 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripOverPointer) !== null && _282 !== void 0 ? _282 : defaultPointerConfig.stripOverPointer;
1118
- var shiftPointerLabelX = (_283 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelX) !== null && _283 !== void 0 ? _283 : defaultPointerConfig.shiftPointerLabelX;
1119
- var shiftPointerLabelY = (_284 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelY) !== null && _284 !== void 0 ? _284 : defaultPointerConfig.shiftPointerLabelY;
1120
- var pointerLabelWidth = (_285 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelWidth) !== null && _285 !== void 0 ? _285 : defaultPointerConfig.pointerLabelWidth;
1121
- var pointerLabelHeight = (_286 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelHeight) !== null && _286 !== void 0 ? _286 : defaultPointerConfig.pointerLabelHeight;
1122
- var autoAdjustPointerLabelPosition = (_287 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.autoAdjustPointerLabelPosition) !== null && _287 !== void 0 ? _287 : defaultPointerConfig.autoAdjustPointerLabelPosition;
1123
- var pointerVanishDelay = (_288 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerVanishDelay) !== null && _288 !== void 0 ? _288 : defaultPointerConfig.pointerVanishDelay;
1124
- var activatePointersOnLongPress = (_289 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersOnLongPress) !== null && _289 !== void 0 ? _289 : defaultPointerConfig.activatePointersOnLongPress;
1125
- var activatePointersInstantlyOnTouch = (_290 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersInstantlyOnTouch) !== null && _290 !== void 0 ? _290 : defaultPointerConfig.activatePointersInstantlyOnTouch;
1126
- var activatePointersDelay = (_291 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersDelay) !== null && _291 !== void 0 ? _291 : defaultPointerConfig.activatePointersDelay;
1127
- var initialPointerIndex = (_292 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerIndex) !== null && _292 !== void 0 ? _292 : defaultPointerConfig.initialPointerIndex;
1128
- var initialPointerAppearDelay = (_293 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerAppearDelay) !== null && _293 !== void 0 ? _293 : (isAnimated
1118
+ var pointerStripHeight = (_278 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripHeight) !== null && _278 !== void 0 ? _278 : defaultPointerConfig.pointerStripHeight;
1119
+ var pointerStripWidth = (_279 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripWidth) !== null && _279 !== void 0 ? _279 : defaultPointerConfig.pointerStripWidth;
1120
+ var pointerStripColor = (_280 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripColor) !== null && _280 !== void 0 ? _280 : defaultPointerConfig.pointerStripColor;
1121
+ var pointerStripUptoDataPoint = (_281 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripUptoDataPoint) !== null && _281 !== void 0 ? _281 : defaultPointerConfig.pointerStripUptoDataPoint;
1122
+ var pointerLabelComponent = (_282 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelComponent) !== null && _282 !== void 0 ? _282 : defaultPointerConfig.pointerLabelComponent;
1123
+ var stripOverPointer = (_283 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripOverPointer) !== null && _283 !== void 0 ? _283 : defaultPointerConfig.stripOverPointer;
1124
+ var shiftPointerLabelX = (_284 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelX) !== null && _284 !== void 0 ? _284 : defaultPointerConfig.shiftPointerLabelX;
1125
+ var shiftPointerLabelY = (_285 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelY) !== null && _285 !== void 0 ? _285 : defaultPointerConfig.shiftPointerLabelY;
1126
+ var pointerLabelWidth = (_286 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelWidth) !== null && _286 !== void 0 ? _286 : defaultPointerConfig.pointerLabelWidth;
1127
+ var pointerLabelHeight = (_287 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelHeight) !== null && _287 !== void 0 ? _287 : defaultPointerConfig.pointerLabelHeight;
1128
+ var autoAdjustPointerLabelPosition = (_288 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.autoAdjustPointerLabelPosition) !== null && _288 !== void 0 ? _288 : defaultPointerConfig.autoAdjustPointerLabelPosition;
1129
+ var pointerVanishDelay = (_289 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerVanishDelay) !== null && _289 !== void 0 ? _289 : defaultPointerConfig.pointerVanishDelay;
1130
+ var activatePointersOnLongPress = (_290 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersOnLongPress) !== null && _290 !== void 0 ? _290 : defaultPointerConfig.activatePointersOnLongPress;
1131
+ var activatePointersInstantlyOnTouch = (_291 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersInstantlyOnTouch) !== null && _291 !== void 0 ? _291 : defaultPointerConfig.activatePointersInstantlyOnTouch;
1132
+ var activatePointersDelay = (_292 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersDelay) !== null && _292 !== void 0 ? _292 : defaultPointerConfig.activatePointersDelay;
1133
+ var initialPointerIndex = (_293 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerIndex) !== null && _293 !== void 0 ? _293 : defaultPointerConfig.initialPointerIndex;
1134
+ var initialPointerAppearDelay = (_294 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerAppearDelay) !== null && _294 !== void 0 ? _294 : (isAnimated
1129
1135
  ? animationDuration
1130
1136
  : defaultPointerConfig.initialPointerAppearDelay);
1131
- var persistPointer = (_294 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.persistPointer) !== null && _294 !== void 0 ? _294 : defaultPointerConfig.persistPointer;
1132
- var resetPointerIndexOnRelease = (_295 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerIndexOnRelease) !== null && _295 !== void 0 ? _295 : defaultPointerConfig.resetPointerIndexOnRelease;
1133
- var hidePointers = (_296 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointers) !== null && _296 !== void 0 ? _296 : defaultPointerConfig.hidePointers;
1134
- var hidePointer1 = (_297 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer1) !== null && _297 !== void 0 ? _297 : defaultPointerConfig.hidePointer1;
1135
- var hidePointer2 = (_298 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer2) !== null && _298 !== void 0 ? _298 : defaultPointerConfig.hidePointer2;
1136
- var hidePointer3 = (_299 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer3) !== null && _299 !== void 0 ? _299 : defaultPointerConfig.hidePointer3;
1137
- var hidePointer4 = (_300 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer4) !== null && _300 !== void 0 ? _300 : defaultPointerConfig.hidePointer4;
1138
- var hidePointer5 = (_301 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer5) !== null && _301 !== void 0 ? _301 : defaultPointerConfig.hidePointer5;
1139
- var hideSecondaryPointer = (_302 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hideSecondaryPointer) !== null && _302 !== void 0 ? _302 : defaultPointerConfig.hideSecondaryPointer;
1140
- var resetPointerOnDataChange = (_303 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerOnDataChange) !== null && _303 !== void 0 ? _303 : defaultPointerConfig.resetPointerOnDataChange;
1141
- var hidePointerDataPointForMissingValues = (_304 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointerDataPointForMissingValues) !== null && _304 !== void 0 ? _304 : ((pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointerForMissingValues) ? true : false);
1137
+ var persistPointer = (_295 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.persistPointer) !== null && _295 !== void 0 ? _295 : defaultPointerConfig.persistPointer;
1138
+ var resetPointerIndexOnRelease = (_296 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerIndexOnRelease) !== null && _296 !== void 0 ? _296 : defaultPointerConfig.resetPointerIndexOnRelease;
1139
+ var hidePointers = (_297 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointers) !== null && _297 !== void 0 ? _297 : defaultPointerConfig.hidePointers;
1140
+ var hidePointer1 = (_298 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer1) !== null && _298 !== void 0 ? _298 : defaultPointerConfig.hidePointer1;
1141
+ var hidePointer2 = (_299 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer2) !== null && _299 !== void 0 ? _299 : defaultPointerConfig.hidePointer2;
1142
+ var hidePointer3 = (_300 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer3) !== null && _300 !== void 0 ? _300 : defaultPointerConfig.hidePointer3;
1143
+ var hidePointer4 = (_301 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer4) !== null && _301 !== void 0 ? _301 : defaultPointerConfig.hidePointer4;
1144
+ var hidePointer5 = (_302 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer5) !== null && _302 !== void 0 ? _302 : defaultPointerConfig.hidePointer5;
1145
+ var hideSecondaryPointer = (_303 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hideSecondaryPointer) !== null && _303 !== void 0 ? _303 : defaultPointerConfig.hideSecondaryPointer;
1146
+ var resetPointerOnDataChange = (_304 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerOnDataChange) !== null && _304 !== void 0 ? _304 : defaultPointerConfig.resetPointerOnDataChange;
1147
+ var hidePointerDataPointForMissingValues = (_305 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointerDataPointForMissingValues) !== null && _305 !== void 0 ? _305 : ((pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointerForMissingValues) ? true : false);
1142
1148
  var pointerEvents = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerEvents;
1143
- var disableScroll = (_305 = props.disableScroll) !== null && _305 !== void 0 ? _305 : (pointerConfig
1149
+ var disableScroll = (_306 = props.disableScroll) !== null && _306 !== void 0 ? _306 : (pointerConfig
1144
1150
  ? activatePointersOnLongPress
1145
1151
  ? !!responderActive
1146
1152
  : true
1147
1153
  : false);
1148
- var showScrollIndicator = (_306 = props.showScrollIndicator) !== null && _306 !== void 0 ? _306 : LineDefaults.showScrollIndicator;
1149
- var focusEnabled = (_307 = props.focusEnabled) !== null && _307 !== void 0 ? _307 : LineDefaults.focusEnabled;
1150
- var showDataPointOnFocus = (_308 = props.showDataPointOnFocus) !== null && _308 !== void 0 ? _308 : LineDefaults.showDataPointOnFocus;
1151
- var showStripOnFocus = (_309 = props.showStripOnFocus) !== null && _309 !== void 0 ? _309 : LineDefaults.showStripOnFocus;
1152
- var showTextOnFocus = (_310 = props.showTextOnFocus) !== null && _310 !== void 0 ? _310 : LineDefaults.showTextOnFocus;
1153
- var showDataPointLabelOnFocus = (_311 = props.showDataPointLabelOnFocus) !== null && _311 !== void 0 ? _311 : LineDefaults.showDataPointLabelOnFocus;
1154
+ var showScrollIndicator = (_307 = props.showScrollIndicator) !== null && _307 !== void 0 ? _307 : LineDefaults.showScrollIndicator;
1155
+ var focusEnabled = (_308 = props.focusEnabled) !== null && _308 !== void 0 ? _308 : LineDefaults.focusEnabled;
1156
+ var showDataPointOnFocus = (_309 = props.showDataPointOnFocus) !== null && _309 !== void 0 ? _309 : LineDefaults.showDataPointOnFocus;
1157
+ var showStripOnFocus = (_310 = props.showStripOnFocus) !== null && _310 !== void 0 ? _310 : LineDefaults.showStripOnFocus;
1158
+ var showTextOnFocus = (_311 = props.showTextOnFocus) !== null && _311 !== void 0 ? _311 : LineDefaults.showTextOnFocus;
1159
+ var showDataPointLabelOnFocus = (_312 = props.showDataPointLabelOnFocus) !== null && _312 !== void 0 ? _312 : LineDefaults.showDataPointLabelOnFocus;
1154
1160
  var stripHeight = props.stripHeight;
1155
- var stripWidth = (_312 = props.stripWidth) !== null && _312 !== void 0 ? _312 : LineDefaults.stripWidth;
1156
- var stripColor = (_313 = props.stripColor) !== null && _313 !== void 0 ? _313 : color1;
1157
- var stripOpacity = (_314 = props.stripOpacity) !== null && _314 !== void 0 ? _314 : (startOpacity1 + endOpacity1) / 2;
1161
+ var stripWidth = (_313 = props.stripWidth) !== null && _313 !== void 0 ? _313 : LineDefaults.stripWidth;
1162
+ var stripColor = (_314 = props.stripColor) !== null && _314 !== void 0 ? _314 : color1;
1163
+ var stripOpacity = (_315 = props.stripOpacity) !== null && _315 !== void 0 ? _315 : (startOpacity1 + endOpacity1) / 2;
1158
1164
  var stripStrokeDashArray = props.stripStrokeDashArray;
1159
- var unFocusOnPressOut = (_315 = props.unFocusOnPressOut) !== null && _315 !== void 0 ? _315 : LineDefaults.unFocusOnPressOut;
1160
- var delayBeforeUnFocus = (_316 = props.delayBeforeUnFocus) !== null && _316 !== void 0 ? _316 : LineDefaults.delayBeforeUnFocus;
1161
- var focusTogether = (_317 = props.focusTogether) !== null && _317 !== void 0 ? _317 : true;
1162
- var focusProximity = (_318 = props.focusProximity) !== null && _318 !== void 0 ? _318 : Infinity;
1163
- var lineGradient = (_319 = props.lineGradient) !== null && _319 !== void 0 ? _319 : LineDefaults.lineGradient;
1164
- var lineGradientDirection = (_320 = props.lineGradientDirection) !== null && _320 !== void 0 ? _320 : 'vertical';
1165
- var lineGradientStartColor = (_321 = props.lineGradientStartColor) !== null && _321 !== void 0 ? _321 : LineDefaults.lineGradientStartColor;
1166
- var lineGradientEndColor = (_322 = props.lineGradientEndColor) !== null && _322 !== void 0 ? _322 : LineDefaults.lineGradientEndColor;
1167
- var _391 = __read(useState(-1), 2), selectedLineNumber = _391[0], setSelectedLineNumber = _391[1];
1165
+ var unFocusOnPressOut = (_316 = props.unFocusOnPressOut) !== null && _316 !== void 0 ? _316 : LineDefaults.unFocusOnPressOut;
1166
+ var delayBeforeUnFocus = (_317 = props.delayBeforeUnFocus) !== null && _317 !== void 0 ? _317 : LineDefaults.delayBeforeUnFocus;
1167
+ var focusTogether = (_318 = props.focusTogether) !== null && _318 !== void 0 ? _318 : true;
1168
+ var focusProximity = (_319 = props.focusProximity) !== null && _319 !== void 0 ? _319 : Infinity;
1169
+ var lineGradient = (_320 = props.lineGradient) !== null && _320 !== void 0 ? _320 : LineDefaults.lineGradient;
1170
+ var lineGradientDirection = (_321 = props.lineGradientDirection) !== null && _321 !== void 0 ? _321 : 'vertical';
1171
+ var lineGradientStartColor = (_322 = props.lineGradientStartColor) !== null && _322 !== void 0 ? _322 : LineDefaults.lineGradientStartColor;
1172
+ var lineGradientEndColor = (_323 = props.lineGradientEndColor) !== null && _323 !== void 0 ? _323 : LineDefaults.lineGradientEndColor;
1173
+ var _392 = __read(useState(-1), 2), selectedLineNumber = _392[0], setSelectedLineNumber = _392[1];
1168
1174
  var getPointerY = function (value) {
1169
1175
  return value || value === 0
1170
1176
  ? containerHeight -
@@ -1313,8 +1319,8 @@ export var useLineChart = function (props) {
1313
1319
  setTimeout(function () { return setSelectedIndex(-1); }, delayBeforeUnFocus);
1314
1320
  }
1315
1321
  };
1316
- var dataPointsRadius = (_324 = (_323 = props.dataPointsRadius1) !== null && _323 !== void 0 ? _323 : props.dataPointsRadius) !== null && _324 !== void 0 ? _324 : LineDefaults.dataPointsRadius;
1317
- var dataPointsWidth = (_326 = (_325 = props.dataPointsWidth1) !== null && _325 !== void 0 ? _325 : props.dataPointsWidth) !== null && _326 !== void 0 ? _326 : LineDefaults.dataPointsWidth;
1322
+ var dataPointsRadius = (_325 = (_324 = props.dataPointsRadius1) !== null && _324 !== void 0 ? _324 : props.dataPointsRadius) !== null && _325 !== void 0 ? _325 : LineDefaults.dataPointsRadius;
1323
+ var dataPointsWidth = (_327 = (_326 = props.dataPointsWidth1) !== null && _326 !== void 0 ? _326 : props.dataPointsWidth) !== null && _327 !== void 0 ? _327 : LineDefaults.dataPointsWidth;
1318
1324
  var extraWidthDueToDataPoint = props.hideDataPoints
1319
1325
  ? 0
1320
1326
  : dataPointsRadius !== null && dataPointsRadius !== void 0 ? dataPointsRadius : dataPointsWidth;
@@ -1382,7 +1388,7 @@ export var useLineChart = function (props) {
1382
1388
  pointerY: pointerY,
1383
1389
  onEndReached: props.onEndReached,
1384
1390
  onStartReached: props.onStartReached,
1385
- endReachedOffset: (_327 = props.endReachedOffset) !== null && _327 !== void 0 ? _327 : LineDefaults.endReachedOffset,
1391
+ endReachedOffset: (_328 = props.endReachedOffset) !== null && _328 !== void 0 ? _328 : LineDefaults.endReachedOffset,
1386
1392
  onMomentumScrollEnd: props.onMomentumScrollEnd,
1387
1393
  extraWidthDueToDataPoint: extraWidthDueToDataPoint,
1388
1394
  customBackground: props.customBackground,
@@ -1395,19 +1401,19 @@ export var useLineChart = function (props) {
1395
1401
  var pointerItemLocal = [];
1396
1402
  if (pointerConfig) {
1397
1403
  pointerItemLocal = [
1398
- __assign(__assign({}, pointerItem), { value: (_329 = (_328 = props.data) === null || _328 === void 0 ? void 0 : _328[pointerIndex]) === null || _329 === void 0 ? void 0 : _329.value })
1404
+ __assign(__assign({}, pointerItem), { value: (_330 = (_329 = props.data) === null || _329 === void 0 ? void 0 : _329[pointerIndex]) === null || _330 === void 0 ? void 0 : _330.value })
1399
1405
  ];
1400
1406
  if (pointerY2 !== 0) {
1401
- pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_331 = (_330 = props.data2) === null || _330 === void 0 ? void 0 : _330[pointerIndex]) === null || _331 === void 0 ? void 0 : _331.value }));
1407
+ pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_332 = (_331 = props.data2) === null || _331 === void 0 ? void 0 : _331[pointerIndex]) === null || _332 === void 0 ? void 0 : _332.value }));
1402
1408
  }
1403
1409
  if (pointerY3 !== 0) {
1404
- pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_333 = (_332 = props.data3) === null || _332 === void 0 ? void 0 : _332[pointerIndex]) === null || _333 === void 0 ? void 0 : _333.value }));
1410
+ pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_334 = (_333 = props.data3) === null || _333 === void 0 ? void 0 : _333[pointerIndex]) === null || _334 === void 0 ? void 0 : _334.value }));
1405
1411
  }
1406
1412
  if (pointerY4 !== 0) {
1407
- pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_335 = (_334 = props.data4) === null || _334 === void 0 ? void 0 : _334[pointerIndex]) === null || _335 === void 0 ? void 0 : _335.value }));
1413
+ pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_336 = (_335 = props.data4) === null || _335 === void 0 ? void 0 : _335[pointerIndex]) === null || _336 === void 0 ? void 0 : _336.value }));
1408
1414
  }
1409
1415
  if (pointerY5 !== 0) {
1410
- pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_337 = (_336 = props.data5) === null || _336 === void 0 ? void 0 : _336[pointerIndex]) === null || _337 === void 0 ? void 0 : _337.value }));
1416
+ pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_338 = (_337 = props.data5) === null || _337 === void 0 ? void 0 : _337[pointerIndex]) === null || _338 === void 0 ? void 0 : _338.value }));
1411
1417
  }
1412
1418
  }
1413
1419
  return {
package/dist/LineChart/types.d.ts CHANGED
@@ -507,6 +507,9 @@ export interface LineChartBicolorPropsType {
507
507
  verticalLinesSpacing?: number;
508
508
  hideAxesAndRules?: boolean;
509
509
  areaChart?: boolean;
510
+ spreadAreaData?: SpreadData[];
511
+ spreadAreaColor?: ColorValue;
512
+ spreadAreaOpacity?: number;
510
513
  disableScroll?: boolean;
511
514
  showScrollIndicator?: boolean;
512
515
  indicatorColor?: 'black' | 'default' | 'white';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gifted-charts-core",
3
- "version": "0.1.65",
3
+ "version": "0.1.66",
4
4
  "description": "Mathematical and logical utilities used by react-gifted-charts and react-native-gifted-charts",
5
5
  "main": "./dist/index.js",
6
6
  "files": [