react-native-gifted-charts 1.4.57 → 1.4.58

package/README.md

@@ -7,7 +7,7 @@
   <a href="https://www.npmjs.com/package/react-native-gifted-charts">
     <img src="/demos/npmIcon.png" height="auto" width="28" height="28" />
   </a> &nbsp; &nbsp;
-  <a href="https://discord.gg/ptdwsw48">
+  <a href="https://discord.gg/FBbu9duJxs">
     <img src="/demos/discord.png" height="auto" width="30" height="30" />
   </a>
 </p>

package/dist/BarChart/RenderStackBars.js

@@ -25,7 +25,29 @@ var RenderStackBars = function (props) {
     var barBackgroundPattern = props.barBackgroundPattern, patternId = props.patternId, stackData = props.stackData, item = props.item, index = props.index, containerHeight = props.containerHeight, spacing = props.spacing, rotateLabel = props.rotateLabel, label = props.label, labelTextStyle = props.labelTextStyle, xAxisTextNumberOfLines = props.xAxisTextNumberOfLines, xAxisLabelsVerticalShift = props.xAxisLabelsVerticalShift, renderTooltip = props.renderTooltip, selectedIndex = props.selectedIndex, setSelectedIndex = props.setSelectedIndex, activeOpacity = props.activeOpacity, _b = props.animationDuration, animationDuration = _b === void 0 ? BarDefaults.animationDuration : _b, barBorderWidth = props.barBorderWidth, barBorderColor = props.barBorderColor, stackBorderRadius = props.stackBorderRadius, stackBorderTopLeftRadius = props.stackBorderTopLeftRadius, stackBorderTopRightRadius = props.stackBorderTopRightRadius, stackBorderBottomLeftRadius = props.stackBorderBottomLeftRadius, stackBorderBottomRightRadius = props.stackBorderBottomRightRadius, showValuesAsTopLabel = props.showValuesAsTopLabel, _c = props.autoShiftLabelsForNegativeStacks, autoShiftLabelsForNegativeStacks = _c === void 0 ? true : _c, _d = props.labelsDistanceFromXaxis, labelsDistanceFromXaxis = _d === void 0 ? 0 : _d, horizontal = props.horizontal, secondaryStepHeight = props.secondaryStepHeight, secondaryStepValue = props.secondaryStepValue, secondaryNegativeStepHeight = props.secondaryNegativeStepHeight, secondaryNegativeStepValue = props.secondaryNegativeStepValue, barMarginBottom = props.barMarginBottom, highlightEnabled = props.highlightEnabled, highlightedBarIndex = props.highlightedBarIndex, lowlightOpacity = props.lowlightOpacity, stackHighlightEnabled = props.stackHighlightEnabled, selectedStackIndex = props.selectedStackIndex, setSelectedStackIndex = props.setSelectedStackIndex;
     var _e = useRenderStackBars(__assign(__assign({}, props), { secondaryStepHeight: secondaryStepHeight, secondaryStepValue: secondaryStepValue, secondaryNegativeStepHeight: secondaryNegativeStepHeight, secondaryNegativeStepValue: secondaryNegativeStepValue })), containsNegativeValue = _e.containsNegativeValue, noAnimation = _e.noAnimation, localBarInnerComponent = _e.localBarInnerComponent, borderRadius = _e.borderRadius, borderTopLeftRadius = _e.borderTopLeftRadius, borderTopRightRadius = _e.borderTopRightRadius, borderBottomLeftRadius = _e.borderBottomLeftRadius, borderBottomRightRadius = _e.borderBottomRightRadius, disablePress = _e.disablePress, totalHeight = _e.totalHeight, height = _e.height, setHeight = _e.setHeight, getBarHeight = _e.getBarHeight, getPosition = _e.getPosition, lowestBarPosition = _e.lowestBarPosition, getStackBorderRadii = _e.getStackBorderRadii, tooltipProps = _e.tooltipProps;
     var renderLabel = function (label, labelTextStyle) {
-        return (_jsx(View, { style: [
+        return (_jsx(TouchableOpacity, { disabled: disablePress || (stackHighlightEnabled && !highlightEnabled), activeOpacity: activeOpacity, onPress: function () {
+                setSelectedIndex(index);
+                if (item.onPress) {
+                    item.onPress();
+                }
+                else if (props.onPress) {
+                    props.onPress(item, index);
+                }
+            }, onLongPress: function () {
+                if (item.onLongPress) {
+                    item.onLongPress();
+                }
+                else if (props.onLongPress) {
+                    props.onLongPress(item, index);
+                }
+            }, onPressOut: function () {
+                if (item.onPressOut) {
+                    item.onPressOut();
+                }
+                else if (props.onPressOut) {
+                    props.onPressOut(item, index);
+                }
+            }, style: [
                 {
                     width: (item.labelWidth ||
                         props.labelWidth ||
@@ -34,7 +56,7 @@ var RenderStackBars = function (props) {
                         30) +
                         spacing / 2,
                     position: 'absolute',
-                    bottom: autoShiftLabelsForNegativeStacks
+                    bottom: !labelsDistanceFromXaxis && autoShiftLabelsForNegativeStacks
                         ? containsNegativeValue
                             ? -0
                             : -6 - xAxisTextNumberOfLines * 18

package/dist/LineChart/index.js

@@ -301,7 +301,10 @@ export var LineChart = function (props) {
                         item.customDataPoint ||
                         props.customDataPoint;
                 dataPointLabelComponent =
-                    item.focusedDataPointLabelComponent || item.dataPointLabelComponent;
+                    item.focusedDataPointLabelComponent ||
+                        item.dataPointLabelComponent ||
+                        props.focusedDataPointLabelComponent ||
+                        props.dataPointLabelComponent;
             }
             else {
                 dataPointsShape = item.dataPointShape || dataPtsShape;
@@ -313,7 +316,8 @@ export var LineChart = function (props) {
                     text = '';
                 }
                 customDataPoint = item.customDataPoint || props.customDataPoint;
-                dataPointLabelComponent = item.dataPointLabelComponent;
+                dataPointLabelComponent =
+                    item.dataPointLabelComponent || props.dataPointLabelComponent;
             }
             if (showValuesAsDataPointsText) {
                 text = originalDataFromProps[index].value;
@@ -658,7 +662,8 @@ export var LineChart = function (props) {
     //   return i-1;
     // }
     var activatePointers = function (x) {
-        var factor = (x - initialSpacing) / spacing; // getClosestValueFromSpacingArray(cumulativeSpacing1,x-initialSpacing)
+        var _a;
+        var factor = (x - initialSpacing) / ((_a = props.spacing1) !== null && _a !== void 0 ? _a : spacing); // getClosestValueFromSpacingArray(cumulativeSpacing1,x-initialSpacing)
         factor = Math.round(factor);
         factor = Math.min(factor, (data0 !== null && data0 !== void 0 ? data0 : data).length - 1);
         factor = Math.max(factor, 0);
@@ -790,6 +795,9 @@ export var LineChart = function (props) {
                     setResponderActive(true);
                 }
                 var x = evt.nativeEvent.locationX;
+                var px = evt.nativeEvent.pageX;
+                if (yAxisLabelWidth != -1 && x == px)
+                    return; // if locationX and pageX are equal, it means pointer has gone out of the chart, but this is not the case when yAxisLabelWidth is -1
                 if (!activatePointersOnLongPress &&
                     x > (props.width || Dimensions.get('window').width))
                     return;

package/dist/PieChart/index.js

@@ -79,7 +79,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() : null }) }));
+                ], children: _jsx(View, { style: { marginTop: semiCircle ? -0.5 * innerRadius : 0 }, children: props.centerLabelComponent ? props.centerLabelComponent(selectedIndex) : null }) }));
         }
         return null;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gifted-charts",
-  "version": "1.4.57",
+  "version": "1.4.58",
   "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.59"
+    "gifted-charts-core": "0.1.60"
   },
   "devDependencies": {
     "@babel/cli": "^7.24.8",