gifted-charts-core 0.0.20 → 0.0.22

package/src/components/BarAndLineChartsWrapper/getHorizSectionsVals.ts

@@ -1,8 +1,12 @@
-import { AxesAndRulesDefaults } from "../../utils/constants";
-import { HorizSectionsType, secondaryYAxisType } from "../../utils/types";
-import { computeMaxAndMinItems, getLabelTextUtil } from "../../utils";
+import { AxesAndRulesDefaults } from '../../utils/constants'
+import {
+  type HorizSectionsType,
+  type horizSectionPropTypes,
+  type secondaryYAxisType
+} from '../../utils/types'
+import { computeMaxAndMinItems, getLabelTextUtil } from '../../utils'
 
-export const getHorizSectionVals = (props) => {
+export const getHorizSectionVals = (props: horizSectionPropTypes) => {
   const {
     width,
     noOfSectionsBelowXAxis,
@@ -47,10 +51,10 @@ export const getHorizSectionVals = (props) => {
     formatYLabel,
 
     secondaryData,
-    secondaryYAxis,
-  } = props;
+    secondaryYAxis
+  } = props
 
-  const yAxisExtraHeightAtTop = trimYAxisAtTop ? 0 : yAxisExtraHeight;
+  const yAxisExtraHeightAtTop = trimYAxisAtTop ? 0 : yAxisExtraHeight
 
   /***********************************************************************************************************************************
    *                                                                                                                                  *
@@ -92,69 +96,69 @@ export const getHorizSectionVals = (props) => {
     yAxisLabelPrefix: secondaryYAxis?.yAxisLabelPrefix ?? yAxisLabelPrefix,
     yAxisLabelSuffix: secondaryYAxis?.yAxisLabelSuffix ?? yAxisLabelSuffix,
     hideOrigin: secondaryYAxis?.hideOrigin ?? hideOrigin,
-    formatYLabel: secondaryYAxis?.formatYLabel,
-  };
+    formatYLabel: secondaryYAxis?.formatYLabel
+  }
 
   const { maxItem, minItem } = computeMaxAndMinItems(
     secondaryData,
     secondaryYAxisConfig.roundToDigits,
     secondaryYAxisConfig.showFractionalValues
-  );
+  )
   secondaryYAxisConfig.maxValue =
-    secondaryYAxisConfig.maxValue ?? (maxItem || maxValue);
+    secondaryYAxisConfig.maxValue ?? (maxItem || maxValue)
   secondaryYAxisConfig.mostNegativeValue =
-    secondaryYAxisConfig.mostNegativeValue ?? minItem;
+    secondaryYAxisConfig.mostNegativeValue ?? minItem
   secondaryYAxisConfig.stepValue =
     secondaryYAxisConfig.stepValue ??
     (secondaryYAxisConfig.maxValue ?? 0) /
-      (secondaryYAxisConfig.noOfSections ?? noOfSections);
+      (secondaryYAxisConfig.noOfSections ?? noOfSections)
   secondaryYAxisConfig.stepHeight =
     secondaryYAxisConfig.stepHeight ||
-    containerHeight / (secondaryYAxisConfig.noOfSections ?? noOfSections);
+    containerHeight / (secondaryYAxisConfig.noOfSections ?? noOfSections)
 
-  const horizSections: HorizSectionsType = [];
+  const horizSections: HorizSectionsType = []
   for (let i = 0; i <= noOfSections; i++) {
-    let value = maxValue - stepValue * i;
+    let value = maxValue - stepValue * i
     if (showFractionalValues || roundToDigits) {
       value = parseFloat(
         value.toFixed(roundToDigits ?? AxesAndRulesDefaults.roundToDigits)
-      );
+      )
     }
 
     horizSections.push({
       value: yAxisLabelTexts?.length
         ? yAxisLabelTexts[noOfSections + noOfSectionsBelowXAxis - i] ??
           value.toString()
-        : value.toString(),
-    });
+        : value.toString()
+    })
   }
 
-  const horizSectionsBelow: HorizSectionsType = [];
+  const horizSectionsBelow: HorizSectionsType = []
   if (noOfSectionsBelowXAxis) {
     for (let i = 1; i <= noOfSectionsBelowXAxis; i++) {
-      let value = stepValue * -i;
+      let value = stepValue * -i
       if (showFractionalValues || roundToDigits) {
         value = parseFloat(
           value.toFixed(roundToDigits ?? AxesAndRulesDefaults.roundToDigits)
-        );
+        )
       }
       horizSectionsBelow.push({
         value: props.yAxisLabelTexts
           ? props.yAxisLabelTexts[noOfSectionsBelowXAxis - i] ??
             value.toString()
-          : value.toString(),
-      });
+          : value.toString()
+      })
     }
   }
 
-  const secondaryHorizSections: HorizSectionsType = [];
+  const secondaryHorizSections: HorizSectionsType = []
   if (secondaryYAxis) {
     for (
       let i = 0;
       i <= (secondaryYAxisConfig.noOfSections ?? noOfSections);
       i++
     ) {
-      let value = secondaryYAxisConfig.stepValue * i;
+      let value = secondaryYAxisConfig.stepValue * i
       if (
         secondaryYAxisConfig.showFractionalValues ||
         secondaryYAxisConfig.roundToDigits
@@ -164,24 +168,24 @@ export const getHorizSectionVals = (props) => {
             secondaryYAxisConfig.roundToDigits ??
               AxesAndRulesDefaults.roundToDigits
           )
-        );
+        )
       }
       secondaryHorizSections.push({
         value: secondaryYAxisConfig.yAxisLabelTexts?.length
           ? secondaryYAxisConfig.yAxisLabelTexts[
               i - noOfSectionsBelowXAxis - 1
             ] ?? value.toString()
-          : value.toString(),
-      });
+          : value.toString()
+      })
     }
   }
 
-  const secondaryHorizSectionsBelow: HorizSectionsType = [];
+  const secondaryHorizSectionsBelow: HorizSectionsType = []
   if (secondaryYAxisConfig.noOfSectionsBelowXAxis) {
     for (let i = 1; i <= secondaryYAxisConfig.noOfSectionsBelowXAxis; i++) {
       let value =
         secondaryYAxisConfig.stepValue *
-        (i - secondaryYAxisConfig.noOfSectionsBelowXAxis - 1);
+        (i - secondaryYAxisConfig.noOfSectionsBelowXAxis - 1)
       if (
         secondaryYAxisConfig.showFractionalValues ||
         secondaryYAxisConfig.roundToDigits
@@ -191,13 +195,13 @@ export const getHorizSectionVals = (props) => {
             secondaryYAxisConfig.roundToDigits ??
               AxesAndRulesDefaults.roundToDigits
           )
-        );
+        )
       }
       secondaryHorizSectionsBelow.push({
         value: secondaryYAxisConfig.yAxisLabelTexts?.length
           ? secondaryYAxisConfig.yAxisLabelTexts[i - 1] ?? value.toString()
-          : value.toString(),
-      });
+          : value.toString()
+      })
     }
   }
 
@@ -215,25 +219,25 @@ export const getHorizSectionVals = (props) => {
 
     showReferenceLine3,
     referenceLine3Position,
-    referenceLine3Config,
-  } = referenceLinesConfig;
+    referenceLine3Config
+  } = referenceLinesConfig
 
   const defaultReferenceConfig = {
     thickness: rulesThickness,
     width: (width || totalWidth - spacing) + endSpacing,
-    color: "black",
+    color: 'black',
     type: rulesType,
-    dashWidth: dashWidth,
-    dashGap: dashGap,
-    labelText: "",
+    dashWidth,
+    dashGap,
+    labelText: '',
     labelTextStyle: null,
-    zIndex: 1,
-  };
+    zIndex: 1
+  }
 
-  showReferenceLine1 = referenceLinesConfig.showReferenceLine1 || false;
+  showReferenceLine1 = referenceLinesConfig.showReferenceLine1 || false
   referenceLine1Position =
     referenceLinesConfig.referenceLine1Position ??
-    (referenceLinesConfig.referenceLine1Position || containerHeight / 2);
+    (referenceLinesConfig.referenceLine1Position || containerHeight / 2)
   referenceLine1Config = referenceLinesConfig.referenceLine1Config
     ? {
         thickness:
@@ -262,14 +266,14 @@ export const getHorizSectionVals = (props) => {
           defaultReferenceConfig.labelTextStyle,
         zIndex:
           referenceLinesConfig.referenceLine1Config.zIndex ??
-          defaultReferenceConfig.zIndex,
+          defaultReferenceConfig.zIndex
       }
-    : defaultReferenceConfig;
+    : defaultReferenceConfig
 
-  showReferenceLine2 = referenceLinesConfig.showReferenceLine2 || false;
+  showReferenceLine2 = referenceLinesConfig.showReferenceLine2 || false
   referenceLine2Position =
     referenceLinesConfig.referenceLine2Position ??
-    (referenceLinesConfig.referenceLine2Position || (3 * containerHeight) / 2);
+    (referenceLinesConfig.referenceLine2Position || (3 * containerHeight) / 2)
   referenceLine2Config = referenceLinesConfig.referenceLine2Config
     ? {
         thickness:
@@ -298,14 +302,14 @@ export const getHorizSectionVals = (props) => {
           defaultReferenceConfig.labelTextStyle,
         zIndex:
           referenceLinesConfig.referenceLine2Config.zIndex ??
-          defaultReferenceConfig.zIndex,
+          defaultReferenceConfig.zIndex
       }
-    : defaultReferenceConfig;
+    : defaultReferenceConfig
 
-  showReferenceLine3 = referenceLinesConfig.showReferenceLine3 || false;
+  showReferenceLine3 = referenceLinesConfig.showReferenceLine3 || false
   referenceLine3Position =
     referenceLinesConfig.referenceLine3Position ??
-    (referenceLinesConfig.referenceLine3Position || containerHeight / 3);
+    (referenceLinesConfig.referenceLine3Position || containerHeight / 3)
   referenceLine3Config = referenceLinesConfig.referenceLine3Config
     ? {
         thickness:
@@ -334,46 +338,46 @@ export const getHorizSectionVals = (props) => {
           defaultReferenceConfig.labelTextStyle,
         zIndex:
           referenceLinesConfig.referenceLine3Config.zIndex ??
-          defaultReferenceConfig.zIndex,
+          defaultReferenceConfig.zIndex
       }
-    : defaultReferenceConfig;
+    : defaultReferenceConfig
 
-    const getLabelTexts = (val, index) => {
-      return getLabelTextUtil(
-        val,
-        index,
-        showFractionalValues,
-        yAxisLabelTexts,
-        yAxisOffset,
-        yAxisLabelPrefix,
-        yAxisLabelSuffix,
-        roundToDigits ?? AxesAndRulesDefaults.roundToDigits,
-        formatYLabel,
-      );
-    };
-  
-    const getLabelTextsForSecondaryYAxis = (val, index) => {
-      const {
-        showFractionalValues,
-        yAxisLabelTexts,
-        yAxisOffset,
-        yAxisLabelPrefix,
-        yAxisLabelSuffix,
-        roundToDigits,
-        formatYLabel,
-      } = secondaryYAxisConfig;
-      return getLabelTextUtil(
-        val,
-        index,
-        showFractionalValues,
-        yAxisLabelTexts,
-        yAxisOffset,
-        yAxisLabelPrefix,
-        yAxisLabelSuffix,
-        roundToDigits ?? AxesAndRulesDefaults.roundToDigits,
-        formatYLabel,
-      );
-    };
+  const getLabelTexts = (val: string, index: number): string => {
+    return getLabelTextUtil(
+      val,
+      index,
+      showFractionalValues,
+      yAxisLabelTexts,
+      yAxisOffset,
+      yAxisLabelPrefix,
+      yAxisLabelSuffix,
+      roundToDigits ?? AxesAndRulesDefaults.roundToDigits,
+      formatYLabel
+    )
+  }
+
+  const getLabelTextsForSecondaryYAxis = (val: string, index: number): string => {
+    const {
+      showFractionalValues,
+      yAxisLabelTexts,
+      yAxisOffset,
+      yAxisLabelPrefix,
+      yAxisLabelSuffix,
+      roundToDigits,
+      formatYLabel
+    } = secondaryYAxisConfig
+    return getLabelTextUtil(
+      val,
+      index,
+      showFractionalValues,
+      yAxisLabelTexts,
+      yAxisOffset,
+      yAxisLabelPrefix,
+      yAxisLabelSuffix,
+      roundToDigits ?? AxesAndRulesDefaults.roundToDigits,
+      formatYLabel
+    )
+  }
 
   return {
     secondaryYAxisConfig,
@@ -392,6 +396,6 @@ export const getHorizSectionVals = (props) => {
     horizSectionsBelow,
     secondaryHorizSectionsBelow,
     getLabelTexts,
-    getLabelTextsForSecondaryYAxis,
-  };
-};
+    getLabelTextsForSecondaryYAxis
+  }
+}

package/src/components/BarAndLineChartsWrapper/index.ts

@@ -1,10 +1,10 @@
-import { useEffect, useState } from "react";
-import { AxesAndRulesDefaults, BarDefaults } from "../../utils/constants";
+import { useEffect, useState } from 'react'
+import { AxesAndRulesDefaults, BarDefaults } from '../../utils/constants'
 import {
-  BarAndLineChartsWrapperTypes,
-  horizSectionPropTypes,
-} from "../../utils/types";
-import { I18nManager } from "react-native";
+  type BarAndLineChartsWrapperTypes,
+  type horizSectionPropTypes
+} from '../../utils/types'
+import { I18nManager, type NativeScrollEvent } from 'react-native'
 
 export const useBarAndLineChartsWrapper = (
   props: BarAndLineChartsWrapperTypes
@@ -58,110 +58,110 @@ export const useBarAndLineChartsWrapper = (
     pointerY,
 
     scrollEventThrottle,
-    endReachedOffset,
-  } = props;
+    endReachedOffset
+  } = props
 
-  let yAxisAtTop = rtl ? !props.yAxisAtTop : props.yAxisAtTop;
+  const yAxisAtTop = rtl ? !props.yAxisAtTop : props.yAxisAtTop
 
   const hideOrigin =
-    axesAndRulesProps.hideOrigin ?? AxesAndRulesDefaults.hideOrigin;
+    axesAndRulesProps.hideOrigin ?? AxesAndRulesDefaults.hideOrigin
 
   const yAxisSide =
-    axesAndRulesProps.yAxisSide ?? AxesAndRulesDefaults.yAxisSide;
-  const yAxisLabelContainerStyle = axesAndRulesProps.yAxisLabelContainerStyle;
+    axesAndRulesProps.yAxisSide ?? AxesAndRulesDefaults.yAxisSide
+  const yAxisLabelContainerStyle = axesAndRulesProps.yAxisLabelContainerStyle
   const yAxisColor =
-    axesAndRulesProps.yAxisColor ?? AxesAndRulesDefaults.yAxisColor;
+    axesAndRulesProps.yAxisColor ?? AxesAndRulesDefaults.yAxisColor
   const yAxisExtraHeight =
-    axesAndRulesProps.yAxisExtraHeight ?? containerHeight / 20;
+    axesAndRulesProps.yAxisExtraHeight ?? containerHeight / 20
   const trimYAxisAtTop =
-    axesAndRulesProps.trimYAxisAtTop ?? AxesAndRulesDefaults.trimYAxisAtTop;
+    axesAndRulesProps.trimYAxisAtTop ?? AxesAndRulesDefaults.trimYAxisAtTop
   const overflowTop =
-    axesAndRulesProps.overflowTop ?? AxesAndRulesDefaults.overflowTop;
+    axesAndRulesProps.overflowTop ?? AxesAndRulesDefaults.overflowTop
   const yAxisThickness =
-    axesAndRulesProps.yAxisThickness ?? AxesAndRulesDefaults.yAxisThickness;
+    axesAndRulesProps.yAxisThickness ?? AxesAndRulesDefaults.yAxisThickness
   const xAxisColor =
-    axesAndRulesProps.xAxisColor ?? AxesAndRulesDefaults.xAxisColor;
-  const xAxisLength = axesAndRulesProps.xAxisLength;
+    axesAndRulesProps.xAxisColor ?? AxesAndRulesDefaults.xAxisColor
+  const xAxisLength = axesAndRulesProps.xAxisLength
   const xAxisType =
-    axesAndRulesProps.xAxisType ?? AxesAndRulesDefaults.xAxisType;
+    axesAndRulesProps.xAxisType ?? AxesAndRulesDefaults.xAxisType
   const xAxisLabelsVerticalShift =
     axesAndRulesProps.xAxisLabelsVerticalShift ??
-    AxesAndRulesDefaults.xAxisLabelsVerticalShift;
-  const xAxisLabelsHeight = axesAndRulesProps.xAxisLabelsHeight;
-  const xAxisTextNumberOfLines = axesAndRulesProps.xAxisTextNumberOfLines;
+    AxesAndRulesDefaults.xAxisLabelsVerticalShift
+  const xAxisLabelsHeight = axesAndRulesProps.xAxisLabelsHeight
+  const xAxisTextNumberOfLines = axesAndRulesProps.xAxisTextNumberOfLines
   const dashWidth =
-    axesAndRulesProps.dashWidth ?? AxesAndRulesDefaults.dashWidth;
-  const dashGap = axesAndRulesProps.dashGap ?? AxesAndRulesDefaults.dashGap;
+    axesAndRulesProps.dashWidth ?? AxesAndRulesDefaults.dashWidth
+  const dashGap = axesAndRulesProps.dashGap ?? AxesAndRulesDefaults.dashGap
   const backgroundColor =
-    axesAndRulesProps.backgroundColor ?? AxesAndRulesDefaults.backgroundColor;
+    axesAndRulesProps.backgroundColor ?? AxesAndRulesDefaults.backgroundColor
   const hideRules =
-    axesAndRulesProps.hideRules ?? AxesAndRulesDefaults.hideRules;
-  const rulesLength = axesAndRulesProps.rulesLength;
+    axesAndRulesProps.hideRules ?? AxesAndRulesDefaults.hideRules
+  const rulesLength = axesAndRulesProps.rulesLength
   const rulesType =
-    axesAndRulesProps.rulesType ?? AxesAndRulesDefaults.rulesType;
+    axesAndRulesProps.rulesType ?? AxesAndRulesDefaults.rulesType
   const rulesThickness =
-    axesAndRulesProps.rulesThickness ?? AxesAndRulesDefaults.rulesThickness;
+    axesAndRulesProps.rulesThickness ?? AxesAndRulesDefaults.rulesThickness
   const rulesColor =
-    axesAndRulesProps.rulesColor ?? AxesAndRulesDefaults.rulesColor;
+    axesAndRulesProps.rulesColor ?? AxesAndRulesDefaults.rulesColor
   const rulesConfigArray =
-    axesAndRulesProps.rulesConfigArray ?? AxesAndRulesDefaults.rulesConfigArray;
-  const showYAxisIndices = axesAndRulesProps.showYAxisIndices ?? false;
+    axesAndRulesProps.rulesConfigArray ?? AxesAndRulesDefaults.rulesConfigArray
+  const showYAxisIndices = axesAndRulesProps.showYAxisIndices ?? false
   const yAxisIndicesHeight =
     axesAndRulesProps.yAxisIndicesHeight ??
-    AxesAndRulesDefaults.yAxisIndicesHeight;
+    AxesAndRulesDefaults.yAxisIndicesHeight
   const yAxisIndicesWidth =
     axesAndRulesProps.yAxisIndicesWidth ??
-    AxesAndRulesDefaults.yAxisIndicesWidth;
+    AxesAndRulesDefaults.yAxisIndicesWidth
   const yAxisIndicesColor =
     axesAndRulesProps.yAxisIndicesColor ??
-    AxesAndRulesDefaults.yAxisIndicesColor;
+    AxesAndRulesDefaults.yAxisIndicesColor
   const hideYAxisText =
-    axesAndRulesProps.hideYAxisText ?? AxesAndRulesDefaults.hideYAxisText;
+    axesAndRulesProps.hideYAxisText ?? AxesAndRulesDefaults.hideYAxisText
   const yAxisTextNumberOfLines =
     axesAndRulesProps.yAxisTextNumberOfLines ??
-    AxesAndRulesDefaults.yAxisTextNumberOfLines;
-  const yAxisLabelPrefix = axesAndRulesProps.yAxisLabelPrefix ?? "";
-  const yAxisLabelSuffix = axesAndRulesProps.yAxisLabelSuffix ?? "";
-  const yAxisTextStyle = axesAndRulesProps.yAxisTextStyle;
-  const secondaryYAxis = axesAndRulesProps.secondaryYAxis;
-  const stepValue = axesAndRulesProps.stepValue;
-  const roundToDigits = axesAndRulesProps.roundToDigits;
+    AxesAndRulesDefaults.yAxisTextNumberOfLines
+  const yAxisLabelPrefix = axesAndRulesProps.yAxisLabelPrefix ?? ''
+  const yAxisLabelSuffix = axesAndRulesProps.yAxisLabelSuffix ?? ''
+  const yAxisTextStyle = axesAndRulesProps.yAxisTextStyle
+  const secondaryYAxis = axesAndRulesProps.secondaryYAxis
+  const stepValue = axesAndRulesProps.stepValue
+  const roundToDigits = axesAndRulesProps.roundToDigits
 
-  const referenceLinesConfig = axesAndRulesProps.referenceLinesConfig;
+  const referenceLinesConfig = axesAndRulesProps.referenceLinesConfig
   const referenceLinesOverChartContent =
     referenceLinesConfig.referenceLinesOverChartContent ??
-    AxesAndRulesDefaults.referenceLinesOverChartContent;
+    AxesAndRulesDefaults.referenceLinesOverChartContent
 
   const showVerticalLines =
     axesAndRulesProps.showVerticalLines ??
-    AxesAndRulesDefaults.showVerticalLines;
+    AxesAndRulesDefaults.showVerticalLines
   const verticalLinesThickness =
     axesAndRulesProps.verticalLinesThickness ??
-    AxesAndRulesDefaults.verticalLinesThickness;
-  const verticalLinesHeight = axesAndRulesProps.verticalLinesHeight;
+    AxesAndRulesDefaults.verticalLinesThickness
+  const verticalLinesHeight = axesAndRulesProps.verticalLinesHeight
   const verticalLinesColor =
     axesAndRulesProps.verticalLinesColor ??
-    AxesAndRulesDefaults.verticalLinesColor;
+    AxesAndRulesDefaults.verticalLinesColor
   const verticalLinesStrokeDashArray =
     axesAndRulesProps.verticalLinesStrokeDashArray ??
-    AxesAndRulesDefaults.verticalLinesStrokeDashArray;
+    AxesAndRulesDefaults.verticalLinesStrokeDashArray
   const verticalLinesShift =
     axesAndRulesProps.verticalLinesShift ??
-    AxesAndRulesDefaults.verticalLinesShift;
+    AxesAndRulesDefaults.verticalLinesShift
   const verticalLinesZIndex =
     axesAndRulesProps.verticalLinesZIndex ??
-    AxesAndRulesDefaults.verticalLinesZIndex;
+    AxesAndRulesDefaults.verticalLinesZIndex
   const verticalLinesSpacing =
     axesAndRulesProps.verticalLinesSpacing ??
-    AxesAndRulesDefaults.verticalLinesSpacing;
+    AxesAndRulesDefaults.verticalLinesSpacing
   const verticalLinesUptoDataPoint =
     axesAndRulesProps.verticalLinesUptoDataPoint ??
-    AxesAndRulesDefaults.verticalLinesUptoDataPoint;
-  const noOfVerticalLines = axesAndRulesProps.noOfVerticalLines;
+    AxesAndRulesDefaults.verticalLinesUptoDataPoint
+  const noOfVerticalLines = axesAndRulesProps.noOfVerticalLines
 
   const verticalLinesAr = noOfVerticalLines
     ? [...Array(noOfVerticalLines).keys()]
-    : [...Array(stackData ? stackData.length : data.length).keys()];
+    : [...Array(stackData ? stackData.length : data.length).keys()]
 
   const horizSectionProps: horizSectionPropTypes = {
     width,
@@ -225,8 +225,8 @@ export const useBarAndLineChartsWrapper = (
 
     secondaryData,
     secondaryYAxis,
-    formatYLabel: axesAndRulesProps.formatYLabel,
-  };
+    formatYLabel: axesAndRulesProps.formatYLabel
+  }
 
   const lineInBarChartProps = {
     yAxisLabelWidth,
@@ -244,17 +244,17 @@ export const useBarAndLineChartsWrapper = (
     barWidth,
     labelsExtraHeight,
     scrollEventThrottle,
-    xAxisLabelsVerticalShift,
-  };
+    xAxisLabelsVerticalShift
+  }
   const lineInBarChartProps2 = {
     ...lineInBarChartProps,
     lineConfig: lineConfig2,
     points: points2,
-    data: lineData2,
-  };
-  const extendedContainerHeight = containerHeight + overflowTop + 10;
+    data: lineData2
+  }
+  const extendedContainerHeight = containerHeight + overflowTop + 10
   const containerHeightIncludingBelowXAxis =
-    extendedContainerHeight + noOfSectionsBelowXAxis * stepHeight;
+    extendedContainerHeight + noOfSectionsBelowXAxis * stepHeight
   const verticalLinesProps = {
     verticalLinesAr,
     verticalLinesSpacing,
@@ -278,28 +278,28 @@ export const useBarAndLineChartsWrapper = (
     containerHeightIncludingBelowXAxis,
     yAxisLabelWidth,
     totalWidth,
-    xAxisLabelsVerticalShift,
-  };
+    xAxisLabelsVerticalShift
+  }
 
   const actualContainerHeight =
-    containerHeightIncludingBelowXAxis + labelsExtraHeight - 10;
-  const actualContainerWidth = (width ?? totalWidth) + yAxisLabelWidth;
+    containerHeightIncludingBelowXAxis + labelsExtraHeight - 10
+  const actualContainerWidth = (width ?? totalWidth) + yAxisLabelWidth
 
   /*******************************************************************************************************************************************/
-  /***************                                 horizontal chart related calculations                                   *******************/
+  /** *************                                 horizontal chart related calculations                                   *******************/
   /*******************************************************************************************************************************************/
 
   const containerHeightIncludingXaxisLabels =
-    actualContainerHeight + BarDefaults.labelsWidthForHorizontal;
+    actualContainerHeight + BarDefaults.labelsWidthForHorizontal
 
   const difBwWidthHeight =
-    actualContainerWidth - containerHeightIncludingXaxisLabels;
+    actualContainerWidth - containerHeightIncludingXaxisLabels
 
   const transformForHorizontal = [
-    { rotate: rtl ? "-90deg" : "90deg" },
+    { rotate: rtl ? '-90deg' : '90deg' },
     {
       translateY:
-        -shiftX + (rtl ? -difBwWidthHeight + 14 : difBwWidthHeight) / 2 - 20,
+        -shiftX + (rtl ? -difBwWidthHeight + 14 : difBwWidthHeight) / 2 - 20
     },
     {
       translateX:
@@ -311,18 +311,22 @@ export const useBarAndLineChartsWrapper = (
           ? difBwWidthHeight
           : difBwWidthHeight - 40) /
           2 +
-        (yAxisAtTop ? (rtl ? (props.width ? 12 : 40) : 12) : 52),
-    },
-  ];
+        (yAxisAtTop ? (rtl ? (props.width ? 12 : 40) : 12) : 52)
+    }
+  ]
 
-  const [canMomentum, setCanMomentum] = useState(false);
+  const [canMomentum, setCanMomentum] = useState(false)
 
-  const isCloseToEnd = ({ layoutMeasurement, contentOffset, contentSize }) => {
+  const isCloseToEnd = ({
+    layoutMeasurement,
+    contentOffset,
+    contentSize
+  }: NativeScrollEvent): boolean => {
     return I18nManager.isRTL
       ? contentOffset.x <= initialSpacing
       : layoutMeasurement.width + contentOffset.x >=
-          contentSize.width - initialSpacing - endReachedOffset;
-  };
+          contentSize.width - initialSpacing - endReachedOffset
+  }
 
   // const isCloseToStart = ({ layoutMeasurement, contentOffset }) => {
   //   return layoutMeasurement.width + contentOffset.x <= initialSpacing;
@@ -331,19 +335,19 @@ export const useBarAndLineChartsWrapper = (
   const isCloseToStart = ({
     layoutMeasurement,
     contentOffset,
-    contentSize,
-  }) => {
+    contentSize
+  }: NativeScrollEvent): boolean => {
     return I18nManager.isRTL
       ? layoutMeasurement.width + contentOffset.x >=
           contentSize.width - initialSpacing - endReachedOffset
-      : contentOffset.x <= initialSpacing;
-  };
+      : contentOffset.x <= initialSpacing
+  }
 
   useEffect(() => {
     if (pointerConfig && getPointerProps) {
-      getPointerProps({ pointerIndex, pointerX, pointerY });
+      getPointerProps({ pointerIndex, pointerX, pointerY })
     }
-  }, [pointerIndex, pointerX, pointerY]);
+  }, [pointerIndex, pointerX, pointerY])
 
   return {
     containerHeightIncludingBelowXAxis,
@@ -367,6 +371,6 @@ export const useBarAndLineChartsWrapper = (
     showVerticalLines,
     verticalLinesProps,
     lineInBarChartProps,
-    lineInBarChartProps2,
-  };
-};
+    lineInBarChartProps2
+  }
+}