react-native-gifted-charts 1.3.8 → 1.3.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gifted-charts",
-  "version": "1.3.8",
+  "version": "1.3.9",
   "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": [

package/src/Components/BarAndLineChartsWrapper/renderVerticalLines.tsx

@@ -53,7 +53,6 @@ const RenderVerticalLines = props => {
       style={{
         position: 'absolute',
         height: extendedContainerHeight,
-        left: 36 - yAxisLabelWidth,
         bottom: 60, //stepHeight * -0.5 + xAxisThickness,
         width: totalWidth,
         zIndex: verticalLinesZIndex || -1,

package/src/LineChart/index.tsx

@@ -33,6 +33,7 @@ import {
   getSecondaryDataWithOffsetIncluded,
   getAllArrowProperties,
   computeMaxAndMinItems,
+  clone,
 } from '../utils';
 import {
   AxesAndRulesDefaults,
@@ -117,7 +118,7 @@ export const LineChart = (props: LineChartPropsType) => {
       return [];
     }
     if (props.yAxisOffset) {
-      return JSON.parse(JSON.stringify(props.data)).map(item => {
+      return clone(props.data).map(item => {
         item.value = item.value - (props.yAxisOffset ?? 0);
         return item;
       });
@@ -129,7 +130,7 @@ export const LineChart = (props: LineChartPropsType) => {
       return [];
     }
     if (props.yAxisOffset) {
-      return JSON.parse(JSON.stringify(props.data2)).map(item => {
+      return clone(props.data2).map(item => {
         item.value = item.value - (props.yAxisOffset ?? 0);
         return item;
       });
@@ -141,7 +142,7 @@ export const LineChart = (props: LineChartPropsType) => {
       return [];
     }
     if (props.yAxisOffset) {
-      return JSON.parse(JSON.stringify(props.data3)).map(item => {
+      return clone(props.data3).map(item => {
         item.value = item.value - (props.yAxisOffset ?? 0);
         return item;
       });
@@ -153,7 +154,7 @@ export const LineChart = (props: LineChartPropsType) => {
       return [];
     }
     if (props.yAxisOffset) {
-      return JSON.parse(JSON.stringify(props.data4)).map(item => {
+      return clone(props.data4).map(item => {
         item.value = item.value - (props.yAxisOffset ?? 0);
         return item;
       });
@@ -165,7 +166,7 @@ export const LineChart = (props: LineChartPropsType) => {
       return [];
     }
     if (props.yAxisOffset) {
-      return JSON.parse(JSON.stringify(props.data5)).map(item => {
+      return clone(props.data5).map(item => {
         item.value = item.value - (props.yAxisOffset ?? 0);
         return item;
       });
@@ -1755,6 +1756,7 @@ export const LineChart = (props: LineChartPropsType) => {
                     style={[
                       styles.customDataPointContainer,
                       {
+                        zIndex: index === selectedIndex ? 1000 : 0,
                         top:
                           containerHeight +
                           (item.dataPointLabelShiftY ||

package/src/utils/index.tsx

@@ -588,3 +588,23 @@ export const getXForLineInBar = (
 
 export const getYForLineInBar = (value, shiftY, containerHeight, maxValue) =>
   containerHeight - shiftY - (value * containerHeight) / maxValue;
+
+export const clone = (obj) => {
+  if (obj === null || typeof (obj) !== 'object' || 'isActiveClone' in obj)
+      return obj;
+
+  let temp;
+  if (obj instanceof Date)
+      temp = new Date(obj);
+  else
+      temp = obj.constructor();
+
+  for (let key in obj) {
+      if (Object.prototype.hasOwnProperty.call(obj, key)) {
+          obj['isActiveClone'] = null;
+          temp[key] = clone(obj[key]);
+          delete obj['isActiveClone'];
+      }
+  }
+  return temp;
+}