react-native-gifted-charts 1.4.62 → 1.4.64

package/README.md

@@ -10,7 +10,7 @@
   <a href="https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts">
     <img src="/demos/gitLogo.png" height="auto" width="28" height="28" />
   </a> &nbsp; &nbsp; &nbsp;
-  <a href="https://stackoverflow.com/questions/tagged/react-native-gifted-charts">
+  <a href="https://stackoverflow.com/questions/tagged/react-native-gifted-charts?tab=Newest">
     <img src="/demos/stackOverflow.png" height="auto" width="28" height="28" />
   </a> &nbsp; &nbsp; &nbsp;
   <a href="https://discord.gg/FBbu9duJxs">

package/dist/BarChart/index.js

@@ -133,9 +133,10 @@ export var BarChart = function (props) {
     };
     var activatePointer = function (x) {
         var _a;
+        var chartData = stackData !== null && stackData !== void 0 ? stackData : data;
         var factor = (x - initialSpacing - barWidth / 2) / (spacing + barWidth);
         factor = Math.round(factor);
-        factor = Math.min(factor, data.length - 1);
+        factor = Math.min(factor, chartData.length - 1);
         factor = Math.max(factor, 0);
         var z = initialSpacing +
             (spacing + barWidth) * factor -
@@ -144,7 +145,7 @@ export var BarChart = function (props) {
         setPointerX(z);
         setPointerIndex(factor);
         var item, y;
-        item = (stackData !== null && stackData !== void 0 ? stackData : data)[factor];
+        item = chartData[factor];
         var stackSum = 0;
         if ('stacks' in item) {
             stackSum = item.stacks.reduce(function (acc, stack) { var _a; return acc + ((_a = stack.value) !== null && _a !== void 0 ? _a : 0); }, 0);

package/dist/PieChart/index.d.ts

@@ -1,2 +1,2 @@
 import { PieChartPropsType } from 'gifted-charts-core';
-export declare const PieChart: (props: PieChartPropsType) => import("react/jsx-runtime").JSX.Element | null;
+export declare const PieChart: (props: PieChartPropsType) => import("react/jsx-runtime").JSX.Element;

package/dist/PieChart/index.js

@@ -36,6 +36,7 @@ export var PieChart = function (props) {
     var _b = __read(useState(0), 2), touchX = _b[0], setTouchX = _b[1];
     var _c = __read(useState(0), 2), touchY = _c[0], setTouchY = _c[1];
     var renderInnerCircle = function (innerRadius, innerCircleBorderWidth) {
+        var _a, _b;
         if (props.centerLabelComponent || (donut && !isDataShifted)) {
             return (_jsx(View, { style: [
                     {
@@ -79,7 +80,7 @@ export var PieChart = function (props) {
                         borderRightWidth: 0.5,
                         borderRightColor: innerCircleColor,
                     },
-                ], children: _jsx(View, { style: { marginTop: semiCircle ? -0.5 * innerRadius : 0 }, children: props.centerLabelComponent ? props.centerLabelComponent(selectedIndex) : null }) }));
+                ], pointerEvents: "box-none", children: _jsx(View, { style: { marginTop: semiCircle ? -0.5 * innerRadius : 0 }, children: (_b = (_a = props.centerLabelComponent) === null || _a === void 0 ? void 0 : _a.call(props, selectedIndex)) !== null && _b !== void 0 ? _b : null }) }));
         }
         return null;
     };
@@ -116,8 +117,7 @@ export var PieChart = function (props) {
                         fontStyle: fontStyle,
                     }, children: getTooltipText(tooltipSelectedIndex) }) })) }));
     };
-    if (!total)
-        return null;
+    // if (!total) return null;
     return (_jsxs(View, { style: {
             height: (radius + extraRadius + paddingVertical / 2) *
                 (props.semiCircle ? 1 : 2),

package/dist/PieChart/main.js

@@ -43,7 +43,7 @@ export var PieChartMain = function (props) {
         setTouchX(x);
         setTouchY(y);
         var r = Math.sqrt(Math.pow((x - cx), 2) + Math.pow((y - cy), 2));
-        if (r > radius)
+        if (r > radius || (donut && r < innerRadius))
             return;
         var a = Math.atan2(y - cy, x - cx);
         for (var index = 0; index < data.length; index++) {
@@ -88,7 +88,7 @@ export var PieChartMain = function (props) {
                         vertAdjustment +
                         (vertAdjustment ? strokeWidth : 0)), height: (radius + extraRadius) * 2 + strokeWidth + paddingVertical, width: (radius + extraRadius) * 2 + strokeWidth + paddingHorizontal, children: [_jsx(Defs, { children: data.map(function (item, index) {
                                 return (_jsxs(RadialGradient, { id: 'grad' + index, cx: "50%", cy: "50%", rx: "50%", ry: "50%", fx: "50%", fy: "50%", gradientUnits: "userSpaceOnUse", children: [_jsx(Stop, { offset: "0%", stopColor: item.gradientCenterColor || gradientCenterColor, stopOpacity: "1" }), _jsx(Stop, { offset: "100%", stopColor: item.color || pieColors[index % 9], stopOpacity: "1" })] }, index + ''));
-                            }) }), data.length === 1 ? (_jsx(_Fragment, { children: _jsx(Circle, { cx: cx, cy: cy, r: radius, fill: showGradient
+                            }) }), (data.length === 1 || !total) ? (_jsx(_Fragment, { children: _jsx(Circle, { cx: cx, cy: cy, r: radius, fill: showGradient
                                     ? "url(#grad".concat(0, ")")
                                     : data[0].color || pieColors[0 % 9] }) })) : (data.map(function (item, index) {
                             var _a = coordinates[index], sx = _a.sx, sy = _a.sy, ax = _a.ax, ay = _a.ay;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gifted-charts",
-  "version": "1.4.62",
+  "version": "1.4.64",
   "description": "The most complete library for Bar, Line, Area, Pie, Donut, Stacked Bar, Population Pyramid and Radar charts in React Native. Allows 2D, 3D, gradient, animations and live data updates.",
   "main": "dist/index.js",
   "files": [
@@ -26,7 +26,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "gifted-charts-core": "0.1.64"
+    "gifted-charts-core": "0.1.66"
   },
   "devDependencies": {
     "@babel/cli": "^7.24.8",