gifted-charts-core 0.1.12 → 0.1.14

package/README.md

@@ -1 +1 @@
-This library contains the common code used by [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts) and react-gifted-charts.
+This library contains the common code used by [react-native-gifted-charts](https://www.npmjs.com/package/react-native-gifted-charts) and [react-gifted-charts](https://www.npmjs.com/package/react-gifted-charts).

package/package.json

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

package/src/BarChart/index.d.ts

@@ -119,7 +119,6 @@ export declare const useBarChart: (props: extendedBarChartPropsType) => {
     getPointerProps: Function | null;
     pointerIndex: number;
     getPropsCommonForBarAndStack: (item: any, index: number) => {
-        key: number;
         item: any;
         index: number;
         containerHeight: number;
@@ -165,6 +164,7 @@ export declare const useBarChart: (props: extendedBarChartPropsType) => {
         xAxisLabelsVerticalShift: number;
         renderTooltip: Function | undefined;
         leftShiftForTooltip: number;
+        autoCenterTooltip: boolean | undefined;
         initialSpacing: number;
         selectedIndex: number;
         setSelectedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;

package/src/BarChart/index.js

@@ -30,7 +30,7 @@ import { getArrowPoints, getAxesAndRulesProps, getExtendedContainerHeightWithPad
 import { AxesAndRulesDefaults, BarDefaults, chartTypes, defaultLineConfig, defaultPointerConfig } from '../utils/constants';
 export var useBarChart = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47;
-    var heightValue = props.heightValue, widthValue = props.widthValue, opacValue = props.opacValue, yAxisOffset = props.yAxisOffset, adjustToWidth = props.adjustToWidth, parentWidth = props.parentWidth, labelsDistanceFromXaxis = props.labelsDistanceFromXaxis, autoShiftLabelsForNegativeStacks = props.autoShiftLabelsForNegativeStacks, focusedBarIndex = props.focusedBarIndex, negativeStepValue = props.negativeStepValue;
+    var heightValue = props.heightValue, widthValue = props.widthValue, opacValue = props.opacValue, yAxisOffset = props.yAxisOffset, adjustToWidth = props.adjustToWidth, parentWidth = props.parentWidth, labelsDistanceFromXaxis = props.labelsDistanceFromXaxis, autoShiftLabelsForNegativeStacks = props.autoShiftLabelsForNegativeStacks, focusedBarIndex = props.focusedBarIndex, negativeStepValue = props.negativeStepValue, autoCenterTooltip = props.autoCenterTooltip;
     var _48 = __read(useState(''), 2), points = _48[0], setPoints = _48[1];
     var _49 = __read(useState(''), 2), points2 = _49[0], setPoints2 = _49[1];
     var _50 = __read(useState(''), 2), arrowPoints = _50[0], setArrowPoints = _50[1];
@@ -111,12 +111,12 @@ export var useBarChart = function (props) {
     var scrollAnimation = (_t = props.scrollAnimation) !== null && _t !== void 0 ? _t : BarDefaults.scrollAnimation;
     var scrollEventThrottle = (_u = props.scrollEventThrottle) !== null && _u !== void 0 ? _u : BarDefaults.scrollEventThrottle;
     var labelsExtraHeight = (_v = props.labelsExtraHeight) !== null && _v !== void 0 ? _v : AxesAndRulesDefaults.labelsExtraHeight;
-    var totalWidth = initialSpacing;
+    var totalWidth = initialSpacing + endSpacing;
     var maxItem = 0;
     var minItem = 0;
     if (props.stackData) {
-        props.stackData.forEach(function (stackItem) {
-            var _a, _b;
+        props.stackData.forEach(function (stackItem, index) {
+            var _a, _b, _c;
             var stackSumMax = stackItem.stacks.reduce(function (acc, stack) { return acc + (stack.value >= 0 ? stack.value : 0); }, 0);
             var stackSumMin = stackItem.stacks.reduce(function (acc, stack) { return acc + (stack.value < 0 ? stack.value : 0); }, 0);
             if (stackSumMax > maxItem) {
@@ -127,11 +127,11 @@ export var useBarChart = function (props) {
             }
             totalWidth +=
                 ((_b = (_a = stackItem.stacks[0].barWidth) !== null && _a !== void 0 ? _a : props.barWidth) !== null && _b !== void 0 ? _b : defaultBarWidth) +
-                    spacing;
+                    (index === data.length - 1 ? 0 : (_c = stackItem.spacing) !== null && _c !== void 0 ? _c : spacing);
         });
     }
     else {
-        data.forEach(function (item) {
+        data.forEach(function (item, index) {
             var _a, _b, _c;
             if (item.value > maxItem) {
                 maxItem = item.value;
@@ -141,7 +141,7 @@ export var useBarChart = function (props) {
             }
             totalWidth +=
                 ((_b = (_a = item.barWidth) !== null && _a !== void 0 ? _a : props.barWidth) !== null && _b !== void 0 ? _b : defaultBarWidth) +
-                    ((_c = item.spacing) !== null && _c !== void 0 ? _c : spacing);
+                    (index === data.length - 1 ? spacing : (_c = item.spacing) !== null && _c !== void 0 ? _c : spacing);
         });
     }
     var secondaryMaxItem = 0;
@@ -391,12 +391,11 @@ export var useBarChart = function (props) {
     });
     var animatedWidth = widthValue === null || widthValue === void 0 ? void 0 : widthValue.interpolate({
         inputRange: [0, 1],
-        outputRange: [0, initialSpacing + totalWidth + endSpacing]
+        outputRange: [0, initialSpacing + totalWidth]
     });
     var getPropsCommonForBarAndStack = function (item, index) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         return {
-            key: index,
             item: item,
             index: index,
             containerHeight: containerHeight,
@@ -442,6 +441,7 @@ export var useBarChart = function (props) {
             xAxisLabelsVerticalShift: xAxisLabelsVerticalShift,
             renderTooltip: props.renderTooltip,
             leftShiftForTooltip: (_e = props.leftShiftForTooltip) !== null && _e !== void 0 ? _e : 0,
+            autoCenterTooltip: autoCenterTooltip,
             initialSpacing: initialSpacing,
             selectedIndex: selectedIndex,
             setSelectedIndex: setSelectedIndex,

package/src/BarChart/index.ts

@@ -52,7 +52,8 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
     labelsDistanceFromXaxis,
     autoShiftLabelsForNegativeStacks,
     focusedBarIndex,
-    negativeStepValue
+    negativeStepValue,
+    autoCenterTooltip
   } = props
   const [points, setPoints] = useState('')
   const [points2, setPoints2] = useState('')
@@ -167,11 +168,11 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
   const labelsExtraHeight =
     props.labelsExtraHeight ?? AxesAndRulesDefaults.labelsExtraHeight
 
-  let totalWidth = initialSpacing
+  let totalWidth = initialSpacing + endSpacing
   let maxItem = 0
   let minItem = 0
   if (props.stackData) {
-    props.stackData.forEach((stackItem) => {
+    props.stackData.forEach((stackItem, index) => {
       const stackSumMax = stackItem.stacks.reduce(
         (acc, stack) => acc + (stack.value >= 0 ? stack.value : 0),
         0
@@ -190,10 +191,10 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
       }
       totalWidth +=
         (stackItem.stacks[0].barWidth ?? props.barWidth ?? defaultBarWidth) +
-        spacing
+        (index === data.length - 1 ? 0 : stackItem.spacing ?? spacing)
     })
   } else {
-    data.forEach((item: barDataItem) => {
+    data.forEach((item: barDataItem, index) => {
       if (item.value > maxItem) {
         maxItem = item.value
       }
@@ -202,7 +203,7 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
       }
       totalWidth +=
         (item.barWidth ?? props.barWidth ?? defaultBarWidth) +
-        (item.spacing ?? spacing)
+        (index === data.length - 1 ? spacing : item.spacing ?? spacing)
     })
   }
 
@@ -632,12 +633,11 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
 
   const animatedWidth = widthValue?.interpolate({
     inputRange: [0, 1],
-    outputRange: [0, initialSpacing + totalWidth + endSpacing]
+    outputRange: [0, initialSpacing + totalWidth]
   })
 
   const getPropsCommonForBarAndStack = (item: any, index: number) => {
     return {
-      key: index,
       item,
       index,
       containerHeight,
@@ -684,6 +684,7 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
       xAxisLabelsVerticalShift,
       renderTooltip: props.renderTooltip,
       leftShiftForTooltip: props.leftShiftForTooltip ?? 0,
+      autoCenterTooltip,
       initialSpacing,
       selectedIndex,
       setSelectedIndex,

package/src/BarChart/types.d.ts

@@ -215,6 +215,7 @@ export interface BarChartPropsType {
     disableScroll?: boolean;
     showScrollIndicator?: boolean;
     indicatorColor?: 'black' | 'default' | 'white';
+    nestedScrollEnabled?: boolean;
     roundedTop?: boolean;
     roundedBottom?: boolean;
     disablePress?: boolean;
@@ -271,6 +272,7 @@ export interface BarChartPropsType {
     onPressOut?: Function;
     renderTooltip?: Function;
     leftShiftForTooltip?: number;
+    autoCenterTooltip?: boolean;
     leftShiftForLastIndexTooltip?: number;
     barStyle?: object;
     barInnerComponent?: (item?: stackDataItem | barDataItem, index?: number) => ReactNode;
@@ -406,9 +408,11 @@ export interface barDataItem {
     patternId?: string;
     barMarginBottom?: number;
     leftShiftForTooltip?: number;
+    autoCenterTooltip?: boolean;
     barStyle?: object;
     barInnerComponent?: (item?: barDataItem, index?: number) => ReactNode;
     showXAxisIndex?: boolean;
+    isSecondary?: boolean;
 }
 export interface Animated2DWithGradientPropsType {
     item: barDataItem;
@@ -522,6 +526,7 @@ export interface RenderBarsPropsType {
     xAxisLabelsVerticalShift: number;
     renderTooltip: Function | undefined;
     leftShiftForTooltip?: number;
+    autoCenterTooltip?: boolean;
     leftShiftForLastIndexTooltip: number;
     initialSpacing: number;
     selectedIndex: number;

package/src/BarChart/types.ts

@@ -240,6 +240,7 @@ export interface BarChartPropsType {
   disableScroll?: boolean
   showScrollIndicator?: boolean
   indicatorColor?: 'black' | 'default' | 'white'
+  nestedScrollEnabled?: boolean
   roundedTop?: boolean
   roundedBottom?: boolean
   disablePress?: boolean
@@ -300,6 +301,7 @@ export interface BarChartPropsType {
   onPressOut?: Function
   renderTooltip?: Function
   leftShiftForTooltip?: number
+  autoCenterTooltip?: boolean
   leftShiftForLastIndexTooltip?: number
   barStyle?: object
   barInnerComponent?: (
@@ -446,9 +448,11 @@ export interface barDataItem {
   patternId?: string
   barMarginBottom?: number
   leftShiftForTooltip?: number
+  autoCenterTooltip?: boolean
   barStyle?: object
   barInnerComponent?: (item?: barDataItem, index?: number) => ReactNode
   showXAxisIndex?: boolean
+  isSecondary?: boolean
 }
 
 export interface Animated2DWithGradientPropsType {
@@ -569,6 +573,7 @@ export interface RenderBarsPropsType {
   xAxisLabelsVerticalShift: number
   renderTooltip: Function | undefined
   leftShiftForTooltip?: number
+  autoCenterTooltip?: boolean
   leftShiftForLastIndexTooltip: number
   initialSpacing: number
   selectedIndex: number

package/src/LineChart/LineChartBiColor.js

@@ -81,17 +81,17 @@ export var useLineChartBiColor = function (props) {
     var areaChart = (_w = props.areaChart) !== null && _w !== void 0 ? _w : false;
     var textFontSize1 = (_x = props.textFontSize) !== null && _x !== void 0 ? _x : LineDefaults.textFontSize;
     var textColor1 = (_y = props.textColor) !== null && _y !== void 0 ? _y : LineDefaults.textColor;
-    var totalWidth = initialSpacing;
+    var totalWidth = initialSpacing + endSpacing;
     var maxItem = 0;
     var minItem = 0;
-    data.forEach(function (item) {
+    data.forEach(function (item, index) {
         if (item.value > maxItem) {
             maxItem = item.value;
         }
         if (item.value < minItem) {
             minItem = item.value;
         }
-        totalWidth += spacing;
+        totalWidth += index === data.length - 1 ? 0 : spacing;
     });
     if ((_z = props.showFractionalValues) !== null && _z !== void 0 ? _z : props.roundToDigits) {
         maxItem *= 10 * ((_0 = props.roundToDigits) !== null && _0 !== void 0 ? _0 : 1);

package/src/LineChart/LineChartBiColor.ts

@@ -99,17 +99,17 @@ export const useLineChartBiColor = (
   const textFontSize1 = props.textFontSize ?? LineDefaults.textFontSize
   const textColor1 = props.textColor ?? LineDefaults.textColor
 
-  let totalWidth = initialSpacing
+  let totalWidth = initialSpacing + endSpacing
   let maxItem = 0
   let minItem = 0
-  data.forEach((item: bicolorLineDataItem) => {
+  data.forEach((item: bicolorLineDataItem, index) => {
     if (item.value > maxItem) {
       maxItem = item.value
     }
     if (item.value < minItem) {
       minItem = item.value
     }
-    totalWidth += spacing
+    totalWidth += index === data.length - 1 ? 0 : spacing
   })
 
   if (props.showFractionalValues ?? props.roundToDigits) {

package/src/LineChart/index.js

@@ -233,7 +233,7 @@ export var useLineChart = function (props) {
     var textColor3 = (_93 = (_92 = props.textColor3) !== null && _92 !== void 0 ? _92 : props.textColor) !== null && _93 !== void 0 ? _93 : LineDefaults.textColor;
     var textColor4 = (_95 = (_94 = props.textColor4) !== null && _94 !== void 0 ? _94 : props.textColor) !== null && _95 !== void 0 ? _95 : LineDefaults.textColor;
     var textColor5 = (_97 = (_96 = props.textColor5) !== null && _96 !== void 0 ? _96 : props.textColor) !== null && _97 !== void 0 ? _97 : LineDefaults.textColor;
-    var totalWidth = initialSpacing + spacing * (data0 !== null && data0 !== void 0 ? data0 : data).length;
+    var totalWidth = initialSpacing + spacing * (data0 !== null && data0 !== void 0 ? data0 : data).length - 1 + endSpacing;
     var _339 = computeMaxAndMinItems(data0 !== null && data0 !== void 0 ? data0 : data, props.roundToDigits, props.showFractionalValues), maxItem = _339.maxItem, minItem = _339.minItem;
     var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxItem);
     var mostNegativeValue = (_98 = props.mostNegativeValue) !== null && _98 !== void 0 ? _98 : minItem;
@@ -253,6 +253,9 @@ export var useLineChart = function (props) {
         animations.forEach(function (item, index) {
             item.addListener(function (val) {
                 var _a, _b, _c, _d, _e, _f, _g, _h;
+                if (typeof data[index] === 'undefined') {
+                    return;
+                }
                 var temp = (_b = (_a = data[index]) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : 0;
                 data[index].value = (_c = val === null || val === void 0 ? void 0 : val.value) !== null && _c !== void 0 ? _c : 0;
                 var pp = '';
@@ -1093,6 +1096,7 @@ export var useLineChart = function (props) {
         endSpacing: endSpacing,
         horizontalRulesStyle: horizontalRulesStyle,
         noOfSections: noOfSections,
+        sectionColors: props.sectionColors,
         showFractionalValues: showFractionalValues,
         axesAndRulesProps: getAxesAndRulesProps(props, stepValue, undefined),
         yAxisLabelTexts: props.yAxisLabelTexts,

package/src/LineChart/index.ts

@@ -428,7 +428,8 @@ export const useLineChart = (props: extendedLineChartPropsType) => {
   const textColor5 =
     props.textColor5 ?? props.textColor ?? LineDefaults.textColor
 
-  const totalWidth = initialSpacing + spacing * (data0 ?? data).length
+  const totalWidth =
+    initialSpacing + spacing * (data0 ?? data).length - 1 + endSpacing
 
   const { maxItem, minItem } = computeMaxAndMinItems(
     data0 ?? data,
@@ -469,7 +470,9 @@ export const useLineChart = (props: extendedLineChartPropsType) => {
   if (animateOnDataChange && animations) {
     animations.forEach((item, index) => {
       item.addListener((val) => {
-        if (typeof data[index] === 'undefined') { return; }
+        if (typeof data[index] === 'undefined') {
+          return
+        }
 
         const temp = data[index]?.value ?? 0
         data[index].value = val?.value ?? 0
@@ -1819,6 +1822,7 @@ export const useLineChart = (props: extendedLineChartPropsType) => {
     endSpacing,
     horizontalRulesStyle,
     noOfSections,
+    sectionColors: props.sectionColors,
     showFractionalValues,
 
     axesAndRulesProps: getAxesAndRulesProps(props, stepValue, undefined),

package/src/LineChart/types.d.ts

@@ -1,4 +1,4 @@
-import { type ColorValue } from 'react-native';
+import { GestureResponderEvent, type ColorValue } from 'react-native';
 import { type yAxisSides } from '../utils/constants';
 import { type CurveType, type DataSet, type EdgePosition, type HighlightedRange, type LineSegment, type Pointer, type RuleType, type RulesConfig, type arrowConfigType, type referenceConfigType, type secondaryLineConfigType, type secondaryYAxisType } from '../utils/types';
 export interface LineChartPropsType {
@@ -6,6 +6,7 @@ export interface LineChartPropsType {
     overflowTop?: number;
     overflowBottom?: number;
     noOfSections?: number;
+    sectionColors?: ColorValue[];
     maxValue?: number;
     mostNegativeValue?: number;
     stepHeight?: number;
@@ -107,6 +108,7 @@ export interface LineChartPropsType {
     pointerConfig?: Pointer;
     showScrollIndicator?: boolean;
     indicatorColor?: 'black' | 'default' | 'white';
+    nestedScrollEnabled?: boolean;
     showYAxisIndices?: boolean;
     showXAxisIndices?: boolean;
     yAxisIndicesHeight?: number;
@@ -295,6 +297,8 @@ export interface LineChartPropsType {
     interpolateMissingValues?: boolean;
     onlyPositive?: boolean;
     parentWidth?: number;
+    onChartAreaPress?: (event: GestureResponderEvent) => void;
+    onBackgroundPress?: (event: GestureResponderEvent) => void;
 }
 export interface lineDataItem {
     value: number;
@@ -451,6 +455,7 @@ export interface LineChartBicolorPropsType {
     disableScroll?: boolean;
     showScrollIndicator?: boolean;
     indicatorColor?: 'black' | 'default' | 'white';
+    nestedScrollEnabled?: boolean;
     showYAxisIndices?: boolean;
     showXAxisIndices?: boolean;
     yAxisIndicesHeight?: number;

package/src/LineChart/types.ts

@@ -1,4 +1,4 @@
-import { type ColorValue } from 'react-native'
+import { GestureResponderEvent, type ColorValue } from 'react-native'
 import { type yAxisSides } from '../utils/constants'
 import {
   type CurveType,
@@ -20,6 +20,7 @@ export interface LineChartPropsType {
   overflowTop?: number
   overflowBottom?: number
   noOfSections?: number
+  sectionColors?: ColorValue[]
   maxValue?: number
   mostNegativeValue?: number
   stepHeight?: number
@@ -125,6 +126,7 @@ export interface LineChartPropsType {
   pointerConfig?: Pointer
   showScrollIndicator?: boolean
   indicatorColor?: 'black' | 'default' | 'white'
+  nestedScrollEnabled?: boolean
 
   // Indices
 
@@ -329,6 +331,9 @@ export interface LineChartPropsType {
   interpolateMissingValues?: boolean
   onlyPositive?: boolean
   parentWidth?: number
+
+  onChartAreaPress?: (event: GestureResponderEvent) => void
+  onBackgroundPress?: (event: GestureResponderEvent) => void
 }
 
 export interface lineDataItem {
@@ -502,6 +507,7 @@ export interface LineChartBicolorPropsType {
   disableScroll?: boolean
   showScrollIndicator?: boolean
   indicatorColor?: 'black' | 'default' | 'white'
+  nestedScrollEnabled?: boolean
 
   // Indices
 

package/src/components/BarAndLineChartsWrapper/getHorizSectionsVals.js

@@ -112,7 +112,7 @@ export var getHorizSectionVals = function (props) {
     var showReferenceLine1 = referenceLinesConfig.showReferenceLine1, referenceLine1Position = referenceLinesConfig.referenceLine1Position, referenceLine1Config = referenceLinesConfig.referenceLine1Config, showReferenceLine2 = referenceLinesConfig.showReferenceLine2, referenceLine2Position = referenceLinesConfig.referenceLine2Position, referenceLine2Config = referenceLinesConfig.referenceLine2Config, showReferenceLine3 = referenceLinesConfig.showReferenceLine3, referenceLine3Position = referenceLinesConfig.referenceLine3Position, referenceLine3Config = referenceLinesConfig.referenceLine3Config;
     var defaultReferenceConfig = {
         thickness: rulesThickness,
-        width: (width || totalWidth - spacing) + endSpacing,
+        width: (width || totalWidth - endSpacing) + endSpacing,
         color: 'black',
         type: rulesType,
         dashWidth: dashWidth,

package/src/components/BarAndLineChartsWrapper/getHorizSectionsVals.ts

@@ -228,7 +228,7 @@ export const getHorizSectionVals = (props: horizSectionPropTypes) => {
 
   const defaultReferenceConfig = {
     thickness: rulesThickness,
-    width: (width || totalWidth - spacing) + endSpacing,
+    width: (width || totalWidth - endSpacing) + endSpacing,
     color: 'black',
     type: rulesType,
     dashWidth,

package/src/components/BarAndLineChartsWrapper/index.js

@@ -91,6 +91,7 @@ export var useBarAndLineChartsWrapper = function (props) {
     var verticalLinesAr = noOfVerticalLines
         ? __spreadArray([], __read(Array(noOfVerticalLines).keys()), false) : __spreadArray([], __read(Array(stackData ? stackData.length : data.length).keys()), false);
     var horizSectionProps = {
+        chartType: chartType,
         width: width,
         horizSections: horizSections,
         noOfSectionsBelowXAxis: noOfSectionsBelowXAxis,

package/src/components/BarAndLineChartsWrapper/index.ts

@@ -168,6 +168,7 @@ export const useBarAndLineChartsWrapper = (
     : [...Array(stackData ? stackData.length : data.length).keys()]
 
   const horizSectionProps: horizSectionPropTypes = {
+    chartType,
     width,
     horizSections,
     noOfSectionsBelowXAxis,

package/src/utils/index.js

@@ -545,7 +545,7 @@ export var getAxesAndRulesProps = function (props, stepValue, negativeStepValue,
     };
     if (((_c = props.secondaryYAxis) !== null && _c !== void 0 ? _c : (_d = props.lineConfig) === null || _d === void 0 ? void 0 : _d.isSecondary) &&
         maxValue !== undefined &&
-        secondaryYAxis.maxValue === undefined) {
+        secondaryYAxis && secondaryYAxis.maxValue === undefined) {
         axesAndRulesProps.secondaryYAxis = __assign(__assign({}, secondaryYAxis), { maxValue: maxValue });
     }
     return axesAndRulesProps;

package/src/utils/index.ts

@@ -744,7 +744,7 @@ export const getAxesAndRulesProps = (
   if (
     (props.secondaryYAxis ?? props.lineConfig?.isSecondary) &&
     maxValue !== undefined &&
-    secondaryYAxis.maxValue === undefined
+    secondaryYAxis && secondaryYAxis.maxValue === undefined
   ) {
     axesAndRulesProps.secondaryYAxis = { ...secondaryYAxis, maxValue }
   }

package/src/utils/types.d.ts

@@ -110,6 +110,7 @@ export interface arrowConfigType {
     showArrowBase: boolean;
 }
 export interface horizSectionPropTypes {
+    chartType: chartTypes;
     width: number | undefined;
     horizSections: any[];
     noOfSectionsBelowXAxis: number;
@@ -245,6 +246,7 @@ export interface BarAndLineChartsWrapperTypes {
     endReachedOffset: number;
     isRTL?: boolean;
     extraWidthDueToDataPoint?: number;
+    nestedScrollEnabled?: boolean;
 }
 export interface Pointer {
     height?: number;

package/src/utils/types.ts

@@ -125,6 +125,7 @@ export interface arrowConfigType {
 }
 
 export interface horizSectionPropTypes {
+  chartType: chartTypes
   width: number | undefined
   horizSections: any[]
   noOfSectionsBelowXAxis: number
@@ -276,6 +277,7 @@ export interface BarAndLineChartsWrapperTypes {
   endReachedOffset: number
   isRTL?: boolean
   extraWidthDueToDataPoint?: number
+  nestedScrollEnabled?: boolean
 }
 
 export interface Pointer {