react-native-gifted-charts 1.4.58 → 1.4.59
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/BarChart/index.js
CHANGED
|
@@ -201,12 +201,14 @@ export var BarChart = function (props) {
|
|
|
201
201
|
}
|
|
202
202
|
else {
|
|
203
203
|
return (_jsx(Pressable, { style: contentContainerStyle, onPress: function () {
|
|
204
|
+
var _a;
|
|
204
205
|
if (props.highlightEnabled && selectedIndex !== -1)
|
|
205
206
|
setSelectedIndex(-1);
|
|
206
207
|
if (props.stackHighlightEnabled && selectedStackIndex !== -1) {
|
|
207
208
|
setSelectedStackIndex(-1);
|
|
208
209
|
// props.setHighlightedStackIndex?.(-1)
|
|
209
210
|
}
|
|
211
|
+
(_a = props.onBackgroundPress) === null || _a === void 0 ? void 0 : _a.call(props);
|
|
210
212
|
}, children: renderChart() }));
|
|
211
213
|
}
|
|
212
214
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { View } from 'react-native';
|
|
3
3
|
export var Pointer = function (props) {
|
|
4
|
-
var pointerX = props.pointerX, pointerYLocal = props.pointerYLocal, pointerComponent = props.pointerComponent, pointerHeight = props.pointerHeight, pointerRadius = props.pointerRadius, pointerWidth = props.pointerWidth, pointerItemLocal = props.pointerItemLocal, pointerColorLocal = props.pointerColorLocal;
|
|
4
|
+
var pointerX = props.pointerX, pointerYLocal = props.pointerYLocal, pointerComponent = props.pointerComponent, pointerHeight = props.pointerHeight, pointerRadius = props.pointerRadius, pointerWidth = props.pointerWidth, pointerItemLocal = props.pointerItemLocal, pointerColorLocal = props.pointerColorLocal, pointerIndex = props.pointerIndex;
|
|
5
5
|
if (isNaN(pointerYLocal) || typeof pointerYLocal !== 'number')
|
|
6
6
|
return null;
|
|
7
7
|
return (_jsx(View, { style: {
|
|
8
8
|
position: 'absolute',
|
|
9
9
|
left: pointerX + 1 + (pointerX.pointerShiftX || 0),
|
|
10
10
|
top: pointerYLocal - 4,
|
|
11
|
-
}, children: pointerComponent ? (pointerComponent()) : (_jsx(View, { style: {
|
|
11
|
+
}, children: pointerComponent ? (pointerComponent(pointerItemLocal, pointerIndex)) : (_jsx(View, { style: {
|
|
12
12
|
height: pointerHeight || pointerRadius * 2,
|
|
13
13
|
width: pointerWidth || pointerRadius * 2,
|
|
14
14
|
marginTop: (pointerItemLocal === null || pointerItemLocal === void 0 ? void 0 : pointerItemLocal.pointerShiftY) || 0,
|
package/dist/LineChart/index.js
CHANGED
|
@@ -384,7 +384,7 @@ export var LineChart = function (props) {
|
|
|
384
384
|
dataPointsHeight / 2 +
|
|
385
385
|
(item.textShiftY || props.textShiftY || 0), children: !showTextOnFocus && !showValuesAsDataPointsText
|
|
386
386
|
? item.dataPointText
|
|
387
|
-
: text })) : null) : null] }))] }, index));
|
|
387
|
+
: text })) : null) : null, index === selectedIndex ? _jsx(Text, { children: '' }) : null] }))] }, index));
|
|
388
388
|
});
|
|
389
389
|
};
|
|
390
390
|
var renderSpecificVerticalLines = function (dataForRender, spacingArray) {
|
|
@@ -430,6 +430,7 @@ export var LineChart = function (props) {
|
|
|
430
430
|
pointerWidth: pointerWidth,
|
|
431
431
|
pointerItemLocal: pointerItemLocal_1,
|
|
432
432
|
pointerColorLocal: pointerColorLocal_1,
|
|
433
|
+
pointerIndex: pIndex,
|
|
433
434
|
}) }, 'dSetPts' + index));
|
|
434
435
|
});
|
|
435
436
|
}
|
|
@@ -494,6 +495,7 @@ export var LineChart = function (props) {
|
|
|
494
495
|
pointerWidth: pointerWidth,
|
|
495
496
|
pointerItemLocal: pointerItemLocal,
|
|
496
497
|
pointerColorLocal: pointerColorLocal,
|
|
498
|
+
pointerIndex: pointerIndex,
|
|
497
499
|
});
|
|
498
500
|
};
|
|
499
501
|
var renderStripAndLabel = function () {
|
package/dist/PieChart/main.js
CHANGED
|
@@ -105,8 +105,10 @@ export var PieChartMain = function (props) {
|
|
|
105
105
|
: item.color || pieColors[index % 9] }, index + 'a'));
|
|
106
106
|
})), (showText || showInnerComponent || showExternalLabels) &&
|
|
107
107
|
data.map(function (item, index) {
|
|
108
|
-
var _a, _b, _c, _d, _e, _f, _g;
|
|
108
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
109
109
|
var localPieInnerComponent = (_a = item.pieInnerComponent) !== null && _a !== void 0 ? _a : props.pieInnerComponent;
|
|
110
|
+
var pieInnerComponentHeight = (_b = props.pieInnerComponentHeight) !== null && _b !== void 0 ? _b : 0;
|
|
111
|
+
var pieInnerComponentWidth = (_c = props.pieInnerComponentWidth) !== null && _c !== void 0 ? _c : 0;
|
|
110
112
|
if (isBiggerPie && index)
|
|
111
113
|
return null;
|
|
112
114
|
if (!props.data[index].value)
|
|
@@ -146,14 +148,14 @@ export var PieChartMain = function (props) {
|
|
|
146
148
|
y = cy;
|
|
147
149
|
}
|
|
148
150
|
}
|
|
149
|
-
var
|
|
150
|
-
wasFirstItemOnPole), labelLineColor =
|
|
151
|
+
var _k = getExternaLabelProperties(item, mx, my, cx, cy, prevSide, prevLabelComponentX, index === data.length - 1, // isLast
|
|
152
|
+
wasFirstItemOnPole), labelLineColor = _k.labelLineColor, labelLineThickness = _k.labelLineThickness, labelComponentHeight = _k.labelComponentHeight, inX = _k.inX, inY = _k.inY, outX = _k.outX, outY = _k.outY, finalX = _k.finalX, labelComponentX = _k.labelComponentX, labelComponentY = _k.labelComponentY, localExternalLabelComponent = _k.localExternalLabelComponent, isRightHalf = _k.isRightHalf;
|
|
151
153
|
prevSide = isRightHalf ? 'right' : 'left';
|
|
152
154
|
prevLabelComponentX = labelComponentX;
|
|
153
155
|
if (index === 0)
|
|
154
156
|
wasFirstItemOnPole = labelComponentY !== outY;
|
|
155
|
-
return (_jsxs(React.Fragment, { children: [showExternalLabels ? (_jsxs(G, { children: [_jsx(Line, { x1: inX, x2: outX, y1: inY, y2: outY, stroke: labelLineColor, strokeWidth: labelLineThickness }), _jsx(Line, { x1: outX, x2: finalX, y1: outY, y2: outY, stroke: labelLineColor, strokeWidth: labelLineThickness }), localExternalLabelComponent ? (_jsx(G, { x: labelComponentX, y: labelComponentY + labelComponentHeight / 2, children: (
|
|
156
|
-
((
|
|
157
|
+
return (_jsxs(React.Fragment, { children: [showExternalLabels ? (_jsxs(G, { children: [_jsx(Line, { x1: inX, x2: outX, y1: inY, y2: outY, stroke: labelLineColor, strokeWidth: labelLineThickness }), _jsx(Line, { x1: outX, x2: finalX, y1: outY, y2: outY, stroke: labelLineColor, strokeWidth: labelLineThickness }), localExternalLabelComponent ? (_jsx(G, { x: labelComponentX, y: labelComponentY + labelComponentHeight / 2, children: (_d = localExternalLabelComponent === null || localExternalLabelComponent === void 0 ? void 0 : localExternalLabelComponent(item, index)) !== null && _d !== void 0 ? _d : null })) : null] })) : null, showTextBackground ? (_jsx(Circle, { cx: x + ((_f = (_e = item.shiftTextBackgroundX) !== null && _e !== void 0 ? _e : item.shiftTextX) !== null && _f !== void 0 ? _f : 0), cy: y +
|
|
158
|
+
((_h = (_g = item.shiftTextBackgroundY) !== null && _g !== void 0 ? _g : item.shiftTextY) !== null && _h !== void 0 ? _h : 0) -
|
|
157
159
|
(item.textSize || textSize) / 4, r: item.textBackgroundRadius ||
|
|
158
160
|
props.textBackgroundRadius ||
|
|
159
161
|
item.textSize ||
|
|
@@ -161,7 +163,7 @@ export var PieChartMain = function (props) {
|
|
|
161
163
|
textColor ||
|
|
162
164
|
pieColors[(index + 2) % 9], fontSize: item.textSize || textSize, fontFamily: item.font || font, fontWeight: item.fontWeight || fontWeight, fontStyle: item.fontStyle || fontStyle || 'normal', x: x +
|
|
163
165
|
(item.shiftTextX || 0) -
|
|
164
|
-
(item.textSize || textSize) / 1.8, y: y + (item.shiftTextY || 0), children: item.text || (showValuesAsLabels ? item.value + '' : '') })), localPieInnerComponent ? (_jsx(G, { x: x, y: y, children: (
|
|
166
|
+
(item.textSize || textSize) / 1.8, y: y + (item.shiftTextY || 0), children: item.text || (showValuesAsLabels ? item.value + '' : '') })), localPieInnerComponent ? (_jsx(G, { x: x - pieInnerComponentHeight / 2, y: y - pieInnerComponentWidth / 2, children: (_j = localPieInnerComponent === null || localPieInnerComponent === void 0 ? void 0 : localPieInnerComponent(item, index)) !== null && _j !== void 0 ? _j : null })) : null] }, index));
|
|
165
167
|
})] }), isThreeD && shadow && !semiCircle ? (_jsx(View, { style: {
|
|
166
168
|
width: radius * 2,
|
|
167
169
|
height: radius * 2,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-gifted-charts",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.59",
|
|
4
4
|
"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.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"files": [
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"registry": "https://registry.npmjs.org/"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"gifted-charts-core": "0.1.
|
|
29
|
+
"gifted-charts-core": "0.1.61"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@babel/cli": "^7.24.8",
|