gifted-charts-core 0.0.32 → 0.0.33

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 (7) hide show
  1. package/package.json +1 -1
  2. package/src/BarChart/index.d.ts +2 -0
  3. package/src/BarChart/index.js +23 -20
  4. package/src/BarChart/index.ts +7 -6
  5. package/src/LineChart/index.d.ts +1 -0
  6. package/src/LineChart/index.js +103 -101
  7. package/src/LineChart/index.ts +3 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gifted-charts-core",
3
- "version": "0.0.32",
3
+ "version": "0.0.33",
4
4
  "description": "Mathematical and logical utilities used by react-gifted-charts and react-native-gifted-charts",
5
5
  "main": "./src/index.js",
6
6
  "files": [
package/src/BarChart/index.d.ts CHANGED
@@ -171,6 +171,8 @@ export declare const useBarChart: (props: extendedBarChartPropsType) => {
171
171
  label: any;
172
172
  labelTextStyle: any;
173
173
  pointerConfig: import("../utils/types").Pointer | undefined;
174
+ yAxisExtraHeightAtTop: number;
174
175
  };
175
176
  barAndLineChartsWrapperProps: BarAndLineChartsWrapperTypes;
177
+ yAxisExtraHeightAtTop: number;
176
178
  };
package/src/BarChart/index.js CHANGED
@@ -29,12 +29,12 @@ import { useEffect, useMemo, useState } from 'react';
29
29
  import { getArrowPoints, getAxesAndRulesProps, getExtendedContainerHeightWithPadding, getLineConfigForBarChart, getMaxValue, getNoOfSections, getSecondaryDataWithOffsetIncluded, getXForLineInBar, getYForLineInBar, maxAndMinUtil, svgPath } from '../utils';
30
30
  import { AxesAndRulesDefaults, BarDefaults, chartTypes, defaultLineConfig, defaultPointerConfig } from '../utils/constants';
31
31
  export var useBarChart = function (props) {
32
- 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;
32
+ 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;
33
33
  var heightValue = props.heightValue, widthValue = props.widthValue, opacValue = props.opacValue;
34
- var _46 = __read(useState(''), 2), points = _46[0], setPoints = _46[1];
35
- var _47 = __read(useState(''), 2), points2 = _47[0], setPoints2 = _47[1];
36
- var _48 = __read(useState(''), 2), arrowPoints = _48[0], setArrowPoints = _48[1];
37
- var _49 = __read(useState(-1), 2), selectedIndex = _49[0], setSelectedIndex = _49[1];
34
+ var _47 = __read(useState(''), 2), points = _47[0], setPoints = _47[1];
35
+ var _48 = __read(useState(''), 2), points2 = _48[0], setPoints2 = _48[1];
36
+ var _49 = __read(useState(''), 2), arrowPoints = _49[0], setArrowPoints = _49[1];
37
+ var _50 = __read(useState(-1), 2), selectedIndex = _50[0], setSelectedIndex = _50[1];
38
38
  var showLine = (_a = props.showLine) !== null && _a !== void 0 ? _a : BarDefaults.showLine;
39
39
  var spacing = (_b = props.spacing) !== null && _b !== void 0 ? _b : BarDefaults.spacing;
40
40
  var initialSpacing = (_c = props.initialSpacing) !== null && _c !== void 0 ? _c : spacing;
@@ -172,12 +172,12 @@ export var useBarChart = function (props) {
172
172
  var barBorderColor = (_12 = props.barBorderColor) !== null && _12 !== void 0 ? _12 : BarDefaults.barBorderColor;
173
173
  var extendedContainerHeight = getExtendedContainerHeightWithPadding(containerHeight, 0);
174
174
  var containerHeightIncludingBelowXAxis = extendedContainerHeight + noOfSectionsBelowXAxis * stepHeight;
175
- var _50 = __read(useState(-1), 2), pointerIndex = _50[0], setPointerIndex = _50[1];
176
- var _51 = __read(useState(0), 2), pointerX = _51[0], setPointerX = _51[1];
177
- var _52 = __read(useState(0), 2), pointerY = _52[0], setPointerY = _52[1];
178
- var _53 = __read(useState(), 2), pointerItem = _53[0], setPointerItem = _53[1];
179
- var _54 = __read(useState(0), 2), responderStartTime = _54[0], setResponderStartTime = _54[1];
180
- var _55 = __read(useState(false), 2), responderActive = _55[0], setResponderActive = _55[1];
175
+ var _51 = __read(useState(-1), 2), pointerIndex = _51[0], setPointerIndex = _51[1];
176
+ var _52 = __read(useState(0), 2), pointerX = _52[0], setPointerX = _52[1];
177
+ var _53 = __read(useState(0), 2), pointerY = _53[0], setPointerY = _53[1];
178
+ var _54 = __read(useState(), 2), pointerItem = _54[0], setPointerItem = _54[1];
179
+ var _55 = __read(useState(0), 2), responderStartTime = _55[0], setResponderStartTime = _55[1];
180
+ var _56 = __read(useState(false), 2), responderActive = _56[0], setResponderActive = _56[1];
181
181
  var pointerConfig = props.pointerConfig;
182
182
  var getPointerProps = (_13 = props.getPointerProps) !== null && _13 !== void 0 ? _13 : null;
183
183
  var pointerHeight = (_14 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.height) !== null && _14 !== void 0 ? _14 : defaultPointerConfig.height;
@@ -215,6 +215,7 @@ export var useBarChart = function (props) {
215
215
  ? !!responderActive
216
216
  : true
217
217
  : false);
218
+ var yAxisExtraHeightAtTop = (_39 = props.yAxisExtraHeight) !== null && _39 !== void 0 ? _39 : containerHeight / 20;
218
219
  var barInnerComponent = props.barInnerComponent;
219
220
  useEffect(function () {
220
221
  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;
@@ -330,9 +331,9 @@ export var useBarChart = function (props) {
330
331
  spacing,
331
332
  yAxisLabelWidth,
332
333
  lineConfig.showArrow,
333
- (_39 = lineConfig.arrowConfig) === null || _39 === void 0 ? void 0 : _39.length,
334
- (_40 = lineConfig.arrowConfig) === null || _40 === void 0 ? void 0 : _40.width,
335
- (_41 = lineConfig.arrowConfig) === null || _41 === void 0 ? void 0 : _41.showArrowBase
334
+ (_40 = lineConfig.arrowConfig) === null || _40 === void 0 ? void 0 : _40.length,
335
+ (_41 = lineConfig.arrowConfig) === null || _41 === void 0 ? void 0 : _41.width,
336
+ (_42 = lineConfig.arrowConfig) === null || _42 === void 0 ? void 0 : _42.showArrowBase
336
337
  ]);
337
338
  useEffect(function () {
338
339
  var _a, _b, _c, _d;
@@ -433,7 +434,8 @@ export var useBarChart = function (props) {
433
434
  leftShiftForLastIndexTooltip: (_e = props.leftShiftForLastIndexTooltip) !== null && _e !== void 0 ? _e : 0,
434
435
  label: (_f = item.label) !== null && _f !== void 0 ? _f : (((_g = props.xAxisLabelTexts) === null || _g === void 0 ? void 0 : _g[index]) ? props.xAxisLabelTexts[index] : ''),
435
436
  labelTextStyle: (_h = item.labelTextStyle) !== null && _h !== void 0 ? _h : props.xAxisLabelTextStyle,
436
- pointerConfig: pointerConfig
437
+ pointerConfig: pointerConfig,
438
+ yAxisExtraHeightAtTop: yAxisExtraHeightAtTop
437
439
  };
438
440
  };
439
441
  var barAndLineChartsWrapperProps = {
@@ -445,14 +447,14 @@ export var useBarChart = function (props) {
445
447
  yAxisLabelWidth: yAxisLabelWidth,
446
448
  horizontal: horizontal,
447
449
  rtl: rtl,
448
- shiftX: (_42 = props.shiftX) !== null && _42 !== void 0 ? _42 : 0,
449
- shiftY: (_43 = props.shiftY) !== null && _43 !== void 0 ? _43 : 0,
450
+ shiftX: (_43 = props.shiftX) !== null && _43 !== void 0 ? _43 : 0,
451
+ shiftY: (_44 = props.shiftY) !== null && _44 !== void 0 ? _44 : 0,
450
452
  yAxisAtTop: yAxisAtTop,
451
453
  initialSpacing: initialSpacing,
452
454
  data: data,
453
455
  stackData: props.stackData,
454
456
  secondaryData: secondaryData,
455
- barWidth: (_44 = props.barWidth) !== null && _44 !== void 0 ? _44 : BarDefaults.barWidth,
457
+ barWidth: (_45 = props.barWidth) !== null && _45 !== void 0 ? _45 : BarDefaults.barWidth,
456
458
  xAxisThickness: xAxisThickness,
457
459
  totalWidth: totalWidth,
458
460
  disableScroll: disableScroll,
@@ -499,7 +501,7 @@ export var useBarChart = function (props) {
499
501
  pointerY: pointerY,
500
502
  onEndReached: props.onEndReached,
501
503
  onStartReached: props.onStartReached,
502
- endReachedOffset: (_45 = props.endReachedOffset) !== null && _45 !== void 0 ? _45 : BarDefaults.endReachedOffset
504
+ endReachedOffset: (_46 = props.endReachedOffset) !== null && _46 !== void 0 ? _46 : BarDefaults.endReachedOffset
503
505
  };
504
506
  return {
505
507
  lineConfig: lineConfig,
@@ -607,6 +609,7 @@ export var useBarChart = function (props) {
607
609
  getPointerProps: getPointerProps,
608
610
  pointerIndex: pointerIndex,
609
611
  getPropsCommonForBarAndStack: getPropsCommonForBarAndStack,
610
- barAndLineChartsWrapperProps: barAndLineChartsWrapperProps
612
+ barAndLineChartsWrapperProps: barAndLineChartsWrapperProps,
613
+ yAxisExtraHeightAtTop: yAxisExtraHeightAtTop
611
614
  };
612
615
  };
package/src/BarChart/index.ts CHANGED
@@ -333,6 +333,8 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
333
333
  : true
334
334
  : false)
335
335
 
336
+ const yAxisExtraHeightAtTop = props.yAxisExtraHeight ?? containerHeight / 20
337
+
336
338
  const barInnerComponent = props.barInnerComponent
337
339
 
338
340
  useEffect(() => {
@@ -592,10 +594,7 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
592
594
  outputRange: [0, initialSpacing + totalWidth + endSpacing]
593
595
  })
594
596
 
595
- const getPropsCommonForBarAndStack = (
596
- item: any,
597
- index: number
598
- ) => {
597
+ const getPropsCommonForBarAndStack = (item: any, index: number) => {
599
598
  return {
600
599
  key: index,
601
600
  item,
@@ -653,7 +652,8 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
653
652
  item.label ??
654
653
  (props.xAxisLabelTexts?.[index] ? props.xAxisLabelTexts[index] : ''),
655
654
  labelTextStyle: item.labelTextStyle ?? props.xAxisLabelTextStyle,
656
- pointerConfig
655
+ pointerConfig,
656
+ yAxisExtraHeightAtTop
657
657
  }
658
658
  }
659
659
 
@@ -839,6 +839,7 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
839
839
  getPointerProps,
840
840
  pointerIndex,
841
841
  getPropsCommonForBarAndStack,
842
- barAndLineChartsWrapperProps
842
+ barAndLineChartsWrapperProps,
843
+ yAxisExtraHeightAtTop
843
844
  }
844
845
  }
package/src/LineChart/index.d.ts CHANGED
@@ -377,4 +377,5 @@ export declare const useLineChart: (props: extendedLineChartPropsType) => {
377
377
  initialisePointers: () => void;
378
378
  setPointerConfig: (initialPointerIndex: number, item: lineDataItem, x: number, y: number, y2: number, y3: number, y4: number, y5: number) => void;
379
379
  barAndLineChartsWrapperProps: BarAndLineChartsWrapperTypes;
380
+ yAxisExtraHeightAtTop: number;
380
381
  };
package/src/LineChart/index.js CHANGED
@@ -30,49 +30,49 @@ import { AxesAndRulesDefaults, LineDefaults, SEGMENT_END, SEGMENT_START, chartTy
30
30
  import { adjustToOffset, computeMaxAndMinItems, getAllArrowProperties, getArrowPoints, getAxesAndRulesProps, getCurvePathWithSegments, getExtendedContainerHeightWithPadding, getInterpolatedData, getLineSegmentsForMissingValues, getMaxValue, getNoOfSections, getPathWithHighlight, getSanitisedData, getSecondaryDataWithOffsetIncluded, getSegmentString, svgPath } from '../utils';
31
31
  import { EdgePosition } from '../utils/types';
32
32
  export var useLineChart = function (props) {
33
- 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;
34
- var animations = props.animations, showDataPointsForMissingValues = props.showDataPointsForMissingValues, _291 = props.interpolateMissingValues, interpolateMissingValues = _291 === void 0 ? true : _291, onlyPositive = props.onlyPositive, yAxisOffset = props.yAxisOffset, screenWidth = props.screenWidth;
33
+ 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;
34
+ var animations = props.animations, showDataPointsForMissingValues = props.showDataPointsForMissingValues, _292 = props.interpolateMissingValues, interpolateMissingValues = _292 === void 0 ? true : _292, onlyPositive = props.onlyPositive, yAxisOffset = props.yAxisOffset, screenWidth = props.screenWidth;
35
35
  var curvature = (_a = props.curvature) !== null && _a !== void 0 ? _a : LineDefaults.curvature;
36
36
  var curveType = (_b = props.curveType) !== null && _b !== void 0 ? _b : LineDefaults.curveType;
37
- var _292 = __read(useState(0), 2), scrollX = _292[0], setScrollX = _292[1];
38
- var _293 = __read(useState(''), 2), arrow1Points = _293[0], setArrow1Points = _293[1];
39
- var _294 = __read(useState(''), 2), arrow2Points = _294[0], setArrow2Points = _294[1];
40
- var _295 = __read(useState(''), 2), arrow3Points = _295[0], setArrow3Points = _295[1];
41
- var _296 = __read(useState(''), 2), arrow4Points = _296[0], setArrow4Points = _296[1];
42
- var _297 = __read(useState(''), 2), arrow5Points = _297[0], setArrow5Points = _297[1];
43
- var _298 = __read(useState(''), 2), secondaryArrowPoints = _298[0], setSecondaryArrowPoints = _298[1];
44
- var _299 = __read(useState(-1), 2), pointerIndex = _299[0], setPointerIndex = _299[1];
45
- var _300 = __read(useState(0), 2), pointerX = _300[0], setPointerX = _300[1];
46
- var _301 = __read(useState(0), 2), pointerY = _301[0], setPointerY = _301[1];
47
- var _302 = __read(useState(), 2), pointerItem = _302[0], setPointerItem = _302[1];
48
- var _303 = __read(useState(0), 2), pointerY2 = _303[0], setPointerY2 = _303[1];
49
- var _304 = __read(useState(), 2), pointerItem2 = _304[0], setPointerItem2 = _304[1];
50
- var _305 = __read(useState(0), 2), pointerY3 = _305[0], setPointerY3 = _305[1];
51
- var _306 = __read(useState(), 2), pointerItem3 = _306[0], setPointerItem3 = _306[1];
52
- var _307 = __read(useState(0), 2), pointerY4 = _307[0], setPointerY4 = _307[1];
53
- var _308 = __read(useState(), 2), pointerItem4 = _308[0], setPointerItem4 = _308[1];
54
- var _309 = __read(useState(0), 2), pointerY5 = _309[0], setPointerY5 = _309[1];
55
- var _310 = __read(useState(), 2), pointerItem5 = _310[0], setPointerItem5 = _310[1];
56
- var _311 = __read(useState(0), 2), secondaryPointerY = _311[0], setSecondaryPointerY = _311[1];
57
- var _312 = __read(useState(), 2), secondaryPointerItem = _312[0], setSecondaryPointerItem = _312[1];
58
- var _313 = __read(useState(0), 2), responderStartTime = _313[0], setResponderStartTime = _313[1];
59
- var _314 = __read(useState(false), 2), responderActive = _314[0], setResponderActive = _314[1];
60
- var _315 = __read(useState(''), 2), points = _315[0], setPoints = _315[1];
61
- var _316 = __read(useState(''), 2), points2 = _316[0], setPoints2 = _316[1];
62
- var _317 = __read(useState(''), 2), points3 = _317[0], setPoints3 = _317[1];
63
- var _318 = __read(useState(''), 2), points4 = _318[0], setPoints4 = _318[1];
64
- var _319 = __read(useState(''), 2), points5 = _319[0], setPoints5 = _319[1];
65
- var _320 = __read(useState(''), 2), secondaryPoints = _320[0], setSecondaryPoints = _320[1];
66
- var _321 = __read(useState(''), 2), fillPoints = _321[0], setFillPoints = _321[1];
67
- var _322 = __read(useState(''), 2), fillPoints2 = _322[0], setFillPoints2 = _322[1];
68
- var _323 = __read(useState(''), 2), fillPoints3 = _323[0], setFillPoints3 = _323[1];
69
- var _324 = __read(useState(''), 2), fillPoints4 = _324[0], setFillPoints4 = _324[1];
70
- var _325 = __read(useState(''), 2), fillPoints5 = _325[0], setFillPoints5 = _325[1];
71
- var _326 = __read(useState(''), 2), secondaryFillPoints = _326[0], setSecondaryFillPoints = _326[1];
72
- var _327 = __read(useState([]), 2), pointsFromSet = _327[0], setPointsFromSet = _327[1];
73
- var _328 = __read(useState([]), 2), fillPointsFromSet = _328[0], setFillPointsFromSet = _328[1];
74
- var _329 = __read(useState([]), 2), arrowPointsFromSet = _329[0], setArrowPointsFromSet = _329[1];
75
- var _330 = __read(useState(-1), 2), selectedIndex = _330[0], setSelectedIndex = _330[1];
37
+ var _293 = __read(useState(0), 2), scrollX = _293[0], setScrollX = _293[1];
38
+ var _294 = __read(useState(''), 2), arrow1Points = _294[0], setArrow1Points = _294[1];
39
+ var _295 = __read(useState(''), 2), arrow2Points = _295[0], setArrow2Points = _295[1];
40
+ var _296 = __read(useState(''), 2), arrow3Points = _296[0], setArrow3Points = _296[1];
41
+ var _297 = __read(useState(''), 2), arrow4Points = _297[0], setArrow4Points = _297[1];
42
+ var _298 = __read(useState(''), 2), arrow5Points = _298[0], setArrow5Points = _298[1];
43
+ var _299 = __read(useState(''), 2), secondaryArrowPoints = _299[0], setSecondaryArrowPoints = _299[1];
44
+ var _300 = __read(useState(-1), 2), pointerIndex = _300[0], setPointerIndex = _300[1];
45
+ var _301 = __read(useState(0), 2), pointerX = _301[0], setPointerX = _301[1];
46
+ var _302 = __read(useState(0), 2), pointerY = _302[0], setPointerY = _302[1];
47
+ var _303 = __read(useState(), 2), pointerItem = _303[0], setPointerItem = _303[1];
48
+ var _304 = __read(useState(0), 2), pointerY2 = _304[0], setPointerY2 = _304[1];
49
+ var _305 = __read(useState(), 2), pointerItem2 = _305[0], setPointerItem2 = _305[1];
50
+ var _306 = __read(useState(0), 2), pointerY3 = _306[0], setPointerY3 = _306[1];
51
+ var _307 = __read(useState(), 2), pointerItem3 = _307[0], setPointerItem3 = _307[1];
52
+ var _308 = __read(useState(0), 2), pointerY4 = _308[0], setPointerY4 = _308[1];
53
+ var _309 = __read(useState(), 2), pointerItem4 = _309[0], setPointerItem4 = _309[1];
54
+ var _310 = __read(useState(0), 2), pointerY5 = _310[0], setPointerY5 = _310[1];
55
+ var _311 = __read(useState(), 2), pointerItem5 = _311[0], setPointerItem5 = _311[1];
56
+ var _312 = __read(useState(0), 2), secondaryPointerY = _312[0], setSecondaryPointerY = _312[1];
57
+ var _313 = __read(useState(), 2), secondaryPointerItem = _313[0], setSecondaryPointerItem = _313[1];
58
+ var _314 = __read(useState(0), 2), responderStartTime = _314[0], setResponderStartTime = _314[1];
59
+ var _315 = __read(useState(false), 2), responderActive = _315[0], setResponderActive = _315[1];
60
+ var _316 = __read(useState(''), 2), points = _316[0], setPoints = _316[1];
61
+ var _317 = __read(useState(''), 2), points2 = _317[0], setPoints2 = _317[1];
62
+ var _318 = __read(useState(''), 2), points3 = _318[0], setPoints3 = _318[1];
63
+ var _319 = __read(useState(''), 2), points4 = _319[0], setPoints4 = _319[1];
64
+ var _320 = __read(useState(''), 2), points5 = _320[0], setPoints5 = _320[1];
65
+ var _321 = __read(useState(''), 2), secondaryPoints = _321[0], setSecondaryPoints = _321[1];
66
+ var _322 = __read(useState(''), 2), fillPoints = _322[0], setFillPoints = _322[1];
67
+ var _323 = __read(useState(''), 2), fillPoints2 = _323[0], setFillPoints2 = _323[1];
68
+ var _324 = __read(useState(''), 2), fillPoints3 = _324[0], setFillPoints3 = _324[1];
69
+ var _325 = __read(useState(''), 2), fillPoints4 = _325[0], setFillPoints4 = _325[1];
70
+ var _326 = __read(useState(''), 2), fillPoints5 = _326[0], setFillPoints5 = _326[1];
71
+ var _327 = __read(useState(''), 2), secondaryFillPoints = _327[0], setSecondaryFillPoints = _327[1];
72
+ var _328 = __read(useState([]), 2), pointsFromSet = _328[0], setPointsFromSet = _328[1];
73
+ var _329 = __read(useState([]), 2), fillPointsFromSet = _329[0], setFillPointsFromSet = _329[1];
74
+ var _330 = __read(useState([]), 2), arrowPointsFromSet = _330[0], setArrowPointsFromSet = _330[1];
75
+ var _331 = __read(useState(-1), 2), selectedIndex = _331[0], setSelectedIndex = _331[1];
76
76
  var noOfSections = getNoOfSections(props.noOfSections, props.maxValue, props.stepValue);
77
77
  var containerHeight = (_c = props.height) !== null && _c !== void 0 ? _c : (((_d = props.stepHeight) !== null && _d !== void 0 ? _d : 0) * noOfSections ||
78
78
  AxesAndRulesDefaults.containerHeight);
@@ -210,7 +210,7 @@ export var useLineChart = function (props) {
210
210
  var textColor4 = (_94 = (_93 = props.textColor4) !== null && _93 !== void 0 ? _93 : props.textColor) !== null && _94 !== void 0 ? _94 : LineDefaults.textColor;
211
211
  var textColor5 = (_96 = (_95 = props.textColor5) !== null && _95 !== void 0 ? _95 : props.textColor) !== null && _96 !== void 0 ? _96 : LineDefaults.textColor;
212
212
  var totalWidth = initialSpacing + spacing * (data0 !== null && data0 !== void 0 ? data0 : data).length;
213
- var _331 = computeMaxAndMinItems(data0 !== null && data0 !== void 0 ? data0 : data, props.roundToDigits, props.showFractionalValues), maxItem = _331.maxItem, minItem = _331.minItem;
213
+ var _332 = computeMaxAndMinItems(data0 !== null && data0 !== void 0 ? data0 : data, props.roundToDigits, props.showFractionalValues), maxItem = _332.maxItem, minItem = _332.minItem;
214
214
  var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxItem);
215
215
  var mostNegativeValue = (_97 = props.mostNegativeValue) !== null && _97 !== void 0 ? _97 : minItem;
216
216
  var overflowTop = (_98 = props.overflowTop) !== null && _98 !== void 0 ? _98 : 0;
@@ -318,7 +318,7 @@ export var useLineChart = function (props) {
318
318
  var endOpacity5 = (_177 = props.endOpacity5) !== null && _177 !== void 0 ? _177 : endOpacity;
319
319
  defaultArrowConfig.strokeWidth = (_179 = (_178 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _178 === void 0 ? void 0 : _178.thickness) !== null && _179 !== void 0 ? _179 : thickness1;
320
320
  defaultArrowConfig.strokeColor = (_181 = (_180 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _180 === void 0 ? void 0 : _180.color) !== null && _181 !== void 0 ? _181 : color1;
321
- var _332 = getAllArrowProperties(props, defaultArrowConfig), arrowLength1 = _332.arrowLength1, arrowWidth1 = _332.arrowWidth1, arrowStrokeWidth1 = _332.arrowStrokeWidth1, arrowStrokeColor1 = _332.arrowStrokeColor1, arrowFillColor1 = _332.arrowFillColor1, showArrowBase1 = _332.showArrowBase1, arrowLength2 = _332.arrowLength2, arrowWidth2 = _332.arrowWidth2, arrowStrokeWidth2 = _332.arrowStrokeWidth2, arrowStrokeColor2 = _332.arrowStrokeColor2, arrowFillColor2 = _332.arrowFillColor2, showArrowBase2 = _332.showArrowBase2, arrowLength3 = _332.arrowLength3, arrowWidth3 = _332.arrowWidth3, arrowStrokeWidth3 = _332.arrowStrokeWidth3, arrowStrokeColor3 = _332.arrowStrokeColor3, arrowFillColor3 = _332.arrowFillColor3, showArrowBase3 = _332.showArrowBase3, arrowLength4 = _332.arrowLength4, arrowWidth4 = _332.arrowWidth4, arrowStrokeWidth4 = _332.arrowStrokeWidth4, arrowStrokeColor4 = _332.arrowStrokeColor4, arrowFillColor4 = _332.arrowFillColor4, showArrowBase4 = _332.showArrowBase4, arrowLength5 = _332.arrowLength5, arrowWidth5 = _332.arrowWidth5, arrowStrokeWidth5 = _332.arrowStrokeWidth5, arrowStrokeColor5 = _332.arrowStrokeColor5, arrowFillColor5 = _332.arrowFillColor5, showArrowBase5 = _332.showArrowBase5, arrowLengthsFromSet = _332.arrowLengthsFromSet, arrowWidthsFromSet = _332.arrowWidthsFromSet, arrowStrokeWidthsFromSet = _332.arrowStrokeWidthsFromSet, arrowStrokeColorsFromSet = _332.arrowStrokeColorsFromSet, arrowFillColorsFromSet = _332.arrowFillColorsFromSet, showArrowBasesFromSet = _332.showArrowBasesFromSet;
321
+ var _333 = getAllArrowProperties(props, defaultArrowConfig), arrowLength1 = _333.arrowLength1, arrowWidth1 = _333.arrowWidth1, arrowStrokeWidth1 = _333.arrowStrokeWidth1, arrowStrokeColor1 = _333.arrowStrokeColor1, arrowFillColor1 = _333.arrowFillColor1, showArrowBase1 = _333.showArrowBase1, arrowLength2 = _333.arrowLength2, arrowWidth2 = _333.arrowWidth2, arrowStrokeWidth2 = _333.arrowStrokeWidth2, arrowStrokeColor2 = _333.arrowStrokeColor2, arrowFillColor2 = _333.arrowFillColor2, showArrowBase2 = _333.showArrowBase2, arrowLength3 = _333.arrowLength3, arrowWidth3 = _333.arrowWidth3, arrowStrokeWidth3 = _333.arrowStrokeWidth3, arrowStrokeColor3 = _333.arrowStrokeColor3, arrowFillColor3 = _333.arrowFillColor3, showArrowBase3 = _333.showArrowBase3, arrowLength4 = _333.arrowLength4, arrowWidth4 = _333.arrowWidth4, arrowStrokeWidth4 = _333.arrowStrokeWidth4, arrowStrokeColor4 = _333.arrowStrokeColor4, arrowFillColor4 = _333.arrowFillColor4, showArrowBase4 = _333.showArrowBase4, arrowLength5 = _333.arrowLength5, arrowWidth5 = _333.arrowWidth5, arrowStrokeWidth5 = _333.arrowStrokeWidth5, arrowStrokeColor5 = _333.arrowStrokeColor5, arrowFillColor5 = _333.arrowFillColor5, showArrowBase5 = _333.showArrowBase5, arrowLengthsFromSet = _333.arrowLengthsFromSet, arrowWidthsFromSet = _333.arrowWidthsFromSet, arrowStrokeWidthsFromSet = _333.arrowStrokeWidthsFromSet, arrowStrokeColorsFromSet = _333.arrowStrokeColorsFromSet, arrowFillColorsFromSet = _333.arrowFillColorsFromSet, showArrowBasesFromSet = _333.showArrowBasesFromSet;
322
322
  var secondaryLineConfig = {
323
323
  zIndex: (_183 = (_182 = props.secondaryLineConfig) === null || _182 === void 0 ? void 0 : _182.zIndex) !== null && _183 !== void 0 ? _183 : zIndex1,
324
324
  curved: (_185 = (_184 = props.secondaryLineConfig) === null || _184 === void 0 ? void 0 : _184.curved) !== null && _185 !== void 0 ? _185 : props.curved,
@@ -347,6 +347,7 @@ export var useLineChart = function (props) {
347
347
  showArrow: (_231 = (_230 = props.secondaryLineConfig) === null || _230 === void 0 ? void 0 : _230.showArrow) !== null && _231 !== void 0 ? _231 : props.showArrows,
348
348
  arrowConfig: (_233 = (_232 = props.secondaryLineConfig) === null || _232 === void 0 ? void 0 : _232.arrowConfig) !== null && _233 !== void 0 ? _233 : props.arrowConfig
349
349
  };
350
+ var yAxisExtraHeightAtTop = (_234 = props.yAxisExtraHeight) !== null && _234 !== void 0 ? _234 : containerHeight / 20;
350
351
  var addLeadingAndTrailingPathForAreaFill = function (initialPath, value, dataLength) {
351
352
  return ('M ' +
352
353
  initialSpacing +
@@ -865,80 +866,80 @@ export var useLineChart = function (props) {
865
866
  }
866
867
  }
867
868
  }, [secondaryData, secondaryLineConfig]);
868
- var gradientDirection = (_234 = props.gradientDirection) !== null && _234 !== void 0 ? _234 : 'vertical';
869
+ var gradientDirection = (_235 = props.gradientDirection) !== null && _235 !== void 0 ? _235 : 'vertical';
869
870
  var horizSections = [{ value: '0' }];
870
- var stepHeight = (_235 = props.stepHeight) !== null && _235 !== void 0 ? _235 : containerHeight / noOfSections;
871
- var stepValue = (_236 = props.stepValue) !== null && _236 !== void 0 ? _236 : maxValue / noOfSections;
872
- var noOfSectionsBelowXAxis = (_237 = props.noOfSectionsBelowXAxis) !== null && _237 !== void 0 ? _237 : -mostNegativeValue / (stepValue || 1);
873
- var showXAxisIndices = (_238 = props.showXAxisIndices) !== null && _238 !== void 0 ? _238 : AxesAndRulesDefaults.showXAxisIndices;
874
- var xAxisIndicesHeight = (_239 = props.xAxisIndicesHeight) !== null && _239 !== void 0 ? _239 : AxesAndRulesDefaults.xAxisIndicesHeight;
875
- var xAxisIndicesWidth = (_240 = props.xAxisIndicesWidth) !== null && _240 !== void 0 ? _240 : AxesAndRulesDefaults.xAxisIndicesWidth;
876
- var xAxisIndicesColor = (_241 = props.xAxisIndicesColor) !== null && _241 !== void 0 ? _241 : AxesAndRulesDefaults.xAxisIndicesColor;
877
- var xAxisTextNumberOfLines = (_242 = props.xAxisTextNumberOfLines) !== null && _242 !== void 0 ? _242 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
878
- var xAxisLabelsVerticalShift = (_243 = props.xAxisLabelsVerticalShift) !== null && _243 !== void 0 ? _243 : AxesAndRulesDefaults.xAxisLabelsVerticalShift;
871
+ var stepHeight = (_236 = props.stepHeight) !== null && _236 !== void 0 ? _236 : containerHeight / noOfSections;
872
+ var stepValue = (_237 = props.stepValue) !== null && _237 !== void 0 ? _237 : maxValue / noOfSections;
873
+ var noOfSectionsBelowXAxis = (_238 = props.noOfSectionsBelowXAxis) !== null && _238 !== void 0 ? _238 : -mostNegativeValue / (stepValue || 1);
874
+ var showXAxisIndices = (_239 = props.showXAxisIndices) !== null && _239 !== void 0 ? _239 : AxesAndRulesDefaults.showXAxisIndices;
875
+ var xAxisIndicesHeight = (_240 = props.xAxisIndicesHeight) !== null && _240 !== void 0 ? _240 : AxesAndRulesDefaults.xAxisIndicesHeight;
876
+ var xAxisIndicesWidth = (_241 = props.xAxisIndicesWidth) !== null && _241 !== void 0 ? _241 : AxesAndRulesDefaults.xAxisIndicesWidth;
877
+ var xAxisIndicesColor = (_242 = props.xAxisIndicesColor) !== null && _242 !== void 0 ? _242 : AxesAndRulesDefaults.xAxisIndicesColor;
878
+ var xAxisTextNumberOfLines = (_243 = props.xAxisTextNumberOfLines) !== null && _243 !== void 0 ? _243 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
879
+ var xAxisLabelsVerticalShift = (_244 = props.xAxisLabelsVerticalShift) !== null && _244 !== void 0 ? _244 : AxesAndRulesDefaults.xAxisLabelsVerticalShift;
879
880
  var horizontalRulesStyle = props.horizontalRulesStyle;
880
- var showFractionalValues = (_244 = props.showFractionalValues) !== null && _244 !== void 0 ? _244 : AxesAndRulesDefaults.showFractionalValues;
881
+ var showFractionalValues = (_245 = props.showFractionalValues) !== null && _245 !== void 0 ? _245 : AxesAndRulesDefaults.showFractionalValues;
881
882
  var horizontal = false;
882
883
  var yAxisAtTop = false;
883
884
  defaultPointerConfig.pointerStripHeight = containerHeight;
884
885
  var pointerConfig = props.pointerConfig;
885
- var getPointerProps = (_245 = props.getPointerProps) !== null && _245 !== void 0 ? _245 : null;
886
- var pointerHeight = (_246 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.height) !== null && _246 !== void 0 ? _246 : defaultPointerConfig.height;
887
- var pointerWidth = (_247 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.width) !== null && _247 !== void 0 ? _247 : defaultPointerConfig.width;
888
- var pointerRadius = (_248 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.radius) !== null && _248 !== void 0 ? _248 : defaultPointerConfig.radius;
889
- var pointerColor = (_249 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerColor) !== null && _249 !== void 0 ? _249 : defaultPointerConfig.pointerColor;
890
- var pointerComponent = (_250 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerComponent) !== null && _250 !== void 0 ? _250 : defaultPointerConfig.pointerComponent;
886
+ var getPointerProps = (_246 = props.getPointerProps) !== null && _246 !== void 0 ? _246 : null;
887
+ var pointerHeight = (_247 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.height) !== null && _247 !== void 0 ? _247 : defaultPointerConfig.height;
888
+ var pointerWidth = (_248 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.width) !== null && _248 !== void 0 ? _248 : defaultPointerConfig.width;
889
+ var pointerRadius = (_249 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.radius) !== null && _249 !== void 0 ? _249 : defaultPointerConfig.radius;
890
+ var pointerColor = (_250 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerColor) !== null && _250 !== void 0 ? _250 : defaultPointerConfig.pointerColor;
891
+ var pointerComponent = (_251 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerComponent) !== null && _251 !== void 0 ? _251 : defaultPointerConfig.pointerComponent;
891
892
  var showPointerStrip = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.showPointerStrip) === false
892
893
  ? false
893
894
  : defaultPointerConfig.showPointerStrip;
894
- var pointerStripHeight = (_251 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripHeight) !== null && _251 !== void 0 ? _251 : defaultPointerConfig.pointerStripHeight;
895
- var pointerStripWidth = (_252 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripWidth) !== null && _252 !== void 0 ? _252 : defaultPointerConfig.pointerStripWidth;
896
- var pointerStripColor = (_253 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripColor) !== null && _253 !== void 0 ? _253 : defaultPointerConfig.pointerStripColor;
897
- var pointerStripUptoDataPoint = (_254 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripUptoDataPoint) !== null && _254 !== void 0 ? _254 : defaultPointerConfig.pointerStripUptoDataPoint;
898
- var pointerLabelComponent = (_255 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelComponent) !== null && _255 !== void 0 ? _255 : defaultPointerConfig.pointerLabelComponent;
899
- var stripOverPointer = (_256 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripOverPointer) !== null && _256 !== void 0 ? _256 : defaultPointerConfig.stripOverPointer;
900
- var shiftPointerLabelX = (_257 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelX) !== null && _257 !== void 0 ? _257 : defaultPointerConfig.shiftPointerLabelX;
901
- var shiftPointerLabelY = (_258 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelY) !== null && _258 !== void 0 ? _258 : defaultPointerConfig.shiftPointerLabelY;
902
- var pointerLabelWidth = (_259 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelWidth) !== null && _259 !== void 0 ? _259 : defaultPointerConfig.pointerLabelWidth;
903
- var pointerLabelHeight = (_260 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelHeight) !== null && _260 !== void 0 ? _260 : defaultPointerConfig.pointerLabelHeight;
904
- var autoAdjustPointerLabelPosition = (_261 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.autoAdjustPointerLabelPosition) !== null && _261 !== void 0 ? _261 : defaultPointerConfig.autoAdjustPointerLabelPosition;
905
- var pointerVanishDelay = (_262 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerVanishDelay) !== null && _262 !== void 0 ? _262 : defaultPointerConfig.pointerVanishDelay;
906
- var activatePointersOnLongPress = (_263 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersOnLongPress) !== null && _263 !== void 0 ? _263 : defaultPointerConfig.activatePointersOnLongPress;
907
- var activatePointersDelay = (_264 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersDelay) !== null && _264 !== void 0 ? _264 : defaultPointerConfig.activatePointersDelay;
908
- var initialPointerIndex = (_265 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerIndex) !== null && _265 !== void 0 ? _265 : defaultPointerConfig.initialPointerIndex;
909
- var initialPointerAppearDelay = (_266 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerAppearDelay) !== null && _266 !== void 0 ? _266 : (isAnimated
895
+ var pointerStripHeight = (_252 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripHeight) !== null && _252 !== void 0 ? _252 : defaultPointerConfig.pointerStripHeight;
896
+ var pointerStripWidth = (_253 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripWidth) !== null && _253 !== void 0 ? _253 : defaultPointerConfig.pointerStripWidth;
897
+ var pointerStripColor = (_254 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripColor) !== null && _254 !== void 0 ? _254 : defaultPointerConfig.pointerStripColor;
898
+ var pointerStripUptoDataPoint = (_255 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripUptoDataPoint) !== null && _255 !== void 0 ? _255 : defaultPointerConfig.pointerStripUptoDataPoint;
899
+ var pointerLabelComponent = (_256 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelComponent) !== null && _256 !== void 0 ? _256 : defaultPointerConfig.pointerLabelComponent;
900
+ var stripOverPointer = (_257 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripOverPointer) !== null && _257 !== void 0 ? _257 : defaultPointerConfig.stripOverPointer;
901
+ var shiftPointerLabelX = (_258 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelX) !== null && _258 !== void 0 ? _258 : defaultPointerConfig.shiftPointerLabelX;
902
+ var shiftPointerLabelY = (_259 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelY) !== null && _259 !== void 0 ? _259 : defaultPointerConfig.shiftPointerLabelY;
903
+ var pointerLabelWidth = (_260 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelWidth) !== null && _260 !== void 0 ? _260 : defaultPointerConfig.pointerLabelWidth;
904
+ var pointerLabelHeight = (_261 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelHeight) !== null && _261 !== void 0 ? _261 : defaultPointerConfig.pointerLabelHeight;
905
+ var autoAdjustPointerLabelPosition = (_262 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.autoAdjustPointerLabelPosition) !== null && _262 !== void 0 ? _262 : defaultPointerConfig.autoAdjustPointerLabelPosition;
906
+ var pointerVanishDelay = (_263 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerVanishDelay) !== null && _263 !== void 0 ? _263 : defaultPointerConfig.pointerVanishDelay;
907
+ var activatePointersOnLongPress = (_264 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersOnLongPress) !== null && _264 !== void 0 ? _264 : defaultPointerConfig.activatePointersOnLongPress;
908
+ var activatePointersDelay = (_265 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersDelay) !== null && _265 !== void 0 ? _265 : defaultPointerConfig.activatePointersDelay;
909
+ var initialPointerIndex = (_266 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerIndex) !== null && _266 !== void 0 ? _266 : defaultPointerConfig.initialPointerIndex;
910
+ var initialPointerAppearDelay = (_267 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerAppearDelay) !== null && _267 !== void 0 ? _267 : (isAnimated
910
911
  ? animationDuration
911
912
  : defaultPointerConfig.initialPointerAppearDelay);
912
- var persistPointer = (_267 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.persistPointer) !== null && _267 !== void 0 ? _267 : defaultPointerConfig.persistPointer;
913
- var hidePointer1 = (_268 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer1) !== null && _268 !== void 0 ? _268 : defaultPointerConfig.hidePointer1;
914
- var hidePointer2 = (_269 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer2) !== null && _269 !== void 0 ? _269 : defaultPointerConfig.hidePointer2;
915
- var hidePointer3 = (_270 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer3) !== null && _270 !== void 0 ? _270 : defaultPointerConfig.hidePointer3;
916
- var hidePointer4 = (_271 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer4) !== null && _271 !== void 0 ? _271 : defaultPointerConfig.hidePointer4;
917
- var hidePointer5 = (_272 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer5) !== null && _272 !== void 0 ? _272 : defaultPointerConfig.hidePointer5;
918
- var hideSecondaryPointer = (_273 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hideSecondaryPointer) !== null && _273 !== void 0 ? _273 : defaultPointerConfig.hideSecondaryPointer;
919
- var resetPointerOnDataChange = (_274 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerOnDataChange) !== null && _274 !== void 0 ? _274 : defaultPointerConfig.resetPointerOnDataChange;
913
+ var persistPointer = (_268 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.persistPointer) !== null && _268 !== void 0 ? _268 : defaultPointerConfig.persistPointer;
914
+ var hidePointer1 = (_269 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer1) !== null && _269 !== void 0 ? _269 : defaultPointerConfig.hidePointer1;
915
+ var hidePointer2 = (_270 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer2) !== null && _270 !== void 0 ? _270 : defaultPointerConfig.hidePointer2;
916
+ var hidePointer3 = (_271 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer3) !== null && _271 !== void 0 ? _271 : defaultPointerConfig.hidePointer3;
917
+ var hidePointer4 = (_272 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer4) !== null && _272 !== void 0 ? _272 : defaultPointerConfig.hidePointer4;
918
+ var hidePointer5 = (_273 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer5) !== null && _273 !== void 0 ? _273 : defaultPointerConfig.hidePointer5;
919
+ var hideSecondaryPointer = (_274 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hideSecondaryPointer) !== null && _274 !== void 0 ? _274 : defaultPointerConfig.hideSecondaryPointer;
920
+ var resetPointerOnDataChange = (_275 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerOnDataChange) !== null && _275 !== void 0 ? _275 : defaultPointerConfig.resetPointerOnDataChange;
920
921
  var pointerEvents = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerEvents;
921
- var disableScroll = (_275 = props.disableScroll) !== null && _275 !== void 0 ? _275 : (pointerConfig
922
+ var disableScroll = (_276 = props.disableScroll) !== null && _276 !== void 0 ? _276 : (pointerConfig
922
923
  ? activatePointersOnLongPress
923
924
  ? !!responderActive
924
925
  : true
925
926
  : false);
926
- var showScrollIndicator = (_276 = props.showScrollIndicator) !== null && _276 !== void 0 ? _276 : LineDefaults.showScrollIndicator;
927
- var focusEnabled = (_277 = props.focusEnabled) !== null && _277 !== void 0 ? _277 : LineDefaults.focusEnabled;
928
- var showDataPointOnFocus = (_278 = props.showDataPointOnFocus) !== null && _278 !== void 0 ? _278 : LineDefaults.showDataPointOnFocus;
929
- var showStripOnFocus = (_279 = props.showStripOnFocus) !== null && _279 !== void 0 ? _279 : LineDefaults.showStripOnFocus;
930
- var showTextOnFocus = (_280 = props.showTextOnFocus) !== null && _280 !== void 0 ? _280 : LineDefaults.showTextOnFocus;
927
+ var showScrollIndicator = (_277 = props.showScrollIndicator) !== null && _277 !== void 0 ? _277 : LineDefaults.showScrollIndicator;
928
+ var focusEnabled = (_278 = props.focusEnabled) !== null && _278 !== void 0 ? _278 : LineDefaults.focusEnabled;
929
+ var showDataPointOnFocus = (_279 = props.showDataPointOnFocus) !== null && _279 !== void 0 ? _279 : LineDefaults.showDataPointOnFocus;
930
+ var showStripOnFocus = (_280 = props.showStripOnFocus) !== null && _280 !== void 0 ? _280 : LineDefaults.showStripOnFocus;
931
+ var showTextOnFocus = (_281 = props.showTextOnFocus) !== null && _281 !== void 0 ? _281 : LineDefaults.showTextOnFocus;
931
932
  var stripHeight = props.stripHeight;
932
- var stripWidth = (_281 = props.stripWidth) !== null && _281 !== void 0 ? _281 : LineDefaults.stripWidth;
933
- var stripColor = (_282 = props.stripColor) !== null && _282 !== void 0 ? _282 : color1;
934
- var stripOpacity = (_283 = props.stripOpacity) !== null && _283 !== void 0 ? _283 : (startOpacity1 + endOpacity1) / 2;
935
- var unFocusOnPressOut = (_284 = props.unFocusOnPressOut) !== null && _284 !== void 0 ? _284 : LineDefaults.unFocusOnPressOut;
936
- var delayBeforeUnFocus = (_285 = props.delayBeforeUnFocus) !== null && _285 !== void 0 ? _285 : LineDefaults.delayBeforeUnFocus;
933
+ var stripWidth = (_282 = props.stripWidth) !== null && _282 !== void 0 ? _282 : LineDefaults.stripWidth;
934
+ var stripColor = (_283 = props.stripColor) !== null && _283 !== void 0 ? _283 : color1;
935
+ var stripOpacity = (_284 = props.stripOpacity) !== null && _284 !== void 0 ? _284 : (startOpacity1 + endOpacity1) / 2;
936
+ var unFocusOnPressOut = (_285 = props.unFocusOnPressOut) !== null && _285 !== void 0 ? _285 : LineDefaults.unFocusOnPressOut;
937
+ var delayBeforeUnFocus = (_286 = props.delayBeforeUnFocus) !== null && _286 !== void 0 ? _286 : LineDefaults.delayBeforeUnFocus;
937
938
  var containerHeightIncludingBelowXAxis = extendedContainerHeight + noOfSectionsBelowXAxis * stepHeight;
938
- var lineGradient = (_286 = props.lineGradient) !== null && _286 !== void 0 ? _286 : LineDefaults.lineGradient;
939
- var lineGradientDirection = (_287 = props.lineGradientDirection) !== null && _287 !== void 0 ? _287 : 'vertical';
940
- var lineGradientStartColor = (_288 = props.lineGradientStartColor) !== null && _288 !== void 0 ? _288 : LineDefaults.lineGradientStartColor;
941
- var lineGradientEndColor = (_289 = props.lineGradientEndColor) !== null && _289 !== void 0 ? _289 : LineDefaults.lineGradientEndColor;
939
+ var lineGradient = (_287 = props.lineGradient) !== null && _287 !== void 0 ? _287 : LineDefaults.lineGradient;
940
+ var lineGradientDirection = (_288 = props.lineGradientDirection) !== null && _288 !== void 0 ? _288 : 'vertical';
941
+ var lineGradientStartColor = (_289 = props.lineGradientStartColor) !== null && _289 !== void 0 ? _289 : LineDefaults.lineGradientStartColor;
942
+ var lineGradientEndColor = (_290 = props.lineGradientEndColor) !== null && _290 !== void 0 ? _290 : LineDefaults.lineGradientEndColor;
942
943
  var getPointerY = function (value) {
943
944
  return value
944
945
  ? containerHeight -
@@ -1049,7 +1050,7 @@ export var useLineChart = function (props) {
1049
1050
  pointerY: pointerY,
1050
1051
  onEndReached: props.onEndReached,
1051
1052
  onStartReached: props.onStartReached,
1052
- endReachedOffset: (_290 = props.endReachedOffset) !== null && _290 !== void 0 ? _290 : LineDefaults.endReachedOffset
1053
+ endReachedOffset: (_291 = props.endReachedOffset) !== null && _291 !== void 0 ? _291 : LineDefaults.endReachedOffset
1053
1054
  };
1054
1055
  return {
1055
1056
  curvature: curvature,
@@ -1392,6 +1393,7 @@ export var useLineChart = function (props) {
1392
1393
  getPointerY: getPointerY,
1393
1394
  initialisePointers: initialisePointers,
1394
1395
  setPointerConfig: setPointerConfig,
1395
- barAndLineChartsWrapperProps: barAndLineChartsWrapperProps
1396
+ barAndLineChartsWrapperProps: barAndLineChartsWrapperProps,
1397
+ yAxisExtraHeightAtTop: yAxisExtraHeightAtTop
1396
1398
  };
1397
1399
  };
package/src/LineChart/index.ts CHANGED
@@ -638,6 +638,7 @@ export const useLineChart = (props: extendedLineChartPropsType) => {
638
638
  showArrow: props.secondaryLineConfig?.showArrow ?? props.showArrows,
639
639
  arrowConfig: props.secondaryLineConfig?.arrowConfig ?? props.arrowConfig
640
640
  }
641
+ const yAxisExtraHeightAtTop = props.yAxisExtraHeight ?? containerHeight / 20
641
642
 
642
643
  const addLeadingAndTrailingPathForAreaFill = (
643
644
  initialPath: string,
@@ -2101,6 +2102,7 @@ export const useLineChart = (props: extendedLineChartPropsType) => {
2101
2102
  getPointerY,
2102
2103
  initialisePointers,
2103
2104
  setPointerConfig,
2104
- barAndLineChartsWrapperProps
2105
+ barAndLineChartsWrapperProps,
2106
+ yAxisExtraHeightAtTop
2105
2107
  }
2106
2108
  }