diff --git a/docs/PieChart/PieChartProps.md b/docs/PieChart/PieChartProps.md
index 0cd9f732..0cdee159 100644
--- a/docs/PieChart/PieChartProps.md
+++ b/docs/PieChart/PieChartProps.md
@@ -15,7 +15,7 @@
 | inwardExtraLengthForFocused | number               | Extra length of focused Pie section towards the center (only for donut charts)                            | 0                                              |
 | sectionAutoFocus            | boolean              | In case you don't want focusOnPress but want a particular section to autofocus, this prop will be needed  | false                                          |
 | focusedPieIndex             | number               | index of the initially focused Pie, works only when focusOnPress is true                                  | -1                                             |
-| onLabelPress                | Function             | Callback function called on press of a Label (takes item and index as parameter)                          | onPress OR null                                |
+| onLabelPress (removed)      | Function             | Callback function called on press of a Label (takes item and index as parameter)                          | onPress OR null                                |
 | tiltAngle                   | Angle in deg         | The angle by which the chart should be tilted                                                             | '55deg' for 3D charts, otherwise 0             |
 | shadow                      | boolean              | Shadow to the Pie chart, when set to true, it enhances the 3D effect                                      | false                                          |
 | shadowColor                 | ColorValue           | Color of the shadow                                                                                       | lightgray                                      |
@@ -117,7 +117,7 @@ type LabelLineConfig = {
 | textBackgroundRadius   | number            | Radius for the background of the text label                                                                             |
 | labelPosition          | string            | Tells where inside the Pie sections should the labels be shown- 'onBorder', 'outward', 'inward' or 'mid'                |
 | onPress                | Function          | Callback function called on press of Pie sections (takes item and index as parameter)                                   |
-| onLabelPress           | Function          | Callback function called on press of a Label (takes item and index as parameter)                                        |
+| onLabelPress (removed) | Function          | Callback function called on press of a Label (takes item and index as parameter)                                        |
 | strokeWidth            | number            | Stroke (line) width for the Pie chart and its section                                                                   |
 | strokeColor            | ColorValue        | Stroke (line) color                                                                                                     |
 | focused                | boolean           | When set to true, the section for that item is focused, sectionAutoFocus must be set true in order to use this property |
diff --git a/package.json b/package.json
index 10c04f37..dcec647a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-gifted-charts",
-  "version": "1.4.38",
+  "version": "1.4.39",
   "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.38"
+    "gifted-charts-core": "0.1.40"
   },
   "devDependencies": {
     "@babel/cli": "^7.24.8",
diff --git a/release-notes/release-notes.md b/release-notes/release-notes.md
index 402ad99c..11a104d8 100644
--- a/release-notes/release-notes.md
+++ b/release-notes/release-notes.md
@@ -1,3 +1,21 @@
+# 🎉 1.4.39
+
+## 🐛 Bug fixes
+
+1. Fixed the issue- "onPress pressing/focusing wrong Pie section". It fixes these issues-
+   1. https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/832
+   2. https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/297
+   3. https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/812 <br/>
+   As a part of this fix, removed `onLabelPress` which is still there in types, but will not be functional. Will try to restore it in future.
+
+2. Fixed the issue- "Line charts crash if data is an empty array." See https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/707
+
+---
+
+---
+
+---
+
 # 🎉 1.4.38
 
 Fixed the issue- "Line chart inside Bar chart misaligned if data contains -ve values"
diff --git a/src/PieChart/index.tsx b/src/PieChart/index.tsx
index 765c9b8e..602a551e 100644
--- a/src/PieChart/index.tsx
+++ b/src/PieChart/index.tsx
@@ -143,7 +143,7 @@ export const PieChart = (props: PieChartPropsType) => {
                 },
                 {
                   value: total - props.data[selectedIndex].value,
-                  onPress: () => alert('black'),
+                  // onPress: () => alert('black'),
                   peripheral: true,
                   strokeWidth: 0,
                 },
diff --git a/src/PieChart/main.tsx b/src/PieChart/main.tsx
index 57da6767..c3316cb9 100644
--- a/src/PieChart/main.tsx
+++ b/src/PieChart/main.tsx
@@ -1,5 +1,9 @@
 import React from 'react';
-import {View} from 'react-native';
+import {
+  GestureResponderEvent,
+  TouchableWithoutFeedback,
+  View,
+} from 'react-native';
 import Svg, {
   Path,
   Circle,
@@ -62,358 +66,365 @@ export const PieChartMain = (props: PieChartMainProps) => {
     extraRadius,
     showExternalLabels,
     getExternaLabelProperties,
+    coordinates,
+    onPressed,
   } = getPieChartMainProps(props);
 
   let prevSide = 'right';
   let prevLabelComponentX = 0;
   let wasFirstItemOnPole = false;
 
-  return (
-    <View
-      pointerEvents="box-none"
-      style={[
-        {
-          backgroundColor: backgroundColor,
-          height: semiCircle
-            ? (canvasHeight + paddingVertical) / 2 + extraRadius
-            : canvasHeight + paddingVertical + extraRadius * 2,
-          width: canvasWidth + paddingHorizontal + extraRadius * 2,
-          overflow: 'hidden',
-        },
-        isThreeD && {transform: [{rotateX: tiltAngle}]},
-      ]}>
-      <Svg
-        pointerEvents={rnVersion >= 720000 ? 'box-none' : 'auto'} // use 'box-none' react-native version 0.72 onwards
-        viewBox={`${strokeWidth / -2 + minShiftX - extraRadius - paddingHorizontal / 2} ${
-          strokeWidth / -2 + minShiftY - extraRadius - paddingVertical / 2
-        } ${
-          (radius + extraRadius + strokeWidth) * 2 +
-          paddingHorizontal +
-          horizAdjustment +
-          (horizAdjustment ? strokeWidth : 0)
-        } ${
-          (radius + extraRadius + strokeWidth) * 2 +
-          paddingVertical +
-          vertAdjustment +
-          (vertAdjustment ? strokeWidth : 0)
-        }`}
-        height={(radius + extraRadius) * 2 + strokeWidth + paddingVertical}
-        width={(radius + extraRadius) * 2 + strokeWidth + paddingHorizontal}>
-        <Defs>
-          {data.map((item, index) => {
-            return (
-              <RadialGradient
-                key={index + ''}
-                id={'grad' + index}
-                cx="50%"
-                cy="50%"
-                rx="50%"
-                ry="50%"
-                fx="50%"
-                fy="50%"
-                gradientUnits="userSpaceOnUse">
-                <Stop
-                  offset="0%"
-                  stopColor={item.gradientCenterColor || gradientCenterColor}
-                  stopOpacity="1"
-                />
-                <Stop
-                  offset="100%"
-                  stopColor={item.color || pieColors[index % 9]}
-                  stopOpacity="1"
-                />
-              </RadialGradient>
-            );
-          })}
-        </Defs>
-        {data.length === 1 ? (
-          <>
-            <Circle
-              cx={cx}
-              cy={cy}
-              r={radius}
-              fill={
-                showGradient
-                  ? `url(#grad${0})`
-                  : data[0].color || pieColors[0 % 9]
-              }
-              onPress={() => {
-                data[0].onPress
-                  ? data[0].onPress()
-                  : props.onPress
-                    ? props.onPress(data[0], 0)
-                    : null;
-              }}
-            />
-          </>
-        ) : (
-          data.map((item, index) => {
-            // console.log('index', index);
-            let nextItem;
-            if (index === pData.length - 1) nextItem = pData[0];
-            else nextItem = pData[index + 1];
-            let sx =
-              cx * (1 + Math.sin(2 * pi * pData[index] + initialAngle)) +
-              (item.shiftX || 0);
-            let sy =
-              cy * (1 - Math.cos(2 * pi * pData[index] + initialAngle)) +
-              (item.shiftY || 0);
-            let ax =
-              cx * (1 + Math.sin(2 * pi * nextItem + initialAngle)) +
-              (item.shiftX || 0);
-            let ay =
-              cy * (1 - Math.cos(2 * pi * nextItem + initialAngle)) +
-              (item.shiftY || 0);
+  const onPressHandler = (e: GestureResponderEvent) => {
+    let {locationX: x, locationY: y} = e.nativeEvent;
+    x -= extraRadius;
+    y -= extraRadius;
+    const r = Math.sqrt((x - cx) ** 2 + (y - cy) ** 2);
+    if (r > radius) return;
+    const a = Math.atan2(y - cy, x - cx);
 
-            if (isBiggerPie && index) return null;
+    for (let index = 0; index < data.length; index++) {
+      const angle = coordinates[index];
+      const {sx, sy, ax, ay} = angle;
 
-            return (
-              <Path
-                key={index + 'a'}
-                d={`M ${cx + (item.shiftX || 0)} ${
-                  cy + (item.shiftY || 0)
-                } L ${sx} ${sy} A ${radius} ${radius} 0 ${
-                  semiCircle ? 0 : data[index].value > total / 2 ? 1 : 0
-                } 1 ${ax} ${ay} L ${cx + (item.shiftX || 0)} ${
-                  cy + (item.shiftY || 0)
-                }`}
-                stroke={item.strokeColor || strokeColor}
-                strokeWidth={
-                  props.focusOnPress && props.selectedIndex === index
-                    ? 0
-                    : item.strokeWidth === 0
-                      ? 0
-                      : item.strokeWidth || strokeWidth
-                }
+      const startAngle = Math.atan2(sy - cy, sx - cx);
+      const endAngle = Math.atan2(ay - cy, ax - cx);
+
+      if (startAngle < endAngle) {
+        if (startAngle < a && a < endAngle) {
+          onPressed(data[index], index);
+          break;
+        }
+      } else {
+        if (a > startAngle || a < endAngle) {
+          onPressed(data[index], index);
+          break;
+        }
+      }
+    }
+  };
+
+  return (
+    <TouchableWithoutFeedback onPress={onPressHandler}>
+      <View
+        pointerEvents="box-only"
+        style={[
+          {
+            backgroundColor,
+            height: semiCircle
+              ? (canvasHeight + paddingVertical) / 2 + extraRadius
+              : canvasHeight + paddingVertical + extraRadius * 2,
+            width: canvasWidth + paddingHorizontal + extraRadius * 2,
+            overflow: 'hidden',
+          },
+          isThreeD && {transform: [{rotateX: tiltAngle}]},
+        ]}>
+        <Svg
+          pointerEvents={rnVersion >= 720000 ? 'box-none' : 'auto'} // use 'box-none' react-native version 0.72 onwards
+          viewBox={`${strokeWidth / -2 + minShiftX - extraRadius - paddingHorizontal / 2} ${
+            strokeWidth / -2 + minShiftY - extraRadius - paddingVertical / 2
+          } ${
+            (radius + extraRadius + strokeWidth) * 2 +
+            paddingHorizontal +
+            horizAdjustment +
+            (horizAdjustment ? strokeWidth : 0)
+          } ${
+            (radius + extraRadius + strokeWidth) * 2 +
+            paddingVertical +
+            vertAdjustment +
+            (vertAdjustment ? strokeWidth : 0)
+          }`}
+          height={(radius + extraRadius) * 2 + strokeWidth + paddingVertical}
+          width={(radius + extraRadius) * 2 + strokeWidth + paddingHorizontal}>
+          <Defs>
+            {data.map((item, index) => {
+              return (
+                <RadialGradient
+                  key={index + ''}
+                  id={'grad' + index}
+                  cx="50%"
+                  cy="50%"
+                  rx="50%"
+                  ry="50%"
+                  fx="50%"
+                  fy="50%"
+                  gradientUnits="userSpaceOnUse">
+                  <Stop
+                    offset="0%"
+                    stopColor={item.gradientCenterColor || gradientCenterColor}
+                    stopOpacity="1"
+                  />
+                  <Stop
+                    offset="100%"
+                    stopColor={item.color || pieColors[index % 9]}
+                    stopOpacity="1"
+                  />
+                </RadialGradient>
+              );
+            })}
+          </Defs>
+          {data.length === 1 ? (
+            <>
+              <Circle
+                cx={cx}
+                cy={cy}
+                r={radius}
                 fill={
-                  props.selectedIndex === index || item.peripheral
-                    ? 'none'
-                    : showGradient
-                      ? `url(#grad${index})`
-                      : item.color || pieColors[index % 9]
+                  showGradient
+                    ? `url(#grad${0})`
+                    : data[0].color || pieColors[0 % 9]
                 }
-                onPressIn={() => {
-                  if (item.onPress) {
-                    item.onPress();
-                  } else if (props.onPress) {
-                    props.onPress(item, index);
+                // onPress={() => {
+                //   data[0].onPress
+                //     ? data[0].onPress()
+                //     : props.onPress
+                //       ? props.onPress(data[0], 0)
+                //       : null;
+                // }}
+              />
+            </>
+          ) : (
+            data.map((item, index) => {
+              const {sx, sy, ax, ay} = coordinates[index];
+              if (isBiggerPie && index) return null;
+              return (
+                <Path
+                  key={index + 'a'}
+                  d={`M ${cx + (item.shiftX || 0)} ${
+                    cy + (item.shiftY || 0)
+                  } L ${sx} ${sy} A ${radius} ${radius} 0 ${
+                    semiCircle ? 0 : data[index].value > total / 2 ? 1 : 0
+                  } 1 ${ax} ${ay} L ${cx + (item.shiftX || 0)} ${
+                    cy + (item.shiftY || 0)
+                  }`}
+                  stroke={item.strokeColor || strokeColor}
+                  strokeWidth={
+                    props.focusOnPress && props.selectedIndex === index
+                      ? 0
+                      : item.strokeWidth === 0
+                        ? 0
+                        : item.strokeWidth || strokeWidth
                   }
-                  if (props.focusOnPress) {
-                    if (props.selectedIndex === index || props.isBiggerPie) {
-                      if (toggleFocusOnPress) {
-                        props.setSelectedIndex(-1);
-                      }
-                    } else {
-                      props.setSelectedIndex(index);
-                    }
+                  fill={
+                    props.selectedIndex === index || item.peripheral
+                      ? 'none'
+                      : showGradient
+                        ? `url(#grad${index})`
+                        : item.color || pieColors[index % 9]
                   }
-                }}
-              />
-            );
-          })
-        )}
+                />
+              );
+            })
+          )}
 
-        {(showText || showInnerComponent || showExternalLabels) &&
-          data.map((item, index) => {
-            const localPieInnerComponent =
-              item.pieInnerComponent ?? props.pieInnerComponent;
-            if (isBiggerPie && index) return null;
-            if (!props.data[index].value) return null;
-            let mx = cx * (1 + Math.sin(2 * pi * mData[index] + initialAngle));
-            let my = cy * (1 - Math.cos(2 * pi * mData[index] + initialAngle));
+          {(showText || showInnerComponent || showExternalLabels) &&
+            data.map((item, index) => {
+              const localPieInnerComponent =
+                item.pieInnerComponent ?? props.pieInnerComponent;
+              if (isBiggerPie && index) return null;
+              if (!props.data[index].value) return null;
+              let mx =
+                cx * (1 + Math.sin(2 * pi * mData[index] + initialAngle));
+              let my =
+                cy * (1 - Math.cos(2 * pi * mData[index] + initialAngle));
 
-            let midx = (mx + cx) / 2;
-            let midy = (my + cy) / 2;
+              let midx = (mx + cx) / 2;
+              let midy = (my + cy) / 2;
 
-            let x = midx,
-              y = midy;
+              let x = midx,
+                y = midy;
 
-            const labelPosition = item.labelPosition || labelsPosition;
+              const labelPosition = item.labelPosition || labelsPosition;
 
-            if (labelPosition === 'onBorder') {
-              x = mx;
-              y = my;
-            } else if (labelPosition === 'outward') {
-              x = (midx + mx) / 2;
-              y = (midy + my) / 2;
-            } else if (labelPosition === 'inward') {
-              x = (midx + cx) / 2;
-              y = (midy + cy) / 2;
-            }
+              if (labelPosition === 'onBorder') {
+                x = mx;
+                y = my;
+              } else if (labelPosition === 'outward') {
+                x = (midx + mx) / 2;
+                y = (midy + my) / 2;
+              } else if (labelPosition === 'inward') {
+                x = (midx + cx) / 2;
+                y = (midy + cy) / 2;
+              }
 
-            x += item.shiftX || 0;
-            y += item.shiftY || 0;
+              x += item.shiftX || 0;
+              y += item.shiftY || 0;
 
-            if (data.length === 1) {
-              if (donut) {
-                y =
-                  (radius -
-                    innerRadius +
-                    (item.textBackgroundRadius ||
-                      props.textBackgroundRadius ||
-                      item.textSize ||
-                      textSize)) /
-                  2;
-              } else {
-                y = cy;
+              if (data.length === 1) {
+                if (donut) {
+                  y =
+                    (radius -
+                      innerRadius +
+                      (item.textBackgroundRadius ||
+                        props.textBackgroundRadius ||
+                        item.textSize ||
+                        textSize)) /
+                    2;
+                } else {
+                  y = cy;
+                }
               }
-            }
 
-            const {
-              labelLineColor,
-              labelLineThickness,
-              labelComponentHeight,
-              inX,
-              inY,
-              outX,
-              outY,
-              finalX,
-              labelComponentX,
-              labelComponentY,
-              localExternalLabelComponent,
-              isRightHalf,
-            } = getExternaLabelProperties(
-              item,
-              mx,
-              my,
-              cx,
-              cy,
-              prevSide,
-              prevLabelComponentX,
-              index === data.length - 1, // isLast
-              wasFirstItemOnPole,
-            );
-            prevSide = isRightHalf ? 'right' : 'left';
-            prevLabelComponentX = labelComponentX;
-            if (index === 0) wasFirstItemOnPole = labelComponentY !== outY;
+              const {
+                labelLineColor,
+                labelLineThickness,
+                labelComponentHeight,
+                inX,
+                inY,
+                outX,
+                outY,
+                finalX,
+                labelComponentX,
+                labelComponentY,
+                localExternalLabelComponent,
+                isRightHalf,
+              } = getExternaLabelProperties(
+                item,
+                mx,
+                my,
+                cx,
+                cy,
+                prevSide,
+                prevLabelComponentX,
+                index === data.length - 1, // isLast
+                wasFirstItemOnPole,
+              );
+              prevSide = isRightHalf ? 'right' : 'left';
+              prevLabelComponentX = labelComponentX;
+              if (index === 0) wasFirstItemOnPole = labelComponentY !== outY;
 
-            return (
-              <React.Fragment key={index}>
-                {showExternalLabels ? (
-                  <G>
-                    <Line
-                      x1={inX}
-                      x2={outX}
-                      y1={inY}
-                      y2={outY}
-                      stroke={labelLineColor}
-                      strokeWidth={labelLineThickness}
-                    />
-                    <Line
-                      x1={outX}
-                      x2={finalX}
-                      y1={outY}
-                      y2={outY}
-                      stroke={labelLineColor}
-                      strokeWidth={labelLineThickness}
+              return (
+                <React.Fragment key={index}>
+                  {showExternalLabels ? (
+                    <G>
+                      <Line
+                        x1={inX}
+                        x2={outX}
+                        y1={inY}
+                        y2={outY}
+                        stroke={labelLineColor}
+                        strokeWidth={labelLineThickness}
+                      />
+                      <Line
+                        x1={outX}
+                        x2={finalX}
+                        y1={outY}
+                        y2={outY}
+                        stroke={labelLineColor}
+                        strokeWidth={labelLineThickness}
+                      />
+                      {localExternalLabelComponent ? (
+                        <G
+                          x={labelComponentX}
+                          y={labelComponentY + labelComponentHeight / 2}>
+                          {localExternalLabelComponent?.(item, index) ?? null}
+                        </G>
+                      ) : null}
+                    </G>
+                  ) : null}
+                  {showTextBackground ? (
+                    <Circle
+                      cx={
+                        x + (item.shiftTextBackgroundX ?? item.shiftTextX ?? 0)
+                      }
+                      cy={
+                        y +
+                        (item.shiftTextBackgroundY ?? item.shiftTextY ?? 0) -
+                        (item.textSize || textSize) / 4
+                      }
+                      r={
+                        item.textBackgroundRadius ||
+                        props.textBackgroundRadius ||
+                        item.textSize ||
+                        textSize
+                      }
+                      fill={item.textBackgroundColor || textBackgroundColor}
+                      // onPress={() => {
+                      //   item.onLabelPress
+                      //     ? item.onLabelPress()
+                      //     : props.onLabelPress
+                      //       ? props.onLabelPress(item, index)
+                      //       : item.onPress
+                      //         ? item.onPress()
+                      //         : props.onPress
+                      //           ? props.onPress(item, index)
+                      //           : null;
+                      //   if (props.focusOnPress) {
+                      //     if (props.selectedIndex === index) {
+                      //       if (toggleFocusOnPress) {
+                      //         props.setSelectedIndex(-1);
+                      //       }
+                      //     } else {
+                      //       props.setSelectedIndex(index);
+                      //     }
+                      //   }
+                      // }}
                     />
-                    {localExternalLabelComponent ? (
-                      <G
-                        x={labelComponentX}
-                        y={labelComponentY + labelComponentHeight / 2}>
-                        {localExternalLabelComponent?.(item, index) ?? null}
-                      </G>
-                    ) : null}
-                  </G>
-                ) : null}
-                {showTextBackground ? (
-                  <Circle
-                    cx={x + (item.shiftTextBackgroundX ?? item.shiftTextX ?? 0)}
-                    cy={
-                      y +
-                      (item.shiftTextBackgroundY ?? item.shiftTextY ?? 0) -
-                      (item.textSize || textSize) / 4
-                    }
-                    r={
-                      item.textBackgroundRadius ||
-                      props.textBackgroundRadius ||
-                      item.textSize ||
-                      textSize
-                    }
-                    fill={item.textBackgroundColor || textBackgroundColor}
-                    onPress={() => {
-                      item.onLabelPress
-                        ? item.onLabelPress()
-                        : props.onLabelPress
-                          ? props.onLabelPress(item, index)
-                          : item.onPress
-                            ? item.onPress()
-                            : props.onPress
-                              ? props.onPress(item, index)
-                              : null;
-                      if (props.focusOnPress) {
-                        if (props.selectedIndex === index) {
-                          if (toggleFocusOnPress) {
-                            props.setSelectedIndex(-1);
-                          }
-                        } else {
-                          props.setSelectedIndex(index);
-                        }
+                  ) : null}
+                  {showText && (
+                    <SvgText
+                      fill={
+                        item.textColor ||
+                        textColor ||
+                        pieColors[(index + 2) % 9]
                       }
-                    }}
-                  />
-                ) : null}
-                {showText && (
-                  <SvgText
-                    fill={
-                      item.textColor || textColor || pieColors[(index + 2) % 9]
-                    }
-                    fontSize={item.textSize || textSize}
-                    fontFamily={item.font || props.font}
-                    fontWeight={item.fontWeight || props.fontWeight}
-                    fontStyle={item.fontStyle || props.fontStyle || 'normal'}
-                    x={
-                      x +
-                      (item.shiftTextX || 0) -
-                      (item.textSize || textSize) / 1.8
-                    }
-                    y={y + (item.shiftTextY || 0)}
-                    onPress={() => {
-                      item.onLabelPress
-                        ? item.onLabelPress()
-                        : props.onLabelPress
-                          ? props.onLabelPress(item, index)
-                          : item.onPress
-                            ? item.onPress()
-                            : props.onPress
-                              ? props.onPress(item, index)
-                              : null;
-                      if (props.focusOnPress) {
-                        if (props.selectedIndex === index) {
-                          if (toggleFocusOnPress) {
-                            props.setSelectedIndex(-1);
-                          }
-                        } else {
-                          props.setSelectedIndex(index);
-                        }
+                      fontSize={item.textSize || textSize}
+                      fontFamily={item.font || props.font}
+                      fontWeight={item.fontWeight || props.fontWeight}
+                      fontStyle={item.fontStyle || props.fontStyle || 'normal'}
+                      x={
+                        x +
+                        (item.shiftTextX || 0) -
+                        (item.textSize || textSize) / 1.8
                       }
-                    }}>
-                    {item.text || (showValuesAsLabels ? item.value + '' : '')}
-                  </SvgText>
-                )}
-                {localPieInnerComponent ? (
-                  <G x={x} y={y}>
-                    {localPieInnerComponent?.(item, index) ?? null}
-                  </G>
-                ) : null}
-              </React.Fragment>
-            );
-          })}
-      </Svg>
-      {isThreeD && shadow && !semiCircle ? (
-        <View
-          style={{
-            width: radius * 2,
-            height: radius * 2,
-            backgroundColor: shadowColor,
-            borderRadius: radius,
-            position: 'absolute',
-            top: shadowWidth + paddingVertical / 2,
-            left: paddingHorizontal / 2,
-            zIndex: -1,
-          }}
-        />
-      ) : null}
-    </View>
+                      y={y + (item.shiftTextY || 0)}
+                      // onPress={() => {
+                      //   item.onLabelPress
+                      //     ? item.onLabelPress()
+                      //     : props.onLabelPress
+                      //       ? props.onLabelPress(item, index)
+                      //       : item.onPress
+                      //         ? item.onPress()
+                      //         : props.onPress
+                      //           ? props.onPress(item, index)
+                      //           : null;
+                      //   if (props.focusOnPress) {
+                      //     if (props.selectedIndex === index) {
+                      //       if (toggleFocusOnPress) {
+                      //         props.setSelectedIndex(-1);
+                      //       }
+                      //     } else {
+                      //       props.setSelectedIndex(index);
+                      //     }
+                      //   }
+                      // }}
+                    >
+                      {item.text || (showValuesAsLabels ? item.value + '' : '')}
+                    </SvgText>
+                  )}
+                  {localPieInnerComponent ? (
+                    <G x={x} y={y}>
+                      {localPieInnerComponent?.(item, index) ?? null}
+                    </G>
+                  ) : null}
+                </React.Fragment>
+              );
+            })}
+        </Svg>
+        {isThreeD && shadow && !semiCircle ? (
+          <View
+            style={{
+              width: radius * 2,
+              height: radius * 2,
+              backgroundColor: shadowColor,
+              borderRadius: radius,
+              position: 'absolute',
+              top: shadowWidth + paddingVertical / 2,
+              left: paddingHorizontal / 2,
+              zIndex: -1,
+            }}
+          />
+        ) : null}
+      </View>
+    </TouchableWithoutFeedback>
   );
 };