gifted-charts-core 0.0.12 → 0.0.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gifted-charts-core",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "description": "Mathematical and logical utilities used by react-gifted-charts and react-native-gifted-charts",
   "main": "index.ts",
   "files": [

package/src/BarChart/index.ts

@@ -602,6 +602,7 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
       patternId: props.patternId,
       onPress: props.onPress,
       onLongPress: props.onLongPress,
+      onPressOut: props.onPressOut,
       focusBarOnPress: props.focusBarOnPress,
       focusedBarConfig: props.focusedBarConfig,
       xAxisTextNumberOfLines: xAxisTextNumberOfLines,
@@ -613,6 +614,7 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
       selectedIndex: selectedIndex,
       setSelectedIndex: setSelectedIndex,
       activeOpacity: props.activeOpacity || 0.2,
+      noOfSectionsBelowXAxis,
 
       leftShiftForLastIndexTooltip: props.leftShiftForLastIndexTooltip || 0,
       label:

package/src/BarChart/types.ts

@@ -13,6 +13,7 @@ import { Component, ReactNode } from "react";
 export type stackDataItem = {
   onPress?: any;
   onLongPress?: any;
+  onPressOut?: any;
   label?: String;
   barWidth?: number;
   spacing?: number;
@@ -77,6 +78,7 @@ export type StackedBarChartPropsType = {
   barWidth?: number;
   onPress?: Function;
   onLongPress?: Function;
+  onPressOut?: Function;
 
   rotateLabel?: boolean;
   showXAxisIndices: boolean;
@@ -280,6 +282,7 @@ export type BarChartPropsType = {
   barMarginBottom?: number;
   onPress?: Function;
   onLongPress?: Function;
+  onPressOut?: Function;
   renderTooltip?: Function;
   leftShiftForTooltip?: number;
   leftShiftForLastIndexTooltip?: number;
@@ -392,6 +395,7 @@ export type barDataItem = {
   value: number;
   onPress?: any;
   onLongPress?: any;
+  onPressOut?: any;
   frontColor?: ColorValue;
   sideColor?: ColorValue;
   topColor?: ColorValue;
@@ -532,6 +536,7 @@ export type RenderBarsPropsType = {
   barMarginBottom?: number;
   onPress?: Function;
   onLongPress?: Function;
+  onPressOut?: Function;
   xAxisTextNumberOfLines: number;
   xAxisLabelsHeight?: number;
   xAxisLabelsVerticalShift: number;
@@ -545,6 +550,7 @@ export type RenderBarsPropsType = {
   xAxisThickness?: number;
   pointerConfig?: Pointer;
   focusBarOnPress?: boolean;
+  noOfSectionsBelowXAxis?: number;
 };
 
 export type trianglePropTypes = {

package/src/LineChart/index.ts

@@ -1571,7 +1571,7 @@ export const useLineChart = (props: extendedLineChartPropsType) => {
   const stepHeight = props.stepHeight || containerHeight / noOfSections;
   const stepValue = props.stepValue || maxValue / noOfSections;
   const noOfSectionsBelowXAxis =
-    props.noOfSectionsBelowXAxis || -mostNegativeValue / (stepValue || 1);
+    props.noOfSectionsBelowXAxis ?? -mostNegativeValue / (stepValue || 1);
 
   const showXAxisIndices =
     props.showXAxisIndices ?? AxesAndRulesDefaults.showXAxisIndices;

package/src/components/BarAndLineChartsWrapper/index.ts

@@ -4,6 +4,7 @@ import {
   BarAndLineChartsWrapperTypes,
   horizSectionPropTypes,
 } from "../../utils/types";
+import { I18nManager } from "react-native";
 
 export const useBarAndLineChartsWrapper = (
   props: BarAndLineChartsWrapperTypes
@@ -317,18 +318,25 @@ export const useBarAndLineChartsWrapper = (
   const [canMomentum, setCanMomentum] = useState(false);
 
   const isCloseToEnd = ({ layoutMeasurement, contentOffset, contentSize }) => {
-    return (
-      layoutMeasurement.width + contentOffset.x >=
-      contentSize.width - initialSpacing - endReachedOffset
-    );
+    return I18nManager.isRTL
+      ? contentOffset.x <= initialSpacing
+      : layoutMeasurement.width + contentOffset.x >=
+          contentSize.width - initialSpacing - endReachedOffset;
   };
 
   // const isCloseToStart = ({ layoutMeasurement, contentOffset }) => {
   //   return layoutMeasurement.width + contentOffset.x <= initialSpacing;
   // };
 
-  const isCloseToStart = ({ contentOffset }) => {
-    return contentOffset.x <= initialSpacing;
+  const isCloseToStart = ({
+    layoutMeasurement,
+    contentOffset,
+    contentSize,
+  }) => {
+    return I18nManager.isRTL
+      ? layoutMeasurement.width + contentOffset.x >=
+          contentSize.width - initialSpacing - endReachedOffset
+      : contentOffset.x <= initialSpacing;
   };
 
   useEffect(() => {