gifted-charts-core 0.1.64 → 0.1.66

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/BarChart/index.d.ts +2 -2
  2. package/dist/BarChart/types.d.ts +26 -26
  3. package/dist/LineChart/LineChartBiColor.d.ts +1 -0
  4. package/dist/LineChart/LineChartBiColor.js +28 -24
  5. package/dist/LineChart/index.js +128 -122
  6. package/dist/LineChart/types.d.ts +15 -10
  7. package/package.json +1 -1
package/dist/BarChart/index.d.ts CHANGED
@@ -139,8 +139,8 @@ export declare const useBarChart: (props: extendedBarChartPropsType) => {
139
139
  rtl: boolean;
140
140
  intactTopLabel: boolean;
141
141
  showValuesAsTopLabel: boolean | undefined;
142
- topLabelContainerStyle: any;
143
- topLabelTextStyle: any;
142
+ topLabelContainerStyle: import("react-native").StyleProp<import("react-native").ViewStyle>;
143
+ topLabelTextStyle: import("react-native").StyleProp<import("react-native").TextStyle>;
144
144
  barBorderWidth: number | undefined;
145
145
  barBorderColor: import("react-native").ColorValue;
146
146
  barBorderRadius: number | undefined;
package/dist/BarChart/types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { type ColorValue, type GestureResponderEvent, type ViewStyle } from 'react-native';
1
+ import { StyleProp, TextStyle, type ColorValue, type GestureResponderEvent, type ViewStyle } from 'react-native';
2
2
  import { type yAxisSides } from '../utils/constants';
3
3
  import { XAxisConfig, type CurveType, type Pointer, type RuleType, type RulesConfig, type referenceConfigType, type secondaryYAxisType, type Linecap, CustomBackground } from '../utils/types';
4
4
  import { type Component, type ReactNode } from 'react';
@@ -13,10 +13,10 @@ export interface stackDataItem {
13
13
  labelsDistanceFromXaxis?: number;
14
14
  barWidth?: number;
15
15
  spacing?: number;
16
- labelTextStyle?: any;
16
+ labelTextStyle?: StyleProp<TextStyle>;
17
17
  topLabelComponent?: Function;
18
- topLabelContainerStyle?: any;
19
- topLabelTextStyle?: any;
18
+ topLabelContainerStyle?: StyleProp<ViewStyle>;
19
+ topLabelTextStyle?: StyleProp<TextStyle>;
20
20
  disablePress?: any;
21
21
  color?: ColorValue;
22
22
  showGradient?: boolean;
@@ -64,11 +64,11 @@ export interface StackedBarChartPropsType {
64
64
  height?: number;
65
65
  color?: ColorValue;
66
66
  topLabelComponent?: Component;
67
- topLabelContainerStyle?: any;
68
- topLabelTextStyle?: any;
67
+ topLabelContainerStyle?: StyleProp<ViewStyle>;
68
+ topLabelTextStyle?: StyleProp<TextStyle>;
69
69
  opacity?: number;
70
70
  label: string;
71
- labelTextStyle?: any;
71
+ labelTextStyle?: StyleProp<TextStyle>;
72
72
  autoShiftLabelsForNegativeStacks?: boolean;
73
73
  labelsDistanceFromXaxis?: number;
74
74
  xAxisLabelsAtBottom?: boolean;
@@ -186,9 +186,9 @@ export interface BarChartPropsType {
186
186
  yAxisExtraHeight?: number;
187
187
  trimYAxisAtTop?: boolean;
188
188
  xAxisType?: RuleType;
189
- yAxisLabelContainerStyle?: any;
189
+ yAxisLabelContainerStyle?: StyleProp<ViewStyle>;
190
190
  horizontalRulesStyle?: any;
191
- yAxisTextStyle?: any;
191
+ yAxisTextStyle?: StyleProp<TextStyle>;
192
192
  yAxisTextNumberOfLines?: number;
193
193
  xAxisTextNumberOfLines?: number;
194
194
  xAxisLabelsHeight?: number;
@@ -275,8 +275,8 @@ export interface BarChartPropsType {
275
275
  yAxisAtTop?: boolean;
276
276
  intactTopLabel?: boolean;
277
277
  showValuesAsTopLabel?: boolean;
278
- topLabelContainerStyle?: any;
279
- topLabelTextStyle?: any;
278
+ topLabelContainerStyle?: StyleProp<ViewStyle>;
279
+ topLabelTextStyle?: StyleProp<TextStyle>;
280
280
  horizSections?: sectionType[];
281
281
  barBorderWidth?: number;
282
282
  barBorderColor?: ColorValue;
@@ -294,7 +294,7 @@ export interface BarChartPropsType {
294
294
  labelWidth?: number;
295
295
  yAxisLabelTexts?: string[];
296
296
  xAxisLabelTexts?: string[];
297
- xAxisLabelTextStyle?: any;
297
+ xAxisLabelTextStyle?: StyleProp<TextStyle>;
298
298
  yAxisLabelPrefix?: string;
299
299
  yAxisLabelSuffix?: string;
300
300
  autoShiftLabels?: boolean;
@@ -449,9 +449,9 @@ export interface barDataItem {
449
449
  sideWidth?: number;
450
450
  barBorderWidth?: number;
451
451
  barBorderColor?: ColorValue;
452
- labelTextStyle?: any;
452
+ labelTextStyle?: StyleProp<TextStyle>;
453
453
  topLabelComponent?: Function;
454
- topLabelContainerStyle?: any;
454
+ topLabelContainerStyle?: StyleProp<ViewStyle>;
455
455
  disablePress?: any;
456
456
  capThickness?: number;
457
457
  capColor?: ColorValue;
@@ -467,7 +467,7 @@ export interface barDataItem {
467
467
  labelWidth?: number;
468
468
  secondaryLabel?: string;
469
469
  secondaryLabelComponent?: Function;
470
- secondaryLabelTextStyle?: any;
470
+ secondaryLabelTextStyle?: StyleProp<TextStyle>;
471
471
  barBackgroundPattern?: () => ReactNode;
472
472
  patternId?: string;
473
473
  barMarginBottom?: number;
@@ -505,8 +505,8 @@ export interface Animated2DWithGradientPropsType {
505
505
  horizontal: boolean;
506
506
  intactTopLabel: boolean;
507
507
  showValuesAsTopLabel: boolean;
508
- topLabelContainerStyle?: any;
509
- topLabelTextStyle?: any;
508
+ topLabelContainerStyle?: StyleProp<ViewStyle>;
509
+ topLabelTextStyle?: StyleProp<TextStyle>;
510
510
  barBorderWidth?: number;
511
511
  barBorderColor: ColorValue;
512
512
  barBorderRadius?: number;
@@ -526,7 +526,7 @@ export interface Animated2DWithGradientPropsType {
526
526
  yAxisOffset: number;
527
527
  }
528
528
  export interface RenderBarsPropsType {
529
- style?: any;
529
+ style?: StyleProp<ViewStyle>;
530
530
  width?: number;
531
531
  height?: number;
532
532
  minHeight: number;
@@ -537,12 +537,12 @@ export interface RenderBarsPropsType {
537
537
  sideColor?: ColorValue;
538
538
  topColor?: ColorValue;
539
539
  topLabelComponent?: Component;
540
- topLabelContainerStyle?: any;
541
- topLabelTextStyle?: any;
540
+ topLabelContainerStyle?: StyleProp<ViewStyle>;
541
+ topLabelTextStyle?: StyleProp<TextStyle>;
542
542
  opacity?: number;
543
543
  side?: string;
544
- labelTextStyle?: any;
545
- secondaryLabelTextStyle?: any;
544
+ labelTextStyle?: StyleProp<TextStyle>;
545
+ secondaryLabelTextStyle?: StyleProp<TextStyle>;
546
546
  item: barDataItemNullSafe;
547
547
  index: number;
548
548
  label: string;
@@ -652,8 +652,8 @@ export interface animatedBarPropTypes {
652
652
  horizontal: boolean;
653
653
  intactTopLabel: boolean;
654
654
  showValuesAsTopLabel: boolean;
655
- topLabelContainerStyle?: any;
656
- topLabelTextStyle?: any;
655
+ topLabelContainerStyle?: StyleProp<ViewStyle>;
656
+ topLabelTextStyle?: StyleProp<TextStyle>;
657
657
  barBackgroundPattern?: () => ReactNode;
658
658
  barInnerComponent?: (item?: barDataItem, index?: number) => ReactNode;
659
659
  patternId?: string;
@@ -679,8 +679,8 @@ export interface CommonPropsFor2dand3dBarsType {
679
679
  height: number;
680
680
  intactTopLabel: boolean;
681
681
  showValuesAsTopLabel: boolean;
682
- topLabelContainerStyle: any;
683
- topLabelTextStyle: any;
682
+ topLabelContainerStyle: StyleProp<ViewStyle>;
683
+ topLabelTextStyle: StyleProp<TextStyle>;
684
684
  yAxisOffset: number;
685
685
  }
686
686
  export interface BarChartPropsTypeForWeb extends BarChartPropsType {
package/dist/LineChart/LineChartBiColor.d.ts CHANGED
@@ -96,5 +96,6 @@ export declare const useLineChartBiColor: (props: extendedLineChartBicolorPropsT
96
96
  value: string;
97
97
  }[];
98
98
  barAndLineChartsWrapperProps: BarAndLineChartsWrapperTypes;
99
+ yAxisExtraHeightAtTop: number;
99
100
  };
100
101
  export {};
package/dist/LineChart/LineChartBiColor.js CHANGED
@@ -28,11 +28,11 @@ import { AxesAndRulesDefaults, LineDefaults, chartTypes } from '../utils/constan
28
28
  import { getAxesAndRulesProps, getExtendedContainerHeightWithPadding } from '../utils';
29
29
  var initialData = null;
30
30
  export var useLineChartBiColor = function (props) {
31
- 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;
32
- var _52 = __read(useState(false), 2), toggle = _52[0], setToggle = _52[1];
33
- var _53 = __read(useState([]), 2), pointsArray = _53[0], setPointsArray = _53[1];
34
- var _54 = __read(useState([]), 2), fillPointsArray = _54[0], setFillPointsArray = _54[1];
35
- var _55 = __read(useState(-1), 2), selectedIndex = _55[0], setSelectedIndex = _55[1];
31
+ 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;
32
+ var _53 = __read(useState(false), 2), toggle = _53[0], setToggle = _53[1];
33
+ var _54 = __read(useState([]), 2), pointsArray = _54[0], setPointsArray = _54[1];
34
+ var _55 = __read(useState([]), 2), fillPointsArray = _55[0], setFillPointsArray = _55[1];
35
+ var _56 = __read(useState(-1), 2), selectedIndex = _56[0], setSelectedIndex = _56[1];
36
36
  var containerHeight = (_a = props.height) !== null && _a !== void 0 ? _a : AxesAndRulesDefaults.containerHeight;
37
37
  var noOfSections = (_b = props.noOfSections) !== null && _b !== void 0 ? _b : AxesAndRulesDefaults.noOfSections;
38
38
  var data = useMemo(function () {
@@ -340,34 +340,37 @@ export var useLineChartBiColor = function (props) {
340
340
  var yAxisLabelWidth = (_33 = props.yAxisLabelWidth) !== null && _33 !== void 0 ? _33 : (props.hideYAxisText
341
341
  ? AxesAndRulesDefaults.yAxisEmptyLabelWidth
342
342
  : AxesAndRulesDefaults.yAxisLabelWidth);
343
+ var yAxisExtraHeightAtTop = props.trimYAxisAtTop
344
+ ? 0
345
+ : (_34 = props.yAxisExtraHeight) !== null && _34 !== void 0 ? _34 : containerHeight / 20;
343
346
  var horizontal = false;
344
347
  var yAxisAtTop = false;
345
- var disableScroll = (_34 = props.disableScroll) !== null && _34 !== void 0 ? _34 : LineDefaults.disableScroll;
346
- var showScrollIndicator = (_35 = props.showScrollIndicator) !== null && _35 !== void 0 ? _35 : LineDefaults.showScrollIndicator;
347
- var focusEnabled = (_36 = props.focusEnabled) !== null && _36 !== void 0 ? _36 : LineDefaults.focusEnabled;
348
- var showDataPointOnFocus = (_37 = props.showDataPointOnFocus) !== null && _37 !== void 0 ? _37 : LineDefaults.showDataPointOnFocus;
349
- var showStripOnFocus = (_38 = props.showStripOnFocus) !== null && _38 !== void 0 ? _38 : LineDefaults.showStripOnFocus;
350
- var showTextOnFocus = (_39 = props.showTextOnFocus) !== null && _39 !== void 0 ? _39 : LineDefaults.showTextOnFocus;
348
+ var disableScroll = (_35 = props.disableScroll) !== null && _35 !== void 0 ? _35 : LineDefaults.disableScroll;
349
+ var showScrollIndicator = (_36 = props.showScrollIndicator) !== null && _36 !== void 0 ? _36 : LineDefaults.showScrollIndicator;
350
+ var focusEnabled = (_37 = props.focusEnabled) !== null && _37 !== void 0 ? _37 : LineDefaults.focusEnabled;
351
+ var showDataPointOnFocus = (_38 = props.showDataPointOnFocus) !== null && _38 !== void 0 ? _38 : LineDefaults.showDataPointOnFocus;
352
+ var showStripOnFocus = (_39 = props.showStripOnFocus) !== null && _39 !== void 0 ? _39 : LineDefaults.showStripOnFocus;
353
+ var showTextOnFocus = (_40 = props.showTextOnFocus) !== null && _40 !== void 0 ? _40 : LineDefaults.showTextOnFocus;
351
354
  var stripHeight = props.stripHeight;
352
- var stripWidth = (_40 = props.stripWidth) !== null && _40 !== void 0 ? _40 : LineDefaults.stripWidth;
353
- var stripColor = (_41 = props.stripColor) !== null && _41 !== void 0 ? _41 : color;
354
- var stripOpacity = (_42 = props.stripOpacity) !== null && _42 !== void 0 ? _42 : (startOpacity + endOpacity) / 2;
355
- var unFocusOnPressOut = (_43 = props.unFocusOnPressOut) !== null && _43 !== void 0 ? _43 : LineDefaults.unFocusOnPressOut;
356
- var delayBeforeUnFocus = (_44 = props.delayBeforeUnFocus) !== null && _44 !== void 0 ? _44 : LineDefaults.delayBeforeUnFocus;
355
+ var stripWidth = (_41 = props.stripWidth) !== null && _41 !== void 0 ? _41 : LineDefaults.stripWidth;
356
+ var stripColor = (_42 = props.stripColor) !== null && _42 !== void 0 ? _42 : color;
357
+ var stripOpacity = (_43 = props.stripOpacity) !== null && _43 !== void 0 ? _43 : (startOpacity + endOpacity) / 2;
358
+ var unFocusOnPressOut = (_44 = props.unFocusOnPressOut) !== null && _44 !== void 0 ? _44 : LineDefaults.unFocusOnPressOut;
359
+ var delayBeforeUnFocus = (_45 = props.delayBeforeUnFocus) !== null && _45 !== void 0 ? _45 : LineDefaults.delayBeforeUnFocus;
357
360
  horizSections.pop();
358
361
  for (var i = 0; i <= noOfSections; i++) {
359
362
  var value = maxValue - stepValue * i;
360
- if ((_45 = props.showFractionalValues) !== null && _45 !== void 0 ? _45 : props.roundToDigits) {
361
- value = parseFloat(value.toFixed((_46 = props.roundToDigits) !== null && _46 !== void 0 ? _46 : 1));
363
+ if ((_46 = props.showFractionalValues) !== null && _46 !== void 0 ? _46 : props.roundToDigits) {
364
+ value = parseFloat(value.toFixed((_47 = props.roundToDigits) !== null && _47 !== void 0 ? _47 : 1));
362
365
  }
363
366
  horizSections.push({
364
367
  value: props.yAxisLabelTexts
365
- ? (_47 = props.yAxisLabelTexts[noOfSections - i]) !== null && _47 !== void 0 ? _47 : value.toString()
368
+ ? (_48 = props.yAxisLabelTexts[noOfSections - i]) !== null && _48 !== void 0 ? _48 : value.toString()
366
369
  : value.toString()
367
370
  });
368
371
  }
369
- var dataPointsRadius = (_48 = props.dataPointsRadius) !== null && _48 !== void 0 ? _48 : LineDefaults.dataPointsRadius;
370
- var dataPointsWidth = (_49 = props.dataPointsWidth) !== null && _49 !== void 0 ? _49 : LineDefaults.dataPointsWidth;
372
+ var dataPointsRadius = (_49 = props.dataPointsRadius) !== null && _49 !== void 0 ? _49 : LineDefaults.dataPointsRadius;
373
+ var dataPointsWidth = (_50 = props.dataPointsWidth) !== null && _50 !== void 0 ? _50 : LineDefaults.dataPointsWidth;
371
374
  var extraWidthDueToDataPoint = props.hideDataPoints
372
375
  ? 0
373
376
  : dataPointsRadius !== null && dataPointsRadius !== void 0 ? dataPointsRadius : dataPointsWidth;
@@ -419,7 +422,7 @@ export var useLineChartBiColor = function (props) {
419
422
  horizontalRulesStyle: horizontalRulesStyle,
420
423
  noOfSections: noOfSections,
421
424
  showFractionalValues: showFractionalValues,
422
- axesAndRulesProps: getAxesAndRulesProps(props, containerHeight, stepHeight, stepValue, noOfSections, (_50 = props.roundToDigits) !== null && _50 !== void 0 ? _50 : 0, stepValue, 0, 0, false, 0),
425
+ axesAndRulesProps: getAxesAndRulesProps(props, containerHeight, stepHeight, stepValue, noOfSections, (_51 = props.roundToDigits) !== null && _51 !== void 0 ? _51 : 0, stepValue, 0, 0, false, 0),
423
426
  yAxisLabelTexts: props.yAxisLabelTexts,
424
427
  yAxisOffset: props.yAxisOffset,
425
428
  rotateYAxisTexts: 0,
@@ -434,7 +437,7 @@ export var useLineChartBiColor = function (props) {
434
437
  pointerIndex: 0,
435
438
  pointerX: 0,
436
439
  pointerY: 0,
437
- endReachedOffset: (_51 = props.endReachedOffset) !== null && _51 !== void 0 ? _51 : LineDefaults.endReachedOffset,
440
+ endReachedOffset: (_52 = props.endReachedOffset) !== null && _52 !== void 0 ? _52 : LineDefaults.endReachedOffset,
438
441
  extraWidthDueToDataPoint: extraWidthDueToDataPoint,
439
442
  highlightEnabled: LineDefaults.highlightEnabled,
440
443
  lowlightOpacity: LineDefaults.lowlightOpacity,
@@ -527,6 +530,7 @@ export var useLineChartBiColor = function (props) {
527
530
  unFocusOnPressOut: unFocusOnPressOut,
528
531
  delayBeforeUnFocus: delayBeforeUnFocus,
529
532
  horizSections: horizSections,
530
- barAndLineChartsWrapperProps: barAndLineChartsWrapperProps
533
+ barAndLineChartsWrapperProps: barAndLineChartsWrapperProps,
534
+ yAxisExtraHeightAtTop: yAxisExtraHeightAtTop
531
535
  };
532
536
  };
package/dist/LineChart/index.js CHANGED
@@ -39,8 +39,8 @@ import { AxesAndRulesDefaults, LineDefaults, SEGMENT_END, SEGMENT_START, chartTy
39
39
  import { computeMaxAndMinItems, getAllArrowProperties, getArrowPoints, getAxesAndRulesProps, getCurvePathWithSegments, getExtendedContainerHeightWithPadding, getLineSegmentsDueToNoExtrapolation, getLineSegmentsForMissingValues, getMaxValue, getNoOfSections, getPathWithHighlight, getSanitisedData, getSecondaryDataWithOffsetIncluded, getSegmentString, indexOfFirstNonZeroDigit, svgPath } from '../utils';
40
40
  import { EdgePosition } from '../utils/types';
41
41
  export var useLineChart = function (props) {
42
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82, _83, _84, _85, _86, _87, _88, _89, _90, _91, _92, _93, _94, _95, _96, _97, _98, _99, _100, _101, _102, _103, _104, _105, _106, _107, _108, _109, _110, _111, _112, _113, _114, _115, _116, _117, _118, _119, _120, _121, _122, _123, _124, _125, _126, _127, _128, _129, _130, _131, _132, _133, _134, _135, _136, _137, _138, _139, _140, _141, _142, _143, _144, _145, _146, _147, _148, _149, _150, _151, _152, _153, _154, _155, _156, _157, _158, _159, _160, _161, _162, _163, _164, _165, _166, _167, _168, _169, _170, _171, _172, _173, _174, _175, _176, _177, _178, _179, _180, _181, _182, _183, _184, _185, _186, _187, _188, _189, _190, _191, _192, _193, _194, _195, _196, _197, _198, _199, _200, _201, _202, _203, _204, _205, _206, _207, _208, _209, _210, _211, _212, _213, _214, _215, _216, _217, _218, _219, _220, _221, _222, _223, _224, _225, _226, _227, _228, _229, _230, _231, _232, _233, _234, _235, _236, _237, _238, _239, _240, _241, _242, _243, _244, _245, _246, _247, _248, _249, _250, _251, _252, _253, _254, _255, _256, _257, _258, _259, _260, _261, _262, _263, _264, _265, _266, _267, _268, _269, _270, _271, _272, _273, _274, _275, _276, _277, _278, _279, _280, _281, _282, _283, _284, _285, _286, _287, _288, _289, _290, _291, _292, _293, _294, _295, _296, _297, _298, _299, _300, _301, _302, _303, _304, _305, _306, _307, _308, _309, _310, _311, _312, _313, _314, _315, _316, _317, _318, _319, _320, _321, _322, _323, _324, _325, _326, _327, _328, _329, _330, _331, _332, _333, _334, _335, _336, _337;
43
- var showDataPointsForMissingValues = props.showDataPointsForMissingValues, _338 = props.interpolateMissingValues, interpolateMissingValues = _338 === void 0 ? true : _338, _339 = props.extrapolateMissingValues, extrapolateMissingValues = _339 === void 0 ? true : _339, yAxisOffset = props.yAxisOffset, parentWidth = props.parentWidth, negativeStepValue = props.negativeStepValue, renderTooltip = props.renderTooltip, _340 = props.renderTooltip1, renderTooltip1 = _340 === void 0 ? props.renderTooltip : _340, _341 = props.renderTooltip2, renderTooltip2 = _341 === void 0 ? props.renderTooltip : _341, _342 = props.renderTooltip3, renderTooltip3 = _342 === void 0 ? props.renderTooltip : _342, _343 = props.renderTooltip4, renderTooltip4 = _343 === void 0 ? props.renderTooltip : _343, _344 = props.renderTooltip5, renderTooltip5 = _344 === void 0 ? props.renderTooltip : _344, _345 = props.renderTooltipSecondary, renderTooltipSecondary = _345 === void 0 ? props.renderTooltip : _345;
42
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82, _83, _84, _85, _86, _87, _88, _89, _90, _91, _92, _93, _94, _95, _96, _97, _98, _99, _100, _101, _102, _103, _104, _105, _106, _107, _108, _109, _110, _111, _112, _113, _114, _115, _116, _117, _118, _119, _120, _121, _122, _123, _124, _125, _126, _127, _128, _129, _130, _131, _132, _133, _134, _135, _136, _137, _138, _139, _140, _141, _142, _143, _144, _145, _146, _147, _148, _149, _150, _151, _152, _153, _154, _155, _156, _157, _158, _159, _160, _161, _162, _163, _164, _165, _166, _167, _168, _169, _170, _171, _172, _173, _174, _175, _176, _177, _178, _179, _180, _181, _182, _183, _184, _185, _186, _187, _188, _189, _190, _191, _192, _193, _194, _195, _196, _197, _198, _199, _200, _201, _202, _203, _204, _205, _206, _207, _208, _209, _210, _211, _212, _213, _214, _215, _216, _217, _218, _219, _220, _221, _222, _223, _224, _225, _226, _227, _228, _229, _230, _231, _232, _233, _234, _235, _236, _237, _238, _239, _240, _241, _242, _243, _244, _245, _246, _247, _248, _249, _250, _251, _252, _253, _254, _255, _256, _257, _258, _259, _260, _261, _262, _263, _264, _265, _266, _267, _268, _269, _270, _271, _272, _273, _274, _275, _276, _277, _278, _279, _280, _281, _282, _283, _284, _285, _286, _287, _288, _289, _290, _291, _292, _293, _294, _295, _296, _297, _298, _299, _300, _301, _302, _303, _304, _305, _306, _307, _308, _309, _310, _311, _312, _313, _314, _315, _316, _317, _318, _319, _320, _321, _322, _323, _324, _325, _326, _327, _328, _329, _330, _331, _332, _333, _334, _335, _336, _337, _338;
43
+ var showDataPointsForMissingValues = props.showDataPointsForMissingValues, _339 = props.interpolateMissingValues, interpolateMissingValues = _339 === void 0 ? true : _339, _340 = props.extrapolateMissingValues, extrapolateMissingValues = _340 === void 0 ? true : _340, yAxisOffset = props.yAxisOffset, parentWidth = props.parentWidth, renderTooltip = props.renderTooltip, _341 = props.renderTooltip1, renderTooltip1 = _341 === void 0 ? props.renderTooltip : _341, _342 = props.renderTooltip2, renderTooltip2 = _342 === void 0 ? props.renderTooltip : _342, _343 = props.renderTooltip3, renderTooltip3 = _343 === void 0 ? props.renderTooltip : _343, _344 = props.renderTooltip4, renderTooltip4 = _344 === void 0 ? props.renderTooltip : _344, _345 = props.renderTooltip5, renderTooltip5 = _345 === void 0 ? props.renderTooltip : _345, _346 = props.renderTooltipSecondary, renderTooltipSecondary = _346 === void 0 ? props.renderTooltip : _346;
44
44
  var lastLineNumber = 1;
45
45
  if (props.secondaryData) {
46
46
  lastLineNumber = 6667; // lastLineNumber is 6667 for a secondary line, so the index or key of the secondary line is 6666
@@ -63,48 +63,48 @@ export var useLineChart = function (props) {
63
63
  // because in absence of extrapolation we don't want the chart to unnecessarily show the 4th quadrant
64
64
  var curvature = (_l = props.curvature) !== null && _l !== void 0 ? _l : LineDefaults.curvature;
65
65
  var curveType = (_m = props.curveType) !== null && _m !== void 0 ? _m : LineDefaults.curveType;
66
- var _346 = __read(useState(0), 2), scrollX = _346[0], setScrollX = _346[1];
67
- var _347 = __read(useState(''), 2), arrow1Points = _347[0], setArrow1Points = _347[1];
68
- var _348 = __read(useState(''), 2), arrow2Points = _348[0], setArrow2Points = _348[1];
69
- var _349 = __read(useState(''), 2), arrow3Points = _349[0], setArrow3Points = _349[1];
70
- var _350 = __read(useState(''), 2), arrow4Points = _350[0], setArrow4Points = _350[1];
71
- var _351 = __read(useState(''), 2), arrow5Points = _351[0], setArrow5Points = _351[1];
72
- var _352 = __read(useState(''), 2), secondaryArrowPoints = _352[0], setSecondaryArrowPoints = _352[1];
73
- var _353 = __read(useState(-1), 2), pointerIndex = _353[0], setPointerIndex = _353[1];
74
- var _354 = __read(useState(0), 2), pointerX = _354[0], setPointerX = _354[1];
75
- var _355 = __read(useState(0), 2), pointerY = _355[0], setPointerY = _355[1];
76
- var _356 = __read(useState(), 2), pointerItem = _356[0], setPointerItem = _356[1];
77
- var _357 = __read(useState(0), 2), pointerY2 = _357[0], setPointerY2 = _357[1];
78
- var _358 = __read(useState(), 2), pointerItem2 = _358[0], setPointerItem2 = _358[1];
79
- var _359 = __read(useState(0), 2), pointerY3 = _359[0], setPointerY3 = _359[1];
80
- var _360 = __read(useState(), 2), pointerItem3 = _360[0], setPointerItem3 = _360[1];
81
- var _361 = __read(useState(0), 2), pointerY4 = _361[0], setPointerY4 = _361[1];
82
- var _362 = __read(useState(), 2), pointerItem4 = _362[0], setPointerItem4 = _362[1];
83
- var _363 = __read(useState(0), 2), pointerY5 = _363[0], setPointerY5 = _363[1];
84
- var _364 = __read(useState([]), 2), pointerYsForDataSet = _364[0], setPointerYsForDataSet = _364[1];
85
- var _365 = __read(useState(), 2), pointerItem5 = _365[0], setPointerItem5 = _365[1];
86
- var _366 = __read(useState(0), 2), secondaryPointerY = _366[0], setSecondaryPointerY = _366[1];
87
- var _367 = __read(useState(), 2), secondaryPointerItem = _367[0], setSecondaryPointerItem = _367[1];
88
- var _368 = __read(useState([]), 2), pointerItemsForSet = _368[0], setPointerItemsForSet = _368[1];
89
- var _369 = __read(useState([]), 2), secondaryPointerItemsForSet = _369[0], setSecondaryPointerItemsForSet = _369[1];
90
- var _370 = __read(useState(0), 2), responderStartTime = _370[0], setResponderStartTime = _370[1];
91
- var _371 = __read(useState(false), 2), responderActive = _371[0], setResponderActive = _371[1];
92
- var _372 = __read(useState(''), 2), points = _372[0], setPoints = _372[1];
93
- var _373 = __read(useState(''), 2), points2 = _373[0], setPoints2 = _373[1];
94
- var _374 = __read(useState(''), 2), points3 = _374[0], setPoints3 = _374[1];
95
- var _375 = __read(useState(''), 2), points4 = _375[0], setPoints4 = _375[1];
96
- var _376 = __read(useState(''), 2), points5 = _376[0], setPoints5 = _376[1];
97
- var _377 = __read(useState(''), 2), secondaryPoints = _377[0], setSecondaryPoints = _377[1];
98
- var _378 = __read(useState(''), 2), fillPoints = _378[0], setFillPoints = _378[1];
99
- var _379 = __read(useState(''), 2), fillPoints2 = _379[0], setFillPoints2 = _379[1];
100
- var _380 = __read(useState(''), 2), fillPoints3 = _380[0], setFillPoints3 = _380[1];
101
- var _381 = __read(useState(''), 2), fillPoints4 = _381[0], setFillPoints4 = _381[1];
102
- var _382 = __read(useState(''), 2), fillPoints5 = _382[0], setFillPoints5 = _382[1];
103
- var _383 = __read(useState(''), 2), secondaryFillPoints = _383[0], setSecondaryFillPoints = _383[1];
104
- var _384 = __read(useState([]), 2), pointsFromSet = _384[0], setPointsFromSet = _384[1];
105
- var _385 = __read(useState([]), 2), fillPointsFromSet = _385[0], setFillPointsFromSet = _385[1];
106
- var _386 = __read(useState([]), 2), arrowPointsFromSet = _386[0], setArrowPointsFromSet = _386[1];
107
- var _387 = __read(useState((_o = props.focusedDataPointIndex) !== null && _o !== void 0 ? _o : -1), 2), selectedIndex = _387[0], setSelectedIndex = _387[1];
66
+ var _347 = __read(useState(0), 2), scrollX = _347[0], setScrollX = _347[1];
67
+ var _348 = __read(useState(''), 2), arrow1Points = _348[0], setArrow1Points = _348[1];
68
+ var _349 = __read(useState(''), 2), arrow2Points = _349[0], setArrow2Points = _349[1];
69
+ var _350 = __read(useState(''), 2), arrow3Points = _350[0], setArrow3Points = _350[1];
70
+ var _351 = __read(useState(''), 2), arrow4Points = _351[0], setArrow4Points = _351[1];
71
+ var _352 = __read(useState(''), 2), arrow5Points = _352[0], setArrow5Points = _352[1];
72
+ var _353 = __read(useState(''), 2), secondaryArrowPoints = _353[0], setSecondaryArrowPoints = _353[1];
73
+ var _354 = __read(useState(-1), 2), pointerIndex = _354[0], setPointerIndex = _354[1];
74
+ var _355 = __read(useState(0), 2), pointerX = _355[0], setPointerX = _355[1];
75
+ var _356 = __read(useState(0), 2), pointerY = _356[0], setPointerY = _356[1];
76
+ var _357 = __read(useState(), 2), pointerItem = _357[0], setPointerItem = _357[1];
77
+ var _358 = __read(useState(0), 2), pointerY2 = _358[0], setPointerY2 = _358[1];
78
+ var _359 = __read(useState(), 2), pointerItem2 = _359[0], setPointerItem2 = _359[1];
79
+ var _360 = __read(useState(0), 2), pointerY3 = _360[0], setPointerY3 = _360[1];
80
+ var _361 = __read(useState(), 2), pointerItem3 = _361[0], setPointerItem3 = _361[1];
81
+ var _362 = __read(useState(0), 2), pointerY4 = _362[0], setPointerY4 = _362[1];
82
+ var _363 = __read(useState(), 2), pointerItem4 = _363[0], setPointerItem4 = _363[1];
83
+ var _364 = __read(useState(0), 2), pointerY5 = _364[0], setPointerY5 = _364[1];
84
+ var _365 = __read(useState([]), 2), pointerYsForDataSet = _365[0], setPointerYsForDataSet = _365[1];
85
+ var _366 = __read(useState(), 2), pointerItem5 = _366[0], setPointerItem5 = _366[1];
86
+ var _367 = __read(useState(0), 2), secondaryPointerY = _367[0], setSecondaryPointerY = _367[1];
87
+ var _368 = __read(useState(), 2), secondaryPointerItem = _368[0], setSecondaryPointerItem = _368[1];
88
+ var _369 = __read(useState([]), 2), pointerItemsForSet = _369[0], setPointerItemsForSet = _369[1];
89
+ var _370 = __read(useState([]), 2), secondaryPointerItemsForSet = _370[0], setSecondaryPointerItemsForSet = _370[1];
90
+ var _371 = __read(useState(0), 2), responderStartTime = _371[0], setResponderStartTime = _371[1];
91
+ var _372 = __read(useState(false), 2), responderActive = _372[0], setResponderActive = _372[1];
92
+ var _373 = __read(useState(''), 2), points = _373[0], setPoints = _373[1];
93
+ var _374 = __read(useState(''), 2), points2 = _374[0], setPoints2 = _374[1];
94
+ var _375 = __read(useState(''), 2), points3 = _375[0], setPoints3 = _375[1];
95
+ var _376 = __read(useState(''), 2), points4 = _376[0], setPoints4 = _376[1];
96
+ var _377 = __read(useState(''), 2), points5 = _377[0], setPoints5 = _377[1];
97
+ var _378 = __read(useState(''), 2), secondaryPoints = _378[0], setSecondaryPoints = _378[1];
98
+ var _379 = __read(useState(''), 2), fillPoints = _379[0], setFillPoints = _379[1];
99
+ var _380 = __read(useState(''), 2), fillPoints2 = _380[0], setFillPoints2 = _380[1];
100
+ var _381 = __read(useState(''), 2), fillPoints3 = _381[0], setFillPoints3 = _381[1];
101
+ var _382 = __read(useState(''), 2), fillPoints4 = _382[0], setFillPoints4 = _382[1];
102
+ var _383 = __read(useState(''), 2), fillPoints5 = _383[0], setFillPoints5 = _383[1];
103
+ var _384 = __read(useState(''), 2), secondaryFillPoints = _384[0], setSecondaryFillPoints = _384[1];
104
+ var _385 = __read(useState([]), 2), pointsFromSet = _385[0], setPointsFromSet = _385[1];
105
+ var _386 = __read(useState([]), 2), fillPointsFromSet = _386[0], setFillPointsFromSet = _386[1];
106
+ var _387 = __read(useState([]), 2), arrowPointsFromSet = _387[0], setArrowPointsFromSet = _387[1];
107
+ var _388 = __read(useState((_o = props.focusedDataPointIndex) !== null && _o !== void 0 ? _o : -1), 2), selectedIndex = _388[0], setSelectedIndex = _388[1];
108
108
  useEffect(function () {
109
109
  var _a;
110
110
  setSelectedIndex((_a = props.focusedDataPointIndex) !== null && _a !== void 0 ? _a : -1);
@@ -417,19 +417,13 @@ export var useLineChart = function (props) {
417
417
  Math, __spreadArray([], __read(mergedPrimaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)); // find the smallest +ve number
418
418
  var showFractionalValues = (_106 = props.showFractionalValues) !== null && _106 !== void 0 ? _106 : (isFinite(valuesRange) && valuesRange <= 1);
419
419
  var roundToDigits = (_107 = props.roundToDigits) !== null && _107 !== void 0 ? _107 : (showFractionalValues ? indexOfFirstNonZeroDigit(valuesRange) + 1 : 0);
420
- var _388 = computeMaxAndMinItems(mergedPrimaryDataArrays, extrapolateMissingValues, roundToDigits, showFractionalValues, mergedPrimaryDataArraysOriginals), maxItem = _388.maxItem, minItem = _388.minItem;
420
+ var _389 = computeMaxAndMinItems(mergedPrimaryDataArrays, extrapolateMissingValues, roundToDigits, showFractionalValues, mergedPrimaryDataArraysOriginals), maxItem = _389.maxItem, minItem = _389.minItem;
421
421
  var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxItem) || 10;
422
422
  var mostNegativeValue = (_108 = props.mostNegativeValue) !== null && _108 !== void 0 ? _108 : minItem;
423
423
  var overflowTop = ((_109 = props.overflowTop) !== null && _109 !== void 0 ? _109 : props.secondaryXAxis)
424
424
  ? AxesAndRulesDefaults.overflowTopWithSecondaryXAxis
425
425
  : AxesAndRulesDefaults.overflowTop;
426
426
  var extendedContainerHeight = getExtendedContainerHeightWithPadding(containerHeight, overflowTop);
427
- var getX = function (spacingArray, index) {
428
- return initialSpacing + (index ? spacingArray[index - 1] : 0);
429
- };
430
- var getY = function (value) {
431
- return extendedContainerHeight - (value * containerHeight) / maxValue;
432
- };
433
427
  var secondaryValuesRange = Math.max.apply(Math, __spreadArray([], __read(mergedSecondaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)) - // find the largest +ve number
434
428
  Math.min.apply(// find the largest +ve number
435
429
  Math, __spreadArray([], __read(mergedSecondaryDataArrays.map(function (i) { return Math.max(i.value, 0); })), false)); // find the smallest +ve number
@@ -437,7 +431,7 @@ export var useLineChart = function (props) {
437
431
  var secondaryRoundToDigits = (_113 = (_112 = props.secondaryYAxis) === null || _112 === void 0 ? void 0 : _112.roundToDigits) !== null && _113 !== void 0 ? _113 : (showSecondaryFractionalValues
438
432
  ? indexOfFirstNonZeroDigit(secondaryValuesRange) + 1
439
433
  : 0);
440
- var _389 = computeMaxAndMinItems(mergedSecondaryDataArrays, extrapolateMissingValues, secondaryRoundToDigits, showSecondaryFractionalValues), secondaryMaxItem = _389.maxItem, secondaryMinItem = _389.minItem;
434
+ var _390 = computeMaxAndMinItems(mergedSecondaryDataArrays, extrapolateMissingValues, secondaryRoundToDigits, showSecondaryFractionalValues), secondaryMaxItem = _390.maxItem, secondaryMinItem = _390.minItem;
441
435
  var secondaryMaxValue = (_115 = (_114 = props.secondaryYAxis) === null || _114 === void 0 ? void 0 : _114.maxValue) !== null && _115 !== void 0 ? _115 : (secondaryMaxItem || maxValue);
442
436
  var getSecondaryY = function (value) {
443
437
  return extendedContainerHeight - (value * containerHeight) / secondaryMaxValue;
@@ -500,7 +494,7 @@ export var useLineChart = function (props) {
500
494
  var endOpacity5 = (_200 = props.endOpacity5) !== null && _200 !== void 0 ? _200 : endOpacity;
501
495
  defaultArrowConfig.strokeWidth = (_202 = (_201 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _201 === void 0 ? void 0 : _201.thickness) !== null && _202 !== void 0 ? _202 : thickness1;
502
496
  defaultArrowConfig.strokeColor = (_204 = (_203 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _203 === void 0 ? void 0 : _203.color) !== null && _204 !== void 0 ? _204 : color1;
503
- var _390 = getAllArrowProperties(props, defaultArrowConfig), arrowLength1 = _390.arrowLength1, arrowWidth1 = _390.arrowWidth1, arrowStrokeWidth1 = _390.arrowStrokeWidth1, arrowStrokeColor1 = _390.arrowStrokeColor1, arrowFillColor1 = _390.arrowFillColor1, showArrowBase1 = _390.showArrowBase1, arrowLength2 = _390.arrowLength2, arrowWidth2 = _390.arrowWidth2, arrowStrokeWidth2 = _390.arrowStrokeWidth2, arrowStrokeColor2 = _390.arrowStrokeColor2, arrowFillColor2 = _390.arrowFillColor2, showArrowBase2 = _390.showArrowBase2, arrowLength3 = _390.arrowLength3, arrowWidth3 = _390.arrowWidth3, arrowStrokeWidth3 = _390.arrowStrokeWidth3, arrowStrokeColor3 = _390.arrowStrokeColor3, arrowFillColor3 = _390.arrowFillColor3, showArrowBase3 = _390.showArrowBase3, arrowLength4 = _390.arrowLength4, arrowWidth4 = _390.arrowWidth4, arrowStrokeWidth4 = _390.arrowStrokeWidth4, arrowStrokeColor4 = _390.arrowStrokeColor4, arrowFillColor4 = _390.arrowFillColor4, showArrowBase4 = _390.showArrowBase4, arrowLength5 = _390.arrowLength5, arrowWidth5 = _390.arrowWidth5, arrowStrokeWidth5 = _390.arrowStrokeWidth5, arrowStrokeColor5 = _390.arrowStrokeColor5, arrowFillColor5 = _390.arrowFillColor5, showArrowBase5 = _390.showArrowBase5, arrowLengthsFromSet = _390.arrowLengthsFromSet, arrowWidthsFromSet = _390.arrowWidthsFromSet, arrowStrokeWidthsFromSet = _390.arrowStrokeWidthsFromSet, arrowStrokeColorsFromSet = _390.arrowStrokeColorsFromSet, arrowFillColorsFromSet = _390.arrowFillColorsFromSet, showArrowBasesFromSet = _390.showArrowBasesFromSet;
497
+ var _391 = getAllArrowProperties(props, defaultArrowConfig), arrowLength1 = _391.arrowLength1, arrowWidth1 = _391.arrowWidth1, arrowStrokeWidth1 = _391.arrowStrokeWidth1, arrowStrokeColor1 = _391.arrowStrokeColor1, arrowFillColor1 = _391.arrowFillColor1, showArrowBase1 = _391.showArrowBase1, arrowLength2 = _391.arrowLength2, arrowWidth2 = _391.arrowWidth2, arrowStrokeWidth2 = _391.arrowStrokeWidth2, arrowStrokeColor2 = _391.arrowStrokeColor2, arrowFillColor2 = _391.arrowFillColor2, showArrowBase2 = _391.showArrowBase2, arrowLength3 = _391.arrowLength3, arrowWidth3 = _391.arrowWidth3, arrowStrokeWidth3 = _391.arrowStrokeWidth3, arrowStrokeColor3 = _391.arrowStrokeColor3, arrowFillColor3 = _391.arrowFillColor3, showArrowBase3 = _391.showArrowBase3, arrowLength4 = _391.arrowLength4, arrowWidth4 = _391.arrowWidth4, arrowStrokeWidth4 = _391.arrowStrokeWidth4, arrowStrokeColor4 = _391.arrowStrokeColor4, arrowFillColor4 = _391.arrowFillColor4, showArrowBase4 = _391.showArrowBase4, arrowLength5 = _391.arrowLength5, arrowWidth5 = _391.arrowWidth5, arrowStrokeWidth5 = _391.arrowStrokeWidth5, arrowStrokeColor5 = _391.arrowStrokeColor5, arrowFillColor5 = _391.arrowFillColor5, showArrowBase5 = _391.showArrowBase5, arrowLengthsFromSet = _391.arrowLengthsFromSet, arrowWidthsFromSet = _391.arrowWidthsFromSet, arrowStrokeWidthsFromSet = _391.arrowStrokeWidthsFromSet, arrowStrokeColorsFromSet = _391.arrowStrokeColorsFromSet, arrowFillColorsFromSet = _391.arrowFillColorsFromSet, showArrowBasesFromSet = _391.showArrowBasesFromSet;
504
498
  var secondaryLineConfig = {
505
499
  zIndex: (_206 = (_205 = props.secondaryLineConfig) === null || _205 === void 0 ? void 0 : _205.zIndex) !== null && _206 !== void 0 ? _206 : zIndex1,
506
500
  curved: (_208 = (_207 = props.secondaryLineConfig) === null || _207 === void 0 ? void 0 : _207.curved) !== null && _208 !== void 0 ? _208 : props.curved,
@@ -1080,18 +1074,30 @@ export var useLineChart = function (props) {
1080
1074
  var stepHeight = (_261 = props.stepHeight) !== null && _261 !== void 0 ? _261 : containerHeight / noOfSections;
1081
1075
  var stepValue = (_262 = props.stepValue) !== null && _262 !== void 0 ? _262 : maxValue / noOfSections;
1082
1076
  var noOfSectionsBelowXAxis = (_263 = props.noOfSectionsBelowXAxis) !== null && _263 !== void 0 ? _263 : Math.round(Math.ceil(-mostNegativeValue / stepValue));
1083
- var axesAndRulesProps = getAxesAndRulesProps(props, containerHeight, stepHeight, stepValue, noOfSections, roundToDigits, negativeStepValue !== null && negativeStepValue !== void 0 ? negativeStepValue : stepValue, secondaryMaxValue, secondaryMinItem, showSecondaryFractionalValues, secondaryRoundToDigits);
1077
+ var negativeStepValue = (_264 = props.negativeStepValue) !== null && _264 !== void 0 ? _264 : stepValue;
1078
+ var axesAndRulesProps = getAxesAndRulesProps(props, containerHeight, stepHeight, stepValue, noOfSections, roundToDigits, negativeStepValue, secondaryMaxValue, secondaryMinItem, showSecondaryFractionalValues, secondaryRoundToDigits);
1084
1079
  var secondaryNoOfSectionsBelowXAxis = axesAndRulesProps.secondaryYAxisConfig.noOfSectionsBelowXAxis;
1085
1080
  var fourthQuadrantHeight = Math.max(noOfSectionsBelowXAxis, secondaryNoOfSectionsBelowXAxis) *
1086
1081
  stepHeight;
1087
1082
  var containerHeightIncludingBelowXAxis = extendedContainerHeight + fourthQuadrantHeight;
1088
- var showXAxisIndices = (_264 = props.showXAxisIndices) !== null && _264 !== void 0 ? _264 : AxesAndRulesDefaults.showXAxisIndices;
1089
- var xAxisIndicesHeight = (_265 = props.xAxisIndicesHeight) !== null && _265 !== void 0 ? _265 : AxesAndRulesDefaults.xAxisIndicesHeight;
1090
- var xAxisIndicesWidth = (_266 = props.xAxisIndicesWidth) !== null && _266 !== void 0 ? _266 : AxesAndRulesDefaults.xAxisIndicesWidth;
1091
- var xAxisIndicesColor = (_267 = props.xAxisIndicesColor) !== null && _267 !== void 0 ? _267 : AxesAndRulesDefaults.xAxisIndicesColor;
1092
- var xAxisLabelsAtBottom = (_268 = props.xAxisLabelsAtBottom) !== null && _268 !== void 0 ? _268 : false;
1093
- var xAxisTextNumberOfLines = (_269 = props.xAxisTextNumberOfLines) !== null && _269 !== void 0 ? _269 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
1094
- var xAxisLabelsVerticalShift = (_270 = props.xAxisLabelsVerticalShift) !== null && _270 !== void 0 ? _270 : (xAxisLabelsAtBottom
1083
+ var mostNegativeValueOnYAxis = negativeStepValue * noOfSectionsBelowXAxis;
1084
+ var getX = function (spacingArray, index) {
1085
+ return initialSpacing + (index ? spacingArray[index - 1] : 0);
1086
+ };
1087
+ var getY = function (value) {
1088
+ if (containsNegativeValue && value < 0 && stepValue !== negativeStepValue) {
1089
+ return (extendedContainerHeight +
1090
+ (value * fourthQuadrantHeight) / -mostNegativeValueOnYAxis);
1091
+ }
1092
+ return extendedContainerHeight - (value * containerHeight) / maxValue;
1093
+ };
1094
+ var showXAxisIndices = (_265 = props.showXAxisIndices) !== null && _265 !== void 0 ? _265 : AxesAndRulesDefaults.showXAxisIndices;
1095
+ var xAxisIndicesHeight = (_266 = props.xAxisIndicesHeight) !== null && _266 !== void 0 ? _266 : AxesAndRulesDefaults.xAxisIndicesHeight;
1096
+ var xAxisIndicesWidth = (_267 = props.xAxisIndicesWidth) !== null && _267 !== void 0 ? _267 : AxesAndRulesDefaults.xAxisIndicesWidth;
1097
+ var xAxisIndicesColor = (_268 = props.xAxisIndicesColor) !== null && _268 !== void 0 ? _268 : AxesAndRulesDefaults.xAxisIndicesColor;
1098
+ var xAxisLabelsAtBottom = (_269 = props.xAxisLabelsAtBottom) !== null && _269 !== void 0 ? _269 : false;
1099
+ var xAxisTextNumberOfLines = (_270 = props.xAxisTextNumberOfLines) !== null && _270 !== void 0 ? _270 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
1100
+ var xAxisLabelsVerticalShift = (_271 = props.xAxisLabelsVerticalShift) !== null && _271 !== void 0 ? _271 : (xAxisLabelsAtBottom
1095
1101
  ? fourthQuadrantHeight
1096
1102
  : AxesAndRulesDefaults.xAxisLabelsVerticalShift);
1097
1103
  var horizontalRulesStyle = props.horizontalRulesStyle;
@@ -1100,71 +1106,71 @@ export var useLineChart = function (props) {
1100
1106
  defaultPointerConfig.pointerStripHeight =
1101
1107
  containerHeight + noOfSectionsBelowXAxis * stepHeight;
1102
1108
  var pointerConfig = props.pointerConfig;
1103
- var getPointerProps = (_271 = props.getPointerProps) !== null && _271 !== void 0 ? _271 : null;
1104
- var pointerHeight = (_272 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.height) !== null && _272 !== void 0 ? _272 : defaultPointerConfig.height;
1105
- var pointerWidth = (_273 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.width) !== null && _273 !== void 0 ? _273 : defaultPointerConfig.width;
1106
- var pointerRadius = (_274 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.radius) !== null && _274 !== void 0 ? _274 : defaultPointerConfig.radius;
1107
- var pointerColor = (_275 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerColor) !== null && _275 !== void 0 ? _275 : defaultPointerConfig.pointerColor;
1108
- var pointerComponent = (_276 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerComponent) !== null && _276 !== void 0 ? _276 : defaultPointerConfig.pointerComponent;
1109
+ var getPointerProps = (_272 = props.getPointerProps) !== null && _272 !== void 0 ? _272 : null;
1110
+ var pointerHeight = (_273 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.height) !== null && _273 !== void 0 ? _273 : defaultPointerConfig.height;
1111
+ var pointerWidth = (_274 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.width) !== null && _274 !== void 0 ? _274 : defaultPointerConfig.width;
1112
+ var pointerRadius = (_275 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.radius) !== null && _275 !== void 0 ? _275 : defaultPointerConfig.radius;
1113
+ var pointerColor = (_276 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerColor) !== null && _276 !== void 0 ? _276 : defaultPointerConfig.pointerColor;
1114
+ var pointerComponent = (_277 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerComponent) !== null && _277 !== void 0 ? _277 : defaultPointerConfig.pointerComponent;
1109
1115
  var showPointerStrip = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.showPointerStrip) === false
1110
1116
  ? false
1111
1117
  : defaultPointerConfig.showPointerStrip;
1112
- var pointerStripHeight = (_277 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripHeight) !== null && _277 !== void 0 ? _277 : defaultPointerConfig.pointerStripHeight;
1113
- var pointerStripWidth = (_278 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripWidth) !== null && _278 !== void 0 ? _278 : defaultPointerConfig.pointerStripWidth;
1114
- var pointerStripColor = (_279 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripColor) !== null && _279 !== void 0 ? _279 : defaultPointerConfig.pointerStripColor;
1115
- var pointerStripUptoDataPoint = (_280 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripUptoDataPoint) !== null && _280 !== void 0 ? _280 : defaultPointerConfig.pointerStripUptoDataPoint;
1116
- var pointerLabelComponent = (_281 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelComponent) !== null && _281 !== void 0 ? _281 : defaultPointerConfig.pointerLabelComponent;
1117
- var stripOverPointer = (_282 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripOverPointer) !== null && _282 !== void 0 ? _282 : defaultPointerConfig.stripOverPointer;
1118
- var shiftPointerLabelX = (_283 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelX) !== null && _283 !== void 0 ? _283 : defaultPointerConfig.shiftPointerLabelX;
1119
- var shiftPointerLabelY = (_284 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelY) !== null && _284 !== void 0 ? _284 : defaultPointerConfig.shiftPointerLabelY;
1120
- var pointerLabelWidth = (_285 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelWidth) !== null && _285 !== void 0 ? _285 : defaultPointerConfig.pointerLabelWidth;
1121
- var pointerLabelHeight = (_286 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelHeight) !== null && _286 !== void 0 ? _286 : defaultPointerConfig.pointerLabelHeight;
1122
- var autoAdjustPointerLabelPosition = (_287 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.autoAdjustPointerLabelPosition) !== null && _287 !== void 0 ? _287 : defaultPointerConfig.autoAdjustPointerLabelPosition;
1123
- var pointerVanishDelay = (_288 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerVanishDelay) !== null && _288 !== void 0 ? _288 : defaultPointerConfig.pointerVanishDelay;
1124
- var activatePointersOnLongPress = (_289 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersOnLongPress) !== null && _289 !== void 0 ? _289 : defaultPointerConfig.activatePointersOnLongPress;
1125
- var activatePointersInstantlyOnTouch = (_290 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersInstantlyOnTouch) !== null && _290 !== void 0 ? _290 : defaultPointerConfig.activatePointersInstantlyOnTouch;
1126
- var activatePointersDelay = (_291 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersDelay) !== null && _291 !== void 0 ? _291 : defaultPointerConfig.activatePointersDelay;
1127
- var initialPointerIndex = (_292 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerIndex) !== null && _292 !== void 0 ? _292 : defaultPointerConfig.initialPointerIndex;
1128
- var initialPointerAppearDelay = (_293 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerAppearDelay) !== null && _293 !== void 0 ? _293 : (isAnimated
1118
+ var pointerStripHeight = (_278 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripHeight) !== null && _278 !== void 0 ? _278 : defaultPointerConfig.pointerStripHeight;
1119
+ var pointerStripWidth = (_279 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripWidth) !== null && _279 !== void 0 ? _279 : defaultPointerConfig.pointerStripWidth;
1120
+ var pointerStripColor = (_280 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripColor) !== null && _280 !== void 0 ? _280 : defaultPointerConfig.pointerStripColor;
1121
+ var pointerStripUptoDataPoint = (_281 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerStripUptoDataPoint) !== null && _281 !== void 0 ? _281 : defaultPointerConfig.pointerStripUptoDataPoint;
1122
+ var pointerLabelComponent = (_282 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelComponent) !== null && _282 !== void 0 ? _282 : defaultPointerConfig.pointerLabelComponent;
1123
+ var stripOverPointer = (_283 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.stripOverPointer) !== null && _283 !== void 0 ? _283 : defaultPointerConfig.stripOverPointer;
1124
+ var shiftPointerLabelX = (_284 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelX) !== null && _284 !== void 0 ? _284 : defaultPointerConfig.shiftPointerLabelX;
1125
+ var shiftPointerLabelY = (_285 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.shiftPointerLabelY) !== null && _285 !== void 0 ? _285 : defaultPointerConfig.shiftPointerLabelY;
1126
+ var pointerLabelWidth = (_286 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelWidth) !== null && _286 !== void 0 ? _286 : defaultPointerConfig.pointerLabelWidth;
1127
+ var pointerLabelHeight = (_287 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerLabelHeight) !== null && _287 !== void 0 ? _287 : defaultPointerConfig.pointerLabelHeight;
1128
+ var autoAdjustPointerLabelPosition = (_288 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.autoAdjustPointerLabelPosition) !== null && _288 !== void 0 ? _288 : defaultPointerConfig.autoAdjustPointerLabelPosition;
1129
+ var pointerVanishDelay = (_289 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerVanishDelay) !== null && _289 !== void 0 ? _289 : defaultPointerConfig.pointerVanishDelay;
1130
+ var activatePointersOnLongPress = (_290 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersOnLongPress) !== null && _290 !== void 0 ? _290 : defaultPointerConfig.activatePointersOnLongPress;
1131
+ var activatePointersInstantlyOnTouch = (_291 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersInstantlyOnTouch) !== null && _291 !== void 0 ? _291 : defaultPointerConfig.activatePointersInstantlyOnTouch;
1132
+ var activatePointersDelay = (_292 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.activatePointersDelay) !== null && _292 !== void 0 ? _292 : defaultPointerConfig.activatePointersDelay;
1133
+ var initialPointerIndex = (_293 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerIndex) !== null && _293 !== void 0 ? _293 : defaultPointerConfig.initialPointerIndex;
1134
+ var initialPointerAppearDelay = (_294 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.initialPointerAppearDelay) !== null && _294 !== void 0 ? _294 : (isAnimated
1129
1135
  ? animationDuration
1130
1136
  : defaultPointerConfig.initialPointerAppearDelay);
1131
- var persistPointer = (_294 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.persistPointer) !== null && _294 !== void 0 ? _294 : defaultPointerConfig.persistPointer;
1132
- var resetPointerIndexOnRelease = (_295 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerIndexOnRelease) !== null && _295 !== void 0 ? _295 : defaultPointerConfig.resetPointerIndexOnRelease;
1133
- var hidePointers = (_296 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointers) !== null && _296 !== void 0 ? _296 : defaultPointerConfig.hidePointers;
1134
- var hidePointer1 = (_297 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer1) !== null && _297 !== void 0 ? _297 : defaultPointerConfig.hidePointer1;
1135
- var hidePointer2 = (_298 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer2) !== null && _298 !== void 0 ? _298 : defaultPointerConfig.hidePointer2;
1136
- var hidePointer3 = (_299 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer3) !== null && _299 !== void 0 ? _299 : defaultPointerConfig.hidePointer3;
1137
- var hidePointer4 = (_300 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer4) !== null && _300 !== void 0 ? _300 : defaultPointerConfig.hidePointer4;
1138
- var hidePointer5 = (_301 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer5) !== null && _301 !== void 0 ? _301 : defaultPointerConfig.hidePointer5;
1139
- var hideSecondaryPointer = (_302 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hideSecondaryPointer) !== null && _302 !== void 0 ? _302 : defaultPointerConfig.hideSecondaryPointer;
1140
- var resetPointerOnDataChange = (_303 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerOnDataChange) !== null && _303 !== void 0 ? _303 : defaultPointerConfig.resetPointerOnDataChange;
1141
- var hidePointerDataPointForMissingValues = (_304 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointerDataPointForMissingValues) !== null && _304 !== void 0 ? _304 : ((pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointerForMissingValues) ? true : false);
1137
+ var persistPointer = (_295 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.persistPointer) !== null && _295 !== void 0 ? _295 : defaultPointerConfig.persistPointer;
1138
+ var resetPointerIndexOnRelease = (_296 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerIndexOnRelease) !== null && _296 !== void 0 ? _296 : defaultPointerConfig.resetPointerIndexOnRelease;
1139
+ var hidePointers = (_297 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointers) !== null && _297 !== void 0 ? _297 : defaultPointerConfig.hidePointers;
1140
+ var hidePointer1 = (_298 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer1) !== null && _298 !== void 0 ? _298 : defaultPointerConfig.hidePointer1;
1141
+ var hidePointer2 = (_299 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer2) !== null && _299 !== void 0 ? _299 : defaultPointerConfig.hidePointer2;
1142
+ var hidePointer3 = (_300 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer3) !== null && _300 !== void 0 ? _300 : defaultPointerConfig.hidePointer3;
1143
+ var hidePointer4 = (_301 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer4) !== null && _301 !== void 0 ? _301 : defaultPointerConfig.hidePointer4;
1144
+ var hidePointer5 = (_302 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer5) !== null && _302 !== void 0 ? _302 : defaultPointerConfig.hidePointer5;
1145
+ var hideSecondaryPointer = (_303 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hideSecondaryPointer) !== null && _303 !== void 0 ? _303 : defaultPointerConfig.hideSecondaryPointer;
1146
+ var resetPointerOnDataChange = (_304 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerOnDataChange) !== null && _304 !== void 0 ? _304 : defaultPointerConfig.resetPointerOnDataChange;
1147
+ var hidePointerDataPointForMissingValues = (_305 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointerDataPointForMissingValues) !== null && _305 !== void 0 ? _305 : ((pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointerForMissingValues) ? true : false);
1142
1148
  var pointerEvents = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerEvents;
1143
- var disableScroll = (_305 = props.disableScroll) !== null && _305 !== void 0 ? _305 : (pointerConfig
1149
+ var disableScroll = (_306 = props.disableScroll) !== null && _306 !== void 0 ? _306 : (pointerConfig
1144
1150
  ? activatePointersOnLongPress
1145
1151
  ? !!responderActive
1146
1152
  : true
1147
1153
  : false);
1148
- var showScrollIndicator = (_306 = props.showScrollIndicator) !== null && _306 !== void 0 ? _306 : LineDefaults.showScrollIndicator;
1149
- var focusEnabled = (_307 = props.focusEnabled) !== null && _307 !== void 0 ? _307 : LineDefaults.focusEnabled;
1150
- var showDataPointOnFocus = (_308 = props.showDataPointOnFocus) !== null && _308 !== void 0 ? _308 : LineDefaults.showDataPointOnFocus;
1151
- var showStripOnFocus = (_309 = props.showStripOnFocus) !== null && _309 !== void 0 ? _309 : LineDefaults.showStripOnFocus;
1152
- var showTextOnFocus = (_310 = props.showTextOnFocus) !== null && _310 !== void 0 ? _310 : LineDefaults.showTextOnFocus;
1153
- var showDataPointLabelOnFocus = (_311 = props.showDataPointLabelOnFocus) !== null && _311 !== void 0 ? _311 : LineDefaults.showDataPointLabelOnFocus;
1154
+ var showScrollIndicator = (_307 = props.showScrollIndicator) !== null && _307 !== void 0 ? _307 : LineDefaults.showScrollIndicator;
1155
+ var focusEnabled = (_308 = props.focusEnabled) !== null && _308 !== void 0 ? _308 : LineDefaults.focusEnabled;
1156
+ var showDataPointOnFocus = (_309 = props.showDataPointOnFocus) !== null && _309 !== void 0 ? _309 : LineDefaults.showDataPointOnFocus;
1157
+ var showStripOnFocus = (_310 = props.showStripOnFocus) !== null && _310 !== void 0 ? _310 : LineDefaults.showStripOnFocus;
1158
+ var showTextOnFocus = (_311 = props.showTextOnFocus) !== null && _311 !== void 0 ? _311 : LineDefaults.showTextOnFocus;
1159
+ var showDataPointLabelOnFocus = (_312 = props.showDataPointLabelOnFocus) !== null && _312 !== void 0 ? _312 : LineDefaults.showDataPointLabelOnFocus;
1154
1160
  var stripHeight = props.stripHeight;
1155
- var stripWidth = (_312 = props.stripWidth) !== null && _312 !== void 0 ? _312 : LineDefaults.stripWidth;
1156
- var stripColor = (_313 = props.stripColor) !== null && _313 !== void 0 ? _313 : color1;
1157
- var stripOpacity = (_314 = props.stripOpacity) !== null && _314 !== void 0 ? _314 : (startOpacity1 + endOpacity1) / 2;
1161
+ var stripWidth = (_313 = props.stripWidth) !== null && _313 !== void 0 ? _313 : LineDefaults.stripWidth;
1162
+ var stripColor = (_314 = props.stripColor) !== null && _314 !== void 0 ? _314 : color1;
1163
+ var stripOpacity = (_315 = props.stripOpacity) !== null && _315 !== void 0 ? _315 : (startOpacity1 + endOpacity1) / 2;
1158
1164
  var stripStrokeDashArray = props.stripStrokeDashArray;
1159
- var unFocusOnPressOut = (_315 = props.unFocusOnPressOut) !== null && _315 !== void 0 ? _315 : LineDefaults.unFocusOnPressOut;
1160
- var delayBeforeUnFocus = (_316 = props.delayBeforeUnFocus) !== null && _316 !== void 0 ? _316 : LineDefaults.delayBeforeUnFocus;
1161
- var focusTogether = (_317 = props.focusTogether) !== null && _317 !== void 0 ? _317 : true;
1162
- var focusProximity = (_318 = props.focusProximity) !== null && _318 !== void 0 ? _318 : Infinity;
1163
- var lineGradient = (_319 = props.lineGradient) !== null && _319 !== void 0 ? _319 : LineDefaults.lineGradient;
1164
- var lineGradientDirection = (_320 = props.lineGradientDirection) !== null && _320 !== void 0 ? _320 : 'vertical';
1165
- var lineGradientStartColor = (_321 = props.lineGradientStartColor) !== null && _321 !== void 0 ? _321 : LineDefaults.lineGradientStartColor;
1166
- var lineGradientEndColor = (_322 = props.lineGradientEndColor) !== null && _322 !== void 0 ? _322 : LineDefaults.lineGradientEndColor;
1167
- var _391 = __read(useState(-1), 2), selectedLineNumber = _391[0], setSelectedLineNumber = _391[1];
1165
+ var unFocusOnPressOut = (_316 = props.unFocusOnPressOut) !== null && _316 !== void 0 ? _316 : LineDefaults.unFocusOnPressOut;
1166
+ var delayBeforeUnFocus = (_317 = props.delayBeforeUnFocus) !== null && _317 !== void 0 ? _317 : LineDefaults.delayBeforeUnFocus;
1167
+ var focusTogether = (_318 = props.focusTogether) !== null && _318 !== void 0 ? _318 : true;
1168
+ var focusProximity = (_319 = props.focusProximity) !== null && _319 !== void 0 ? _319 : Infinity;
1169
+ var lineGradient = (_320 = props.lineGradient) !== null && _320 !== void 0 ? _320 : LineDefaults.lineGradient;
1170
+ var lineGradientDirection = (_321 = props.lineGradientDirection) !== null && _321 !== void 0 ? _321 : 'vertical';
1171
+ var lineGradientStartColor = (_322 = props.lineGradientStartColor) !== null && _322 !== void 0 ? _322 : LineDefaults.lineGradientStartColor;
1172
+ var lineGradientEndColor = (_323 = props.lineGradientEndColor) !== null && _323 !== void 0 ? _323 : LineDefaults.lineGradientEndColor;
1173
+ var _392 = __read(useState(-1), 2), selectedLineNumber = _392[0], setSelectedLineNumber = _392[1];
1168
1174
  var getPointerY = function (value) {
1169
1175
  return value || value === 0
1170
1176
  ? containerHeight -
@@ -1313,8 +1319,8 @@ export var useLineChart = function (props) {
1313
1319
  setTimeout(function () { return setSelectedIndex(-1); }, delayBeforeUnFocus);
1314
1320
  }
1315
1321
  };
1316
- var dataPointsRadius = (_324 = (_323 = props.dataPointsRadius1) !== null && _323 !== void 0 ? _323 : props.dataPointsRadius) !== null && _324 !== void 0 ? _324 : LineDefaults.dataPointsRadius;
1317
- var dataPointsWidth = (_326 = (_325 = props.dataPointsWidth1) !== null && _325 !== void 0 ? _325 : props.dataPointsWidth) !== null && _326 !== void 0 ? _326 : LineDefaults.dataPointsWidth;
1322
+ var dataPointsRadius = (_325 = (_324 = props.dataPointsRadius1) !== null && _324 !== void 0 ? _324 : props.dataPointsRadius) !== null && _325 !== void 0 ? _325 : LineDefaults.dataPointsRadius;
1323
+ var dataPointsWidth = (_327 = (_326 = props.dataPointsWidth1) !== null && _326 !== void 0 ? _326 : props.dataPointsWidth) !== null && _327 !== void 0 ? _327 : LineDefaults.dataPointsWidth;
1318
1324
  var extraWidthDueToDataPoint = props.hideDataPoints
1319
1325
  ? 0
1320
1326
  : dataPointsRadius !== null && dataPointsRadius !== void 0 ? dataPointsRadius : dataPointsWidth;
@@ -1382,7 +1388,7 @@ export var useLineChart = function (props) {
1382
1388
  pointerY: pointerY,
1383
1389
  onEndReached: props.onEndReached,
1384
1390
  onStartReached: props.onStartReached,
1385
- endReachedOffset: (_327 = props.endReachedOffset) !== null && _327 !== void 0 ? _327 : LineDefaults.endReachedOffset,
1391
+ endReachedOffset: (_328 = props.endReachedOffset) !== null && _328 !== void 0 ? _328 : LineDefaults.endReachedOffset,
1386
1392
  onMomentumScrollEnd: props.onMomentumScrollEnd,
1387
1393
  extraWidthDueToDataPoint: extraWidthDueToDataPoint,
1388
1394
  customBackground: props.customBackground,
@@ -1395,19 +1401,19 @@ export var useLineChart = function (props) {
1395
1401
  var pointerItemLocal = [];
1396
1402
  if (pointerConfig) {
1397
1403
  pointerItemLocal = [
1398
- __assign(__assign({}, pointerItem), { value: (_329 = (_328 = props.data) === null || _328 === void 0 ? void 0 : _328[pointerIndex]) === null || _329 === void 0 ? void 0 : _329.value })
1404
+ __assign(__assign({}, pointerItem), { value: (_330 = (_329 = props.data) === null || _329 === void 0 ? void 0 : _329[pointerIndex]) === null || _330 === void 0 ? void 0 : _330.value })
1399
1405
  ];
1400
1406
  if (pointerY2 !== 0) {
1401
- pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_331 = (_330 = props.data2) === null || _330 === void 0 ? void 0 : _330[pointerIndex]) === null || _331 === void 0 ? void 0 : _331.value }));
1407
+ pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_332 = (_331 = props.data2) === null || _331 === void 0 ? void 0 : _331[pointerIndex]) === null || _332 === void 0 ? void 0 : _332.value }));
1402
1408
  }
1403
1409
  if (pointerY3 !== 0) {
1404
- pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_333 = (_332 = props.data3) === null || _332 === void 0 ? void 0 : _332[pointerIndex]) === null || _333 === void 0 ? void 0 : _333.value }));
1410
+ pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_334 = (_333 = props.data3) === null || _333 === void 0 ? void 0 : _333[pointerIndex]) === null || _334 === void 0 ? void 0 : _334.value }));
1405
1411
  }
1406
1412
  if (pointerY4 !== 0) {
1407
- pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_335 = (_334 = props.data4) === null || _334 === void 0 ? void 0 : _334[pointerIndex]) === null || _335 === void 0 ? void 0 : _335.value }));
1413
+ pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_336 = (_335 = props.data4) === null || _335 === void 0 ? void 0 : _335[pointerIndex]) === null || _336 === void 0 ? void 0 : _336.value }));
1408
1414
  }
1409
1415
  if (pointerY5 !== 0) {
1410
- pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_337 = (_336 = props.data5) === null || _336 === void 0 ? void 0 : _336[pointerIndex]) === null || _337 === void 0 ? void 0 : _337.value }));
1416
+ pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_338 = (_337 = props.data5) === null || _337 === void 0 ? void 0 : _337[pointerIndex]) === null || _338 === void 0 ? void 0 : _338.value }));
1411
1417
  }
1412
1418
  }
1413
1419
  return {
package/dist/LineChart/types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { GestureResponderEvent, type ColorValue } from 'react-native';
1
+ import { GestureResponderEvent, StyleProp, TextStyle, ViewStyle, type ColorValue } from 'react-native';
2
2
  import { type yAxisSides } from '../utils/constants';
3
3
  import { XAxisConfig, type CurveType, type DataSet, type EdgePosition, type HighlightedRange, type LineSegment, type Pointer, type RuleType, type RulesConfig, type arrowConfigType, type referenceConfigType, type secondaryLineConfigType, type secondaryYAxisType, type Linecap, type IntersectionAreaConfig, CustomBackground, SpreadData } from '../utils/types';
4
4
  export interface LineChartPropsType {
@@ -158,9 +158,9 @@ export interface LineChartPropsType {
158
158
  yAxisColor?: ColorValue;
159
159
  yAxisExtraHeight?: number;
160
160
  trimYAxisAtTop?: boolean;
161
- yAxisLabelContainerStyle?: any;
161
+ yAxisLabelContainerStyle?: StyleProp<ViewStyle>;
162
162
  horizontalRulesStyle?: any;
163
- yAxisTextStyle?: any;
163
+ yAxisTextStyle?: StyleProp<TextStyle>;
164
164
  yAxisTextNumberOfLines?: number;
165
165
  xAxisTextNumberOfLines?: number;
166
166
  showFractionalValues?: boolean;
@@ -265,7 +265,7 @@ export interface LineChartPropsType {
265
265
  textShiftY?: number;
266
266
  yAxisLabelTexts?: string[];
267
267
  xAxisLabelTexts?: string[];
268
- xAxisLabelTextStyle?: any;
268
+ xAxisLabelTextStyle?: StyleProp<TextStyle>;
269
269
  xAxisLabelsHeight?: number;
270
270
  xAxisLabelsVerticalShift?: number;
271
271
  xAxisLabelsAtBottom?: boolean;
@@ -343,10 +343,10 @@ export interface lineDataItem {
343
343
  value?: number;
344
344
  label?: string;
345
345
  labelComponent?: Function;
346
- labelTextStyle?: any;
346
+ labelTextStyle?: StyleProp<TextStyle>;
347
347
  secondaryLabel?: string;
348
348
  secondaryLabelComponent?: Function;
349
- secondaryLabelTextStyle?: any;
349
+ secondaryLabelTextStyle?: StyleProp<TextStyle>;
350
350
  dataPointText?: string;
351
351
  textShiftX?: number;
352
352
  textShiftY?: number;
@@ -402,7 +402,7 @@ export interface bicolorLineDataItem {
402
402
  value: number;
403
403
  label?: string;
404
404
  labelComponent?: Function;
405
- labelTextStyle?: any;
405
+ labelTextStyle?: StyleProp<TextStyle>;
406
406
  dataPointText?: string;
407
407
  textShiftX?: number;
408
408
  textShiftY?: number;
@@ -507,6 +507,9 @@ export interface LineChartBicolorPropsType {
507
507
  verticalLinesSpacing?: number;
508
508
  hideAxesAndRules?: boolean;
509
509
  areaChart?: boolean;
510
+ spreadAreaData?: SpreadData[];
511
+ spreadAreaColor?: ColorValue;
512
+ spreadAreaOpacity?: number;
510
513
  disableScroll?: boolean;
511
514
  showScrollIndicator?: boolean;
512
515
  indicatorColor?: 'black' | 'default' | 'white';
@@ -527,9 +530,9 @@ export interface LineChartBicolorPropsType {
527
530
  colorNegative?: string;
528
531
  yAxisThickness?: number;
529
532
  yAxisColor?: ColorValue;
530
- yAxisLabelContainerStyle?: any;
533
+ yAxisLabelContainerStyle?: StyleProp<ViewStyle>;
531
534
  horizontalRulesStyle?: any;
532
- yAxisTextStyle?: any;
535
+ yAxisTextStyle?: StyleProp<TextStyle>;
533
536
  yAxisTextNumberOfLines?: number;
534
537
  xAxisTextNumberOfLines?: number;
535
538
  showFractionalValues?: boolean;
@@ -571,7 +574,7 @@ export interface LineChartBicolorPropsType {
571
574
  textShiftY?: number;
572
575
  yAxisLabelTexts?: string[];
573
576
  xAxisLabelTexts?: string[];
574
- xAxisLabelTextStyle?: any;
577
+ xAxisLabelTextStyle?: StyleProp<TextStyle>;
575
578
  width?: number;
576
579
  yAxisLabelPrefix?: string;
577
580
  yAxisLabelSuffix?: string;
@@ -590,6 +593,8 @@ export interface LineChartBicolorPropsType {
590
593
  overScrollMode?: 'auto' | 'always' | 'never';
591
594
  onScrollEndDrag?: (event: any, direction: any) => void;
592
595
  parentWidth?: number;
596
+ yAxisExtraHeight?: number;
597
+ trimYAxisAtTop?: boolean;
593
598
  }
594
599
  export interface LineChartPropsTypeForWeb extends LineChartPropsType {
595
600
  onContextMenu?: Function;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gifted-charts-core",
3
- "version": "0.1.64",
3
+ "version": "0.1.66",
4
4
  "description": "Mathematical and logical utilities used by react-gifted-charts and react-native-gifted-charts",
5
5
  "main": "./dist/index.js",
6
6
  "files": [