react-native-gifted-charts 1.4.33 → 1.4.34

package/dist/BarChart/RenderStackBars.js

@@ -116,7 +116,7 @@ var RenderStackBars = function (props) {
                                         ] })) : null, stackItem.innerBarComponent && stackItem.innerBarComponent()] }, index));
                         }), (item.barBackgroundPattern || barBackgroundPattern) && (_jsxs(Svg, { children: [_jsx(Defs, { children: item.barBackgroundPattern
                                         ? item.barBackgroundPattern()
-                                        : barBackgroundPattern === null || barBackgroundPattern === void 0 ? void 0 : barBackgroundPattern() }), _jsx(Rect, { stroke: "none", x: "1", y: "1", width: "100%", height: "100%", fill: "url(#".concat(item.patternId || patternId, ")") })] }))] }), localBarInnerComponent ? (_jsx(View, { style: { height: '100%', width: '100%' }, children: localBarInnerComponent(item, index) })) : null, (item.topLabelComponent || showValuesAsTopLabel) && (_jsx(View, { style: [
+                                        : barBackgroundPattern === null || barBackgroundPattern === void 0 ? void 0 : barBackgroundPattern() }), _jsx(Rect, { stroke: "none", x: "1", y: "1", width: "100%", height: totalHeight, fill: "url(#".concat(item.patternId || patternId, ")") })] }))] }), localBarInnerComponent ? (_jsx(View, { style: { height: '100%', width: '100%' }, children: localBarInnerComponent(item, index) })) : null, (item.topLabelComponent || showValuesAsTopLabel) && (_jsx(View, { style: [
                         {
                             position: 'absolute',
                             top: containsNegativeValue

package/dist/Components/common/StripAndLabel.js

@@ -24,7 +24,7 @@ export var StripAndLabel = function (props) {
                             : -pointerYLocal + 8,
                     width: pointerStripWidth,
                     height: pointerStripUptoDataPoint
-                        ? containerHeight - pointerYLocal + 10 - xAxisThickness
+                        ? containerHeight - pointerYLocal + 4 - xAxisThickness
                         : pointerStripHeight + (containsNegative ? 10 : 0),
                     marginTop: pointerStripUptoDataPoint
                         ? 0
@@ -34,7 +34,7 @@ export var StripAndLabel = function (props) {
                 }, children: _jsx(Svg, { children: _jsx(Line, { stroke: pointerStripColor, strokeWidth: pointerStripWidth, strokeDasharray: (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.strokeDashArray)
                             ? pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.strokeDashArray
                             : '', x1: 0, y1: 0, x2: 0, y2: pointerStripUptoDataPoint
-                            ? containerHeight - pointerYLocal + 10 - xAxisThickness
+                            ? containerHeight - pointerYLocal + 4 - xAxisThickness
                             : pointerStripHeight + 10 }) }) })) : null, pointerLabelComponent ? (_jsx(View, { pointerEvents: pointerEvents !== null && pointerEvents !== void 0 ? pointerEvents : 'none', style: [
                     {
                         position: 'absolute',

package/dist/LineChart/LineChartBicolor.js

@@ -248,7 +248,7 @@ export var LineChartBicolor = function (props) {
                     ? fillPointsArray.map(function (item, index) {
                         return (_jsx(Path, { d: item.points, fill: item.color === 'green'
                                 ? 'url(#Gradient)'
-                                : 'url(#GradientNegative)', stroke: 'transparent', strokeWidth: currentLineThickness || thickness }, index));
+                                : 'url(#GradientNegative)', stroke: 'none', strokeWidth: currentLineThickness || thickness }, index));
                     })
                     : null, renderSpecificVerticalLines(data), !hideDataPoints1
                     ? renderDataPoints(data, dataPointsShape1, dataPointsWidth1, dataPointsHeight1, dataPointsColor1, dataPointsRadius1, textColor1, textFontSize1, startIndex1, endIndex1)

package/dist/LineChart/index.js

@@ -196,7 +196,7 @@ export var LineChart = function (props) {
     ]);
     var svgWrapperViewStyle = {
         position: 'absolute',
-        bottom: 62 +
+        bottom: 63 +
             xAxisLabelsVerticalShift +
             labelsExtraHeight -
             xAxisThickness -
@@ -262,7 +262,7 @@ export var LineChart = function (props) {
         var getYOrSecondaryY = isSecondary ? getSecondaryY : getY;
         return dataForRender.map(function (item, index) {
             var _a;
-            var _b, _c, _d, _e, _f;
+            var _b, _c, _d, _e, _f, _g, _h, _j, _k;
             if (index < startIndex || index > endIndex)
                 return null;
             if (item.hideDataPoint) {
@@ -290,10 +290,7 @@ export var LineChart = function (props) {
                         props.focusedDataPointColor ||
                         LineDefaults.focusedDataPointColor;
                 dataPointsRadius =
-                    item.focusedDataPointRadius ||
-                        props.focusedDataPointRadius ||
-                        item.dataPointRadius ||
-                        dataPtsRadius;
+                    (_d = (_c = (_b = item.focusedDataPointRadius) !== null && _b !== void 0 ? _b : props.focusedDataPointRadius) !== null && _c !== void 0 ? _c : item.dataPointRadius) !== null && _d !== void 0 ? _d : dataPtsRadius;
                 if (showTextOnFocus) {
                     text = item.dataPointText;
                 }
@@ -310,7 +307,7 @@ export var LineChart = function (props) {
                 dataPointsWidth = item.dataPointWidth || dataPtsWidth;
                 dataPointsHeight = item.dataPointHeight || dataPtsHeight;
                 dataPointsColor = item.dataPointColor || dataPtsColor;
-                dataPointsRadius = item.dataPointRadius || dataPtsRadius;
+                dataPointsRadius = (_e = item.dataPointRadius) !== null && _e !== void 0 ? _e : dataPtsRadius;
                 if (showTextOnFocus) {
                     text = '';
                 }
@@ -320,10 +317,10 @@ export var LineChart = function (props) {
             if (showValuesAsDataPointsText) {
                 text = originalDataFromProps[index].value;
             }
-            var currentStripHeight = (_b = item.stripHeight) !== null && _b !== void 0 ? _b : stripHeight;
-            var currentStripWidth = (_c = item.stripWidth) !== null && _c !== void 0 ? _c : stripWidth;
-            var currentStripOpacity = (_d = item.stripOpacity) !== null && _d !== void 0 ? _d : stripOpacity;
-            var currentStripStrokeDashArray = (_f = (_e = item.stripStrokeDashArray) !== null && _e !== void 0 ? _e : stripStrokeDashArray) !== null && _f !== void 0 ? _f : '';
+            var currentStripHeight = (_f = item.stripHeight) !== null && _f !== void 0 ? _f : stripHeight;
+            var currentStripWidth = (_g = item.stripWidth) !== null && _g !== void 0 ? _g : stripWidth;
+            var currentStripOpacity = (_h = item.stripOpacity) !== null && _h !== void 0 ? _h : stripOpacity;
+            var currentStripStrokeDashArray = (_k = (_j = item.stripStrokeDashArray) !== null && _j !== void 0 ? _j : stripStrokeDashArray) !== null && _k !== void 0 ? _k : '';
             var currentStripColor = item.stripColor || stripColor;
             var position = I18nManager.isRTL ? 'right' : 'left';
             var y1 = currentStripHeight
@@ -765,7 +762,7 @@ export var LineChart = function (props) {
             onResponderEnd: function (evt) {
                 // console.log('evt...end.......',evt);
                 setResponderStartTime(0);
-                setPointerIndex(-1);
+                // setPointerIndex(-1);
                 setResponderActive(false);
                 if (!persistPointer)
                     setTimeout(function () { return setPointerX(0); }, pointerVanishDelay);
@@ -818,7 +815,7 @@ export var LineChart = function (props) {
             onResponderEnd: function (evt) {
                 // console.log('evt...end.......',evt);
                 setResponderStartTime(0);
-                setPointerIndex(-1);
+                // setPointerIndex(-1);
                 setResponderActive(false);
                 if (!persistPointer)
                     setTimeout(function () { return setPointerX(0); }, pointerVanishDelay);

package/dist/PieChart/index.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { View } from 'react-native';
+import { Platform, View } from 'react-native';
 import { PieChartMain } from './main';
 import { pieColors, usePieChart } from 'gifted-charts-core';
 export var PieChart = function (props) {
@@ -77,7 +77,7 @@ export var PieChart = function (props) {
                     position: 'absolute',
                     top: -extraRadius,
                     left: -extraRadius,
-                    zIndex: -1, // was not getting displayed in web (using Expo)
+                    zIndex: Platform.OS === 'web' ? -1 : 0, // was not getting displayed in web (using Expo)
                 }, children: _jsx(PieChartMain, __assign({}, props, { data: [
                         {
                             value: props.data[selectedIndex].value,

package/dist/PieChart/main.js

@@ -57,7 +57,7 @@ export var PieChartMain = function (props) {
                                 : item.strokeWidth === 0
                                     ? 0
                                     : item.strokeWidth || strokeWidth, fill: props.selectedIndex === index || item.peripheral
-                                ? 'transparent'
+                                ? 'none'
                                 : showGradient
                                     ? "url(#grad".concat(index, ")")
                                     : item.color || pieColors[index % 9], onPressIn: function () {

package/dist/PieChartPro/index.js

@@ -71,10 +71,10 @@ export var PieChartPro = function (props) {
                             }) }), data.map(function (item, index) {
                             var _a, _b, _c, _d;
                             var borderWidth = (_a = item.strokeWidth) !== null && _a !== void 0 ? _a : strokeWidth;
-                            var borderColor = (_c = (_b = item.strokeColor) !== null && _b !== void 0 ? _b : props.strokeColor) !== null && _c !== void 0 ? _c : (borderWidth ? 'black' : 'transparent');
+                            var borderColor = (_c = (_b = item.strokeColor) !== null && _b !== void 0 ? _b : props.strokeColor) !== null && _c !== void 0 ? _c : (borderWidth ? 'black' : 'none');
                             var strokeDashArrayLocal = (_d = item.strokeDashArray) !== null && _d !== void 0 ? _d : strokeDashArray;
                             return (_jsx(AnimatedPath, { id: "renderPath", d: isAnimated ? animatedPaths[index] : dFinal[index], fill: ring
-                                    ? 'transparent'
+                                    ? 'none'
                                     : showGradient
                                         ? "url(#grad".concat(index, ")")
                                         : data[index].color || pieColors[index % 9], strokeWidth: borderWidth, strokeDasharray: strokeDashArrayLocal, stroke: borderColor }, "path".concat(index)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gifted-charts",
-  "version": "1.4.33",
+  "version": "1.4.34",
   "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": "dist/index.js",
   "files": [
@@ -25,7 +25,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "gifted-charts-core": "^0.1.34"
+    "gifted-charts-core": "^0.1.35"
   },
   "devDependencies": {
     "@babel/cli": "^7.24.8",