react-native-gifted-charts 1.2.13 → 1.2.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gifted-charts",
-  "version": "1.2.13",
+  "version": "1.2.16",
   "description": "The most complete library for Bar, Line, Area, Pie, Donut and Stacked Bar charts in React Native. Allows 2D, 3D, gradient, animations and live data updates.",
   "main": "src/index.tsx",
   "files": [
@@ -41,7 +41,8 @@
     "eslint": "^7.31.0",
     "jest": "^27.0.6",
     "metro-react-native-babel-preset": "^0.66.2",
-    "react-test-renderer": "17.0.1"
+    "react-test-renderer": "17.0.1",
+    "ts-jest": "^27.1.4"
   },
   "peerDependencies": {
     "react": "*",
@@ -57,8 +58,5 @@
     "donut",
     "area",
     "line"
-  ],
-  "jest": {
-    "preset": "react-native"
-  }
+  ]
 }

package/src/LineChart/index.tsx

@@ -413,6 +413,7 @@ export const LineChart = (props: propTypes) => {
         return item;
       });
     }
+    return props.data;
   }, [props.yAxisOffset, props.data]);
   const data2 = useMemo(() => {
     if (!props.data2) {
@@ -424,6 +425,7 @@ export const LineChart = (props: propTypes) => {
         return item;
       });
     }
+    return props.data2;
   }, [props.yAxisOffset, props.data2]);
   const data3 = useMemo(() => {
     if (!props.data3) {
@@ -435,6 +437,7 @@ export const LineChart = (props: propTypes) => {
         return item;
       });
     }
+    return props.data3;
   }, [props.yAxisOffset, props.data3]);
   const data4 = useMemo(() => {
     if (!props.data4) {
@@ -446,6 +449,7 @@ export const LineChart = (props: propTypes) => {
         return item;
       });
     }
+    return props.data4;
   }, [props.yAxisOffset, props.data4]);
   const data5 = useMemo(() => {
     if (!props.data5) {
@@ -457,6 +461,7 @@ export const LineChart = (props: propTypes) => {
         return item;
       });
     }
+    return props.data5;
   }, [props.yAxisOffset, props.data5]);
 
   const scrollToEnd = props.scrollToEnd || false;
@@ -1478,8 +1483,8 @@ export const LineChart = (props: propTypes) => {
       ? pointerConfig.pointerLabelHeight
       : defaultPointerConfig.pointerLabelHeight;
   const autoAdjustPointerLabelPosition =
-    pointerConfig && pointerConfig.autoAdjustPointerLabelPosition
-      ? pointerConfig.autoAdjustPointerLabelPosition
+    pointerConfig && pointerConfig.autoAdjustPointerLabelPosition === false
+      ? false
       : defaultPointerConfig.autoAdjustPointerLabelPosition;
   const pointerVanishDelay =
     pointerConfig && pointerConfig.pointerVanishDelay
@@ -2845,6 +2850,7 @@ export const LineChart = (props: propTypes) => {
           }
         }}
         onResponderMove={evt => {
+          // console.log('onResponderMove++++++++++',evt);
           if (!pointerConfig) return;
           if (
             activatePointersOnLongPress &&
@@ -2928,11 +2934,24 @@ export const LineChart = (props: propTypes) => {
             }
           }
         }}
-        onResponderRelease={evt => {
+        // onResponderReject={evt => {
+        //   console.log('evt...reject.......',evt);
+        // }}
+        onResponderEnd={evt => {
+          // console.log('evt...end.......',evt);
           setResponderStartTime(0);
           setResponderActive(false);
           setTimeout(() => setPointerX(0), pointerVanishDelay);
         }}
+        onResponderTerminationRequest={(evt) => false}
+        // onResponderTerminate={evt => {
+        //   console.log('evt...terminate.......',evt);
+        // }}
+        // onResponderRelease={evt => {
+        //   setResponderStartTime(0);
+        //   setResponderActive(false);
+        //   setTimeout(() => setPointerX(0), pointerVanishDelay);
+        // }}
         style={{
           position: 'absolute',
           height: containerHeight + 10 + horizSectionsBelow.length * stepHeight,
@@ -3138,11 +3157,24 @@ export const LineChart = (props: propTypes) => {
             }
           }
         }}
-        onResponderRelease={evt => {
+        // onResponderReject={evt => {
+        //   console.log('evt...reject.......',evt);
+        // }}
+        onResponderEnd={evt => {
+          // console.log('evt...end.......',evt);
           setResponderStartTime(0);
           setResponderActive(false);
           setTimeout(() => setPointerX(0), pointerVanishDelay);
         }}
+        onResponderTerminationRequest={(evt) => false}
+        // onResponderTerminate={evt => {
+        //   console.log('evt...terminate.......',evt);
+        // }}
+        // onResponderRelease={evt => {
+        //   setResponderStartTime(0);
+        //   setResponderActive(false);
+        //   setTimeout(() => setPointerX(0), pointerVanishDelay);
+        // }}
         style={{
           position: 'absolute',
           height: containerHeight + 10 + horizSectionsBelow.length * stepHeight,

package/src/todos.md

@@ -19,4 +19,4 @@
 ## Architecture Enhancement
 
 1. Make it compliant with React js
-2. Write tests
+2. Write Snapshot tests for more example charts (snapshot tests for some charts are already written)