react-native-gifted-charts 1.4.39 → 1.4.41

package/dist/BarChart/RenderBars.js

@@ -56,9 +56,13 @@ var RenderBars = function (props) {
                             ? -40
                             : -6 -
                                 xAxisTextNumberOfLines * 18 -
-                                xAxisLabelsVerticalShift) -
+                                (value < 0
+                                    ? -xAxisLabelsVerticalShift
+                                    : xAxisLabelsVerticalShift)) -
                             barMarginBottom -
-                            labelsDistanceFromXaxis,
+                            (value < 0 && !autoShiftLabels
+                                ? -labelsDistanceFromXaxis
+                                : labelsDistanceFromXaxis),
                 },
                 rotateLabel
                     ? horizontal
@@ -79,7 +83,7 @@ var RenderBars = function (props) {
                                     {
                                         translateY: autoShiftLabels
                                             ? 0
-                                            : 16.5 * xAxisTextNumberOfLines + 14,
+                                            : 16.5 * xAxisTextNumberOfLines + 12,
                                     },
                                 ],
                             }
@@ -104,7 +108,10 @@ var RenderBars = function (props) {
                         barWidth) + spacing,
                     left: spacing / -2,
                     position: 'absolute',
-                    height: (_a = props.xAxisLabelsHeight) !== null && _a !== void 0 ? _a : xAxisTextNumberOfLines * 18,
+                    height: (_a = props.xAxisLabelsHeight) !== null && _a !== void 0 ? _a : xAxisTextNumberOfLines * 18 -
+                        (value < 0
+                            ? -xAxisLabelsVerticalShift
+                            : xAxisLabelsVerticalShift),
                     bottom: top
                         ? (containerHeight || 200) +
                             ((_b = secondaryXAxis === null || secondaryXAxis === void 0 ? void 0 : secondaryXAxis.labelsDistanceFromXaxis) !== null && _b !== void 0 ? _b : 15)
@@ -129,7 +136,7 @@ var RenderBars = function (props) {
                                     {
                                         translateY: autoShiftLabels
                                             ? 0
-                                            : 16.5 * xAxisTextNumberOfLines + 14,
+                                            : 16.5 * xAxisTextNumberOfLines + 12,
                                     },
                                 ],
                             }

package/dist/BarChart/index.js

@@ -112,7 +112,7 @@ export var BarChart = function (props) {
     var contentContainerStyle = {
         position: 'absolute',
         height: containerHeightIncludingBelowXAxis,
-        bottom: 60,
+        bottom: 60 + labelsExtraHeight,
         paddingLeft: initialSpacing,
         width: totalWidth,
         flexDirection: 'row',
@@ -201,12 +201,12 @@ export var BarChart = function (props) {
                 }, onResponderTerminationRequest: function (evt) { return false; }, style: contentContainerStyle, children: [pointerX > 0 && stripBehindBars ? (_jsx(View, { pointerEvents: pointerEvents !== null && pointerEvents !== void 0 ? pointerEvents : 'none', style: {
                             position: 'absolute',
                             height: extendedContainerHeight + noOfSectionsBelowXAxis * stepHeight,
-                            bottom: xAxisLabelsVerticalShift + labelsExtraHeight,
+                            bottom: xAxisLabelsVerticalShift,
                             width: totalWidth,
                         }, children: renderStripAndLabel(null) })) : null, renderChart(), pointerX > 0 ? (_jsxs(View, { pointerEvents: pointerEvents !== null && pointerEvents !== void 0 ? pointerEvents : 'none', style: {
                             position: 'absolute',
                             height: extendedContainerHeight + noOfSectionsBelowXAxis * stepHeight,
-                            bottom: xAxisLabelsVerticalShift + labelsExtraHeight,
+                            bottom: xAxisLabelsVerticalShift,
                             width: totalWidth,
                             zIndex: 20,
                         }, children: [!stripOverPointer &&

package/dist/Components/BarAndLineChartsWrapper/index.js

@@ -37,7 +37,9 @@ var BarAndLineChartsWrapper = function (props) {
                 50 -
                 overflowTop,
             marginTop: trimYAxisAtTop ? containerHeight / 20 : 0,
-            marginBottom: (xAxisLabelsHeight !== null && xAxisLabelsHeight !== void 0 ? xAxisLabelsHeight : xAxisTextNumberOfLines * 18) - 55, //This is to not let the Things that should be rendered below the chart overlap with it
+            marginBottom: (xAxisLabelsHeight !== null && xAxisLabelsHeight !== void 0 ? xAxisLabelsHeight : xAxisTextNumberOfLines * 18) -
+                55 -
+                xAxisLabelsVerticalShift, //This is to not let the Things that should be rendered below the chart overlap with it
         },
     });
     return (_jsxs(View, { style: [

package/dist/LineChart/index.js

@@ -912,7 +912,18 @@ export var LineChart = function (props) {
                                     ? renderAnimatedLabel(true, index, secondaryLabel, secondaryLabelTextStyle, item.secondaryLabelComponent)
                                     : renderLabel(true, index, secondaryLabel, secondaryLabelTextStyle, item.secondaryLabelComponent)
                                 : null] }, index));
-                })] }));
+                }), (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.dynamicLegendComponent) && pointerX > 0 ? (_jsx(View, { style: [
+                        { position: 'absolute' },
+                        pointerConfig.dynamicLegendContainerStyle,
+                    ], children: pointerConfig.dynamicLegendComponent(dataSet
+                        ? pointerItemsForSet
+                        : [
+                            pointerItem,
+                            pointerItem2,
+                            pointerItem3,
+                            pointerItem4,
+                            pointerItem5,
+                        ].filter(function (item) { return !!item; }), pointerIndex) })) : null] }));
     };
     return (_jsx(BarAndLineChartsWrapper, __assign({}, barAndLineChartsWrapperProps, { dataSet: props.dataSet, scrollRef: scrollRef, animatedWidth: widthValue, renderChartContent: renderChartContent, remainingScrollViewProps: remainingScrollViewProps })));
 };

package/dist/PieChart/main.js

@@ -10,12 +10,11 @@ export var PieChartMain = function (props) {
     var prevLabelComponentX = 0;
     var wasFirstItemOnPole = false;
     var onPressHandler = function (e) {
-        var rad = radius;
         var _a = e.nativeEvent, x = _a.locationX, y = _a.locationY;
         x -= extraRadius;
         y -= extraRadius;
         var r = Math.sqrt(Math.pow((x - cx), 2) + Math.pow((y - cy), 2));
-        if (r > rad)
+        if (r > radius)
             return;
         var a = Math.atan2(y - cy, x - cx);
         for (var index = 0; index < data.length; index++) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gifted-charts",
-  "version": "1.4.39",
+  "version": "1.4.41",
   "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.40"
+    "gifted-charts-core": "0.1.41"
   },
   "devDependencies": {
     "@babel/cli": "^7.24.8",