gifted-charts-core 0.0.32 → 0.0.34

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 +25 -20
  4. package/src/BarChart/index.ts +9 -6
  5. package/src/LineChart/index.d.ts +1 -0
  6. package/src/LineChart/index.js +105 -101
  7. package/src/LineChart/index.ts +6 -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.34",
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,9 @@ export var useBarChart = function (props) {
215
215
  ? !!responderActive
216
216
  : true
217
217
  : false);
218
+ var yAxisExtraHeightAtTop = props.trimYAxisAtTop
219
+ ? 0
220
+ : (_39 = props.yAxisExtraHeight) !== null && _39 !== void 0 ? _39 : containerHeight / 20;
218
221
  var barInnerComponent = props.barInnerComponent;
219
222
  useEffect(function () {
220
223
  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 +333,9 @@ export var useBarChart = function (props) {
330
333
  spacing,
331
334
  yAxisLabelWidth,
332
335
  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
336
+ (_40 = lineConfig.arrowConfig) === null || _40 === void 0 ? void 0 : _40.length,
337
+ (_41 = lineConfig.arrowConfig) === null || _41 === void 0 ? void 0 : _41.width,
338
+ (_42 = lineConfig.arrowConfig) === null || _42 === void 0 ? void 0 : _42.showArrowBase
336
339
  ]);
337
340
  useEffect(function () {
338
341
  var _a, _b, _c, _d;
@@ -433,7 +436,8 @@ export var useBarChart = function (props) {
433
436
  leftShiftForLastIndexTooltip: (_e = props.leftShiftForLastIndexTooltip) !== null && _e !== void 0 ? _e : 0,
434
437
  label: (_f = item.label) !== null && _f !== void 0 ? _f : (((_g = props.xAxisLabelTexts) === null || _g === void 0 ? void 0 : _g[index]) ? props.xAxisLabelTexts[index] : ''),
435
438
  labelTextStyle: (_h = item.labelTextStyle) !== null && _h !== void 0 ? _h : props.xAxisLabelTextStyle,
436
- pointerConfig: pointerConfig
439
+ pointerConfig: pointerConfig,
440
+ yAxisExtraHeightAtTop: yAxisExtraHeightAtTop
437
441
  };
438
442
  };
439
443
  var barAndLineChartsWrapperProps = {
@@ -445,14 +449,14 @@ export var useBarChart = function (props) {
445
449
  yAxisLabelWidth: yAxisLabelWidth,
446
450
  horizontal: horizontal,
447
451
  rtl: rtl,
448
- shiftX: (_42 = props.shiftX) !== null && _42 !== void 0 ? _42 : 0,
449
- shiftY: (_43 = props.shiftY) !== null && _43 !== void 0 ? _43 : 0,
452
+ shiftX: (_43 = props.shiftX) !== null && _43 !== void 0 ? _43 : 0,
453
+ shiftY: (_44 = props.shiftY) !== null && _44 !== void 0 ? _44 : 0,
450
454
  yAxisAtTop: yAxisAtTop,
451
455
  initialSpacing: initialSpacing,
452
456
  data: data,
453
457
  stackData: props.stackData,
454
458
  secondaryData: secondaryData,
455
- barWidth: (_44 = props.barWidth) !== null && _44 !== void 0 ? _44 : BarDefaults.barWidth,
459
+ barWidth: (_45 = props.barWidth) !== null && _45 !== void 0 ? _45 : BarDefaults.barWidth,
456
460
  xAxisThickness: xAxisThickness,
457
461
  totalWidth: totalWidth,
458
462
  disableScroll: disableScroll,
@@ -499,7 +503,7 @@ export var useBarChart = function (props) {
499
503
  pointerY: pointerY,
500
504
  onEndReached: props.onEndReached,
501
505
  onStartReached: props.onStartReached,
502
- endReachedOffset: (_45 = props.endReachedOffset) !== null && _45 !== void 0 ? _45 : BarDefaults.endReachedOffset
506
+ endReachedOffset: (_46 = props.endReachedOffset) !== null && _46 !== void 0 ? _46 : BarDefaults.endReachedOffset
503
507
  };
504
508
  return {
505
509
  lineConfig: lineConfig,
@@ -607,6 +611,7 @@ export var useBarChart = function (props) {
607
611
  getPointerProps: getPointerProps,
608
612
  pointerIndex: pointerIndex,
609
613
  getPropsCommonForBarAndStack: getPropsCommonForBarAndStack,
610
- barAndLineChartsWrapperProps: barAndLineChartsWrapperProps
614
+ barAndLineChartsWrapperProps: barAndLineChartsWrapperProps,
615
+ yAxisExtraHeightAtTop: yAxisExtraHeightAtTop
611
616
  };
612
617
  };
package/src/BarChart/index.ts CHANGED
@@ -333,6 +333,10 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
333
333
  : true
334
334
  : false)
335
335
 
336
+ const yAxisExtraHeightAtTop = props.trimYAxisAtTop
337
+ ? 0
338
+ : props.yAxisExtraHeight ?? containerHeight / 20
339
+
336
340
  const barInnerComponent = props.barInnerComponent
337
341
 
338
342
  useEffect(() => {
@@ -592,10 +596,7 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
592
596
  outputRange: [0, initialSpacing + totalWidth + endSpacing]
593
597
  })
594
598
 
595
- const getPropsCommonForBarAndStack = (
596
- item: any,
597
- index: number
598
- ) => {
599
+ const getPropsCommonForBarAndStack = (item: any, index: number) => {
599
600
  return {
600
601
  key: index,
601
602
  item,
@@ -653,7 +654,8 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
653
654
  item.label ??
654
655
  (props.xAxisLabelTexts?.[index] ? props.xAxisLabelTexts[index] : ''),
655
656
  labelTextStyle: item.labelTextStyle ?? props.xAxisLabelTextStyle,
656
- pointerConfig
657
+ pointerConfig,
658
+ yAxisExtraHeightAtTop
657
659
  }
658
660
  }
659
661
 
@@ -839,6 +841,7 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
839
841
  getPointerProps,
840
842
  pointerIndex,
841
843
  getPropsCommonForBarAndStack,
842
- barAndLineChartsWrapperProps
844
+ barAndLineChartsWrapperProps,
845
+ yAxisExtraHeightAtTop
843
846
  }
844
847
  }
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,9 @@ 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 = props.trimYAxisAtTop
351
+ ? 0
352
+ : (_234 = props.yAxisExtraHeight) !== null && _234 !== void 0 ? _234 : containerHeight / 20;
350
353
  var addLeadingAndTrailingPathForAreaFill = function (initialPath, value, dataLength) {
351
354
  return ('M ' +
352
355
  initialSpacing +
@@ -865,80 +868,80 @@ export var useLineChart = function (props) {
865
868
  }
866
869
  }
867
870
  }, [secondaryData, secondaryLineConfig]);
868
- var gradientDirection = (_234 = props.gradientDirection) !== null && _234 !== void 0 ? _234 : 'vertical';
871
+ var gradientDirection = (_235 = props.gradientDirection) !== null && _235 !== void 0 ? _235 : 'vertical';
869
872
  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;
873
+ var stepHeight = (_236 = props.stepHeight) !== null && _236 !== void 0 ? _236 : containerHeight / noOfSections;
874
+ var stepValue = (_237 = props.stepValue) !== null && _237 !== void 0 ? _237 : maxValue / noOfSections;
875
+ var noOfSectionsBelowXAxis = (_238 = props.noOfSectionsBelowXAxis) !== null && _238 !== void 0 ? _238 : -mostNegativeValue / (stepValue || 1);
876
+ var showXAxisIndices = (_239 = props.showXAxisIndices) !== null && _239 !== void 0 ? _239 : AxesAndRulesDefaults.showXAxisIndices;
877
+ var xAxisIndicesHeight = (_240 = props.xAxisIndicesHeight) !== null && _240 !== void 0 ? _240 : AxesAndRulesDefaults.xAxisIndicesHeight;
878
+ var xAxisIndicesWidth = (_241 = props.xAxisIndicesWidth) !== null && _241 !== void 0 ? _241 : AxesAndRulesDefaults.xAxisIndicesWidth;
879
+ var xAxisIndicesColor = (_242 = props.xAxisIndicesColor) !== null && _242 !== void 0 ? _242 : AxesAndRulesDefaults.xAxisIndicesColor;
880
+ var xAxisTextNumberOfLines = (_243 = props.xAxisTextNumberOfLines) !== null && _243 !== void 0 ? _243 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
881
+ var xAxisLabelsVerticalShift = (_244 = props.xAxisLabelsVerticalShift) !== null && _244 !== void 0 ? _244 : AxesAndRulesDefaults.xAxisLabelsVerticalShift;
879
882
  var horizontalRulesStyle = props.horizontalRulesStyle;
880
- var showFractionalValues = (_244 = props.showFractionalValues) !== null && _244 !== void 0 ? _244 : AxesAndRulesDefaults.showFractionalValues;
883
+ var showFractionalValues = (_245 = props.showFractionalValues) !== null && _245 !== void 0 ? _245 : AxesAndRulesDefaults.showFractionalValues;
881
884
  var horizontal = false;
882
885
  var yAxisAtTop = false;
883
886
  defaultPointerConfig.pointerStripHeight = containerHeight;
884
887
  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;
888
+ var getPointerProps = (_246 = props.getPointerProps) !== null && _246 !== void 0 ? _246 : null;
889
+ var pointerHeight = (_247 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.height) !== null && _247 !== void 0 ? _247 : defaultPointerConfig.height;
890
+ var pointerWidth = (_248 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.width) !== null && _248 !== void 0 ? _248 : defaultPointerConfig.width;
891
+ var pointerRadius = (_249 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.radius) !== null && _249 !== void 0 ? _249 : defaultPointerConfig.radius;
892
+ var pointerColor = (_250 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerColor) !== null && _250 !== void 0 ? _250 : defaultPointerConfig.pointerColor;
893
+ var pointerComponent = (_251 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerComponent) !== null && _251 !== void 0 ? _251 : defaultPointerConfig.pointerComponent;
891
894
  var showPointerStrip = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.showPointerStrip) === false
892
895
  ? false
893
896
  : 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
897
+ var pointerStripHeight = (_252 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripHeight) !== null && _252 !== void 0 ? _252 : defaultPointerConfig.pointerStripHeight;
898
+ var pointerStripWidth = (_253 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripWidth) !== null && _253 !== void 0 ? _253 : defaultPointerConfig.pointerStripWidth;
899
+ var pointerStripColor = (_254 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripColor) !== null && _254 !== void 0 ? _254 : defaultPointerConfig.pointerStripColor;
900
+ var pointerStripUptoDataPoint = (_255 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripUptoDataPoint) !== null && _255 !== void 0 ? _255 : defaultPointerConfig.pointerStripUptoDataPoint;
901
+ var pointerLabelComponent = (_256 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelComponent) !== null && _256 !== void 0 ? _256 : defaultPointerConfig.pointerLabelComponent;
902
+ var stripOverPointer = (_257 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripOverPointer) !== null && _257 !== void 0 ? _257 : defaultPointerConfig.stripOverPointer;
903
+ var shiftPointerLabelX = (_258 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelX) !== null && _258 !== void 0 ? _258 : defaultPointerConfig.shiftPointerLabelX;
904
+ var shiftPointerLabelY = (_259 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelY) !== null && _259 !== void 0 ? _259 : defaultPointerConfig.shiftPointerLabelY;
905
+ var pointerLabelWidth = (_260 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelWidth) !== null && _260 !== void 0 ? _260 : defaultPointerConfig.pointerLabelWidth;
906
+ var pointerLabelHeight = (_261 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelHeight) !== null && _261 !== void 0 ? _261 : defaultPointerConfig.pointerLabelHeight;
907
+ var autoAdjustPointerLabelPosition = (_262 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.autoAdjustPointerLabelPosition) !== null && _262 !== void 0 ? _262 : defaultPointerConfig.autoAdjustPointerLabelPosition;
908
+ var pointerVanishDelay = (_263 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerVanishDelay) !== null && _263 !== void 0 ? _263 : defaultPointerConfig.pointerVanishDelay;
909
+ var activatePointersOnLongPress = (_264 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersOnLongPress) !== null && _264 !== void 0 ? _264 : defaultPointerConfig.activatePointersOnLongPress;
910
+ var activatePointersDelay = (_265 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersDelay) !== null && _265 !== void 0 ? _265 : defaultPointerConfig.activatePointersDelay;
911
+ var initialPointerIndex = (_266 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerIndex) !== null && _266 !== void 0 ? _266 : defaultPointerConfig.initialPointerIndex;
912
+ var initialPointerAppearDelay = (_267 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerAppearDelay) !== null && _267 !== void 0 ? _267 : (isAnimated
910
913
  ? animationDuration
911
914
  : 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;
915
+ var persistPointer = (_268 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.persistPointer) !== null && _268 !== void 0 ? _268 : defaultPointerConfig.persistPointer;
916
+ var hidePointer1 = (_269 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer1) !== null && _269 !== void 0 ? _269 : defaultPointerConfig.hidePointer1;
917
+ var hidePointer2 = (_270 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer2) !== null && _270 !== void 0 ? _270 : defaultPointerConfig.hidePointer2;
918
+ var hidePointer3 = (_271 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer3) !== null && _271 !== void 0 ? _271 : defaultPointerConfig.hidePointer3;
919
+ var hidePointer4 = (_272 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer4) !== null && _272 !== void 0 ? _272 : defaultPointerConfig.hidePointer4;
920
+ var hidePointer5 = (_273 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer5) !== null && _273 !== void 0 ? _273 : defaultPointerConfig.hidePointer5;
921
+ var hideSecondaryPointer = (_274 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hideSecondaryPointer) !== null && _274 !== void 0 ? _274 : defaultPointerConfig.hideSecondaryPointer;
922
+ var resetPointerOnDataChange = (_275 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerOnDataChange) !== null && _275 !== void 0 ? _275 : defaultPointerConfig.resetPointerOnDataChange;
920
923
  var pointerEvents = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerEvents;
921
- var disableScroll = (_275 = props.disableScroll) !== null && _275 !== void 0 ? _275 : (pointerConfig
924
+ var disableScroll = (_276 = props.disableScroll) !== null && _276 !== void 0 ? _276 : (pointerConfig
922
925
  ? activatePointersOnLongPress
923
926
  ? !!responderActive
924
927
  : true
925
928
  : 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;
929
+ var showScrollIndicator = (_277 = props.showScrollIndicator) !== null && _277 !== void 0 ? _277 : LineDefaults.showScrollIndicator;
930
+ var focusEnabled = (_278 = props.focusEnabled) !== null && _278 !== void 0 ? _278 : LineDefaults.focusEnabled;
931
+ var showDataPointOnFocus = (_279 = props.showDataPointOnFocus) !== null && _279 !== void 0 ? _279 : LineDefaults.showDataPointOnFocus;
932
+ var showStripOnFocus = (_280 = props.showStripOnFocus) !== null && _280 !== void 0 ? _280 : LineDefaults.showStripOnFocus;
933
+ var showTextOnFocus = (_281 = props.showTextOnFocus) !== null && _281 !== void 0 ? _281 : LineDefaults.showTextOnFocus;
931
934
  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;
935
+ var stripWidth = (_282 = props.stripWidth) !== null && _282 !== void 0 ? _282 : LineDefaults.stripWidth;
936
+ var stripColor = (_283 = props.stripColor) !== null && _283 !== void 0 ? _283 : color1;
937
+ var stripOpacity = (_284 = props.stripOpacity) !== null && _284 !== void 0 ? _284 : (startOpacity1 + endOpacity1) / 2;
938
+ var unFocusOnPressOut = (_285 = props.unFocusOnPressOut) !== null && _285 !== void 0 ? _285 : LineDefaults.unFocusOnPressOut;
939
+ var delayBeforeUnFocus = (_286 = props.delayBeforeUnFocus) !== null && _286 !== void 0 ? _286 : LineDefaults.delayBeforeUnFocus;
937
940
  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;
941
+ var lineGradient = (_287 = props.lineGradient) !== null && _287 !== void 0 ? _287 : LineDefaults.lineGradient;
942
+ var lineGradientDirection = (_288 = props.lineGradientDirection) !== null && _288 !== void 0 ? _288 : 'vertical';
943
+ var lineGradientStartColor = (_289 = props.lineGradientStartColor) !== null && _289 !== void 0 ? _289 : LineDefaults.lineGradientStartColor;
944
+ var lineGradientEndColor = (_290 = props.lineGradientEndColor) !== null && _290 !== void 0 ? _290 : LineDefaults.lineGradientEndColor;
942
945
  var getPointerY = function (value) {
943
946
  return value
944
947
  ? containerHeight -
@@ -1049,7 +1052,7 @@ export var useLineChart = function (props) {
1049
1052
  pointerY: pointerY,
1050
1053
  onEndReached: props.onEndReached,
1051
1054
  onStartReached: props.onStartReached,
1052
- endReachedOffset: (_290 = props.endReachedOffset) !== null && _290 !== void 0 ? _290 : LineDefaults.endReachedOffset
1055
+ endReachedOffset: (_291 = props.endReachedOffset) !== null && _291 !== void 0 ? _291 : LineDefaults.endReachedOffset
1053
1056
  };
1054
1057
  return {
1055
1058
  curvature: curvature,
@@ -1392,6 +1395,7 @@ export var useLineChart = function (props) {
1392
1395
  getPointerY: getPointerY,
1393
1396
  initialisePointers: initialisePointers,
1394
1397
  setPointerConfig: setPointerConfig,
1395
- barAndLineChartsWrapperProps: barAndLineChartsWrapperProps
1398
+ barAndLineChartsWrapperProps: barAndLineChartsWrapperProps,
1399
+ yAxisExtraHeightAtTop: yAxisExtraHeightAtTop
1396
1400
  };
1397
1401
  };
package/src/LineChart/index.ts CHANGED
@@ -638,6 +638,10 @@ export const useLineChart = (props: extendedLineChartPropsType) => {
638
638
  showArrow: props.secondaryLineConfig?.showArrow ?? props.showArrows,
639
639
  arrowConfig: props.secondaryLineConfig?.arrowConfig ?? props.arrowConfig
640
640
  }
641
+
642
+ const yAxisExtraHeightAtTop = props.trimYAxisAtTop
643
+ ? 0
644
+ : props.yAxisExtraHeight ?? containerHeight / 20
641
645
 
642
646
  const addLeadingAndTrailingPathForAreaFill = (
643
647
  initialPath: string,
@@ -2101,6 +2105,7 @@ export const useLineChart = (props: extendedLineChartPropsType) => {
2101
2105
  getPointerY,
2102
2106
  initialisePointers,
2103
2107
  setPointerConfig,
2104
- barAndLineChartsWrapperProps
2108
+ barAndLineChartsWrapperProps,
2109
+ yAxisExtraHeightAtTop
2105
2110
  }
2106
2111
  }