react-native-gifted-charts 1.4.11 → 1.4.13

package/README.md

@@ -17,7 +17,7 @@ The most complete library for Bar, Line, Area, Pie, Donut, Stacked Bar and Popul
 
 ## 📣 Announcement
 
-The web counterpart of this library is public now. Try out our new reactJS library- [react-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-gifted-charts) <br />
+The web counterpart of this library is public now. Try out our new reactJS library- [react-gifted-charts](https://www.npmjs.com/package/react-gifted-charts) <br />
 The exact same piece of code that you write to render charts in react-native, can be used to render charts in reactJS using this library!
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gifted-charts",
-  "version": "1.4.11",
+  "version": "1.4.13",
   "description": "The most complete library for Bar, Line, Area, Pie, Donut, Stacked Bar and Population Pyramid charts in React Native. Allows 2D, 3D, gradient, animations and live data updates.",
   "main": "src/index.tsx",
   "files": [
@@ -8,6 +8,7 @@
   ],
   "scripts": {
     "android": "react-native run-android",
+    "build": "tsc -p .",
     "ios": "react-native run-ios",
     "start": "react-native start",
     "test": "jest",
@@ -24,7 +25,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "gifted-charts-core": "^0.1.7"
+    "gifted-charts-core": "^0.1.8"
   },
   "devDependencies": {
     "@babel/core": "^7.22.5",

package/src/Components/BarAndLineChartsWrapper/index.tsx

@@ -53,6 +53,7 @@ const BarAndLineChartsWrapper = (props: BarAndLineChartsWrapperTypes) => {
     onEndReached,
     onStartReached,
     onMomentumScrollEnd,
+    extraWidthDueToDataPoint = 0, // extraWidthDueToDataPoint will be receved from props onlhy in case of LineCharts, for other charts it will be undefined and will default to 0
   } = props;
 
   const {
@@ -155,7 +156,7 @@ const BarAndLineChartsWrapper = (props: BarAndLineChartsWrapperTypes) => {
             position: 'absolute',
             bottom: chartType === chartTypes.LINE_BI_COLOR ? 0 : xAxisThickness,
           },
-          !!props.width && {width: props.width},
+          !!props.width && {width: props.width + extraWidthDueToDataPoint},
           horizontal && {
             width:
               (props.width ?? totalWidth) + (props.width ? endSpacing : -20),
@@ -168,10 +169,9 @@ const BarAndLineChartsWrapper = (props: BarAndLineChartsWrapperTypes) => {
               yAxisExtraHeight +
               labelsExtraHeight +
               (50 + xAxisLabelsVerticalShift),
-            width: Math.max(
-              props.width ?? 0,
-              totalWidth - spacing + endSpacing,
-            ),
+            width:
+              Math.max(props.width ?? 0, totalWidth - spacing + endSpacing) +
+              extraWidthDueToDataPoint,
             paddingLeft: initialSpacing,
             paddingBottom:
               noOfSectionsBelowXAxis * stepHeight + labelsExtraHeight,

package/src/LineChart/index.tsx

@@ -555,7 +555,9 @@ export const LineChart = (props: LineChartPropsType) => {
   });
 
   const onStripPress = (item, index) => {
-    setSelectedIndex(index);
+    if (props.focusedDataPointIndex === undefined || !props.onFocus) {
+      setSelectedIndex(index);
+    }
     if (props.onFocus) {
       props.onFocus(item, index);
     }