gifted-charts-core 0.1.26 → 0.1.28
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/LineChart/index.d.ts +7 -2
- package/dist/LineChart/index.js +78 -70
- package/dist/LineChart/types.d.ts +3 -1
- package/dist/components/common/types.d.ts +4 -1
- package/dist/index.d.ts +1 -1
- package/dist/utils/constants.d.ts +1 -0
- package/dist/utils/constants.js +1 -0
- package/dist/utils/types.d.ts +6 -0
- package/package.json +1 -1
|
@@ -48,8 +48,12 @@ export declare const useLineChart: (props: extendedLineChartPropsType) => {
|
|
|
48
48
|
setPointerItem5: import("react").Dispatch<import("react").SetStateAction<lineDataItem | undefined>>;
|
|
49
49
|
secondaryPointerY: number;
|
|
50
50
|
setSecondaryPointerY: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
51
|
-
secondaryPointerItem: undefined;
|
|
52
|
-
setSecondaryPointerItem: import("react").Dispatch<import("react").SetStateAction<undefined>>;
|
|
51
|
+
secondaryPointerItem: lineDataItem | undefined;
|
|
52
|
+
setSecondaryPointerItem: import("react").Dispatch<import("react").SetStateAction<lineDataItem | undefined>>;
|
|
53
|
+
pointerItemsForSet: lineDataItem[];
|
|
54
|
+
setPointerItemsForSet: import("react").Dispatch<import("react").SetStateAction<lineDataItem[]>>;
|
|
55
|
+
secondaryPointerItemsForSet: lineDataItem[];
|
|
56
|
+
setSecondaryPointerItemsForSet: import("react").Dispatch<import("react").SetStateAction<lineDataItem[]>>;
|
|
53
57
|
responderStartTime: number;
|
|
54
58
|
setResponderStartTime: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
55
59
|
responderActive: boolean;
|
|
@@ -205,6 +209,7 @@ export declare const useLineChart: (props: extendedLineChartPropsType) => {
|
|
|
205
209
|
strokeDashArray5: number[] | undefined;
|
|
206
210
|
rotateLabel: boolean;
|
|
207
211
|
isAnimated: boolean;
|
|
212
|
+
hidePointers: boolean;
|
|
208
213
|
hideDataPoints1: boolean;
|
|
209
214
|
hideDataPoints2: boolean;
|
|
210
215
|
hideDataPoints3: boolean;
|
package/dist/LineChart/index.js
CHANGED
|
@@ -39,50 +39,52 @@ import { AxesAndRulesDefaults, LineDefaults, SEGMENT_END, SEGMENT_START, chartTy
|
|
|
39
39
|
import { adjustToOffset, computeMaxAndMinItems, getAllArrowProperties, getArrowPoints, getAxesAndRulesProps, getCurvePathWithSegments, getExtendedContainerHeightWithPadding, getInterpolatedData, getLineSegmentsForMissingValues, getMaxValue, getNoOfSections, getPathWithHighlight, getSanitisedData, getSecondaryDataWithOffsetIncluded, getSegmentString, svgPath } from '../utils';
|
|
40
40
|
import { EdgePosition } from '../utils/types';
|
|
41
41
|
export var useLineChart = function (props) {
|
|
42
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82, _83, _84, _85, _86, _87, _88, _89, _90, _91, _92, _93, _94, _95, _96, _97, _98, _99, _100, _101, _102, _103, _104, _105, _106, _107, _108, _109, _110, _111, _112, _113, _114, _115, _116, _117, _118, _119, _120, _121, _122, _123, _124, _125, _126, _127, _128, _129, _130, _131, _132, _133, _134, _135, _136, _137, _138, _139, _140, _141, _142, _143, _144, _145, _146, _147, _148, _149, _150, _151, _152, _153, _154, _155, _156, _157, _158, _159, _160, _161, _162, _163, _164, _165, _166, _167, _168, _169, _170, _171, _172, _173, _174, _175, _176, _177, _178, _179, _180, _181, _182, _183, _184, _185, _186, _187, _188, _189, _190, _191, _192, _193, _194, _195, _196, _197, _198, _199, _200, _201, _202, _203, _204, _205, _206, _207, _208, _209, _210, _211, _212, _213, _214, _215, _216, _217, _218, _219, _220, _221, _222, _223, _224, _225, _226, _227, _228, _229, _230, _231, _232, _233, _234, _235, _236, _237, _238, _239, _240, _241, _242, _243, _244, _245, _246, _247, _248, _249, _250, _251, _252, _253, _254, _255, _256, _257, _258, _259, _260, _261, _262, _263, _264, _265, _266, _267, _268, _269, _270, _271, _272, _273, _274, _275, _276, _277, _278, _279, _280, _281, _282, _283, _284, _285, _286, _287, _288, _289, _290, _291, _292, _293, _294, _295, _296, _297;
|
|
43
|
-
var showDataPointsForMissingValues = props.showDataPointsForMissingValues,
|
|
42
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82, _83, _84, _85, _86, _87, _88, _89, _90, _91, _92, _93, _94, _95, _96, _97, _98, _99, _100, _101, _102, _103, _104, _105, _106, _107, _108, _109, _110, _111, _112, _113, _114, _115, _116, _117, _118, _119, _120, _121, _122, _123, _124, _125, _126, _127, _128, _129, _130, _131, _132, _133, _134, _135, _136, _137, _138, _139, _140, _141, _142, _143, _144, _145, _146, _147, _148, _149, _150, _151, _152, _153, _154, _155, _156, _157, _158, _159, _160, _161, _162, _163, _164, _165, _166, _167, _168, _169, _170, _171, _172, _173, _174, _175, _176, _177, _178, _179, _180, _181, _182, _183, _184, _185, _186, _187, _188, _189, _190, _191, _192, _193, _194, _195, _196, _197, _198, _199, _200, _201, _202, _203, _204, _205, _206, _207, _208, _209, _210, _211, _212, _213, _214, _215, _216, _217, _218, _219, _220, _221, _222, _223, _224, _225, _226, _227, _228, _229, _230, _231, _232, _233, _234, _235, _236, _237, _238, _239, _240, _241, _242, _243, _244, _245, _246, _247, _248, _249, _250, _251, _252, _253, _254, _255, _256, _257, _258, _259, _260, _261, _262, _263, _264, _265, _266, _267, _268, _269, _270, _271, _272, _273, _274, _275, _276, _277, _278, _279, _280, _281, _282, _283, _284, _285, _286, _287, _288, _289, _290, _291, _292, _293, _294, _295, _296, _297, _298;
|
|
43
|
+
var showDataPointsForMissingValues = props.showDataPointsForMissingValues, _299 = props.interpolateMissingValues, interpolateMissingValues = _299 === void 0 ? true : _299, onlyPositive = props.onlyPositive, yAxisOffset = props.yAxisOffset, parentWidth = props.parentWidth;
|
|
44
44
|
var curvature = (_a = props.curvature) !== null && _a !== void 0 ? _a : LineDefaults.curvature;
|
|
45
45
|
var curveType = (_b = props.curveType) !== null && _b !== void 0 ? _b : LineDefaults.curveType;
|
|
46
|
-
var
|
|
47
|
-
var
|
|
48
|
-
var
|
|
49
|
-
var
|
|
50
|
-
var
|
|
51
|
-
var
|
|
52
|
-
var
|
|
53
|
-
var
|
|
54
|
-
var
|
|
55
|
-
var
|
|
56
|
-
var
|
|
57
|
-
var
|
|
58
|
-
var
|
|
59
|
-
var
|
|
60
|
-
var
|
|
61
|
-
var
|
|
62
|
-
var
|
|
63
|
-
var
|
|
64
|
-
var
|
|
65
|
-
var
|
|
66
|
-
var
|
|
67
|
-
var
|
|
68
|
-
var
|
|
69
|
-
var
|
|
70
|
-
var
|
|
71
|
-
var
|
|
72
|
-
var
|
|
73
|
-
var
|
|
74
|
-
var
|
|
75
|
-
var
|
|
76
|
-
var
|
|
77
|
-
var
|
|
78
|
-
var
|
|
79
|
-
var
|
|
80
|
-
var
|
|
81
|
-
var
|
|
82
|
-
var
|
|
83
|
-
var
|
|
84
|
-
var
|
|
85
|
-
var
|
|
46
|
+
var _300 = __read(useState(0), 2), scrollX = _300[0], setScrollX = _300[1];
|
|
47
|
+
var _301 = __read(useState(''), 2), arrow1Points = _301[0], setArrow1Points = _301[1];
|
|
48
|
+
var _302 = __read(useState(''), 2), arrow2Points = _302[0], setArrow2Points = _302[1];
|
|
49
|
+
var _303 = __read(useState(''), 2), arrow3Points = _303[0], setArrow3Points = _303[1];
|
|
50
|
+
var _304 = __read(useState(''), 2), arrow4Points = _304[0], setArrow4Points = _304[1];
|
|
51
|
+
var _305 = __read(useState(''), 2), arrow5Points = _305[0], setArrow5Points = _305[1];
|
|
52
|
+
var _306 = __read(useState(''), 2), secondaryArrowPoints = _306[0], setSecondaryArrowPoints = _306[1];
|
|
53
|
+
var _307 = __read(useState(-1), 2), pointerIndex = _307[0], setPointerIndex = _307[1];
|
|
54
|
+
var _308 = __read(useState(0), 2), pointerX = _308[0], setPointerX = _308[1];
|
|
55
|
+
var _309 = __read(useState(0), 2), pointerY = _309[0], setPointerY = _309[1];
|
|
56
|
+
var _310 = __read(useState(), 2), pointerItem = _310[0], setPointerItem = _310[1];
|
|
57
|
+
var _311 = __read(useState(0), 2), pointerY2 = _311[0], setPointerY2 = _311[1];
|
|
58
|
+
var _312 = __read(useState(), 2), pointerItem2 = _312[0], setPointerItem2 = _312[1];
|
|
59
|
+
var _313 = __read(useState(0), 2), pointerY3 = _313[0], setPointerY3 = _313[1];
|
|
60
|
+
var _314 = __read(useState(), 2), pointerItem3 = _314[0], setPointerItem3 = _314[1];
|
|
61
|
+
var _315 = __read(useState(0), 2), pointerY4 = _315[0], setPointerY4 = _315[1];
|
|
62
|
+
var _316 = __read(useState(), 2), pointerItem4 = _316[0], setPointerItem4 = _316[1];
|
|
63
|
+
var _317 = __read(useState(0), 2), pointerY5 = _317[0], setPointerY5 = _317[1];
|
|
64
|
+
var _318 = __read(useState([]), 2), pointerYsForDataSet = _318[0], setPointerYsForDataSet = _318[1];
|
|
65
|
+
var _319 = __read(useState(), 2), pointerItem5 = _319[0], setPointerItem5 = _319[1];
|
|
66
|
+
var _320 = __read(useState(0), 2), secondaryPointerY = _320[0], setSecondaryPointerY = _320[1];
|
|
67
|
+
var _321 = __read(useState(), 2), secondaryPointerItem = _321[0], setSecondaryPointerItem = _321[1];
|
|
68
|
+
var _322 = __read(useState([]), 2), pointerItemsForSet = _322[0], setPointerItemsForSet = _322[1];
|
|
69
|
+
var _323 = __read(useState([]), 2), secondaryPointerItemsForSet = _323[0], setSecondaryPointerItemsForSet = _323[1];
|
|
70
|
+
var _324 = __read(useState(0), 2), responderStartTime = _324[0], setResponderStartTime = _324[1];
|
|
71
|
+
var _325 = __read(useState(false), 2), responderActive = _325[0], setResponderActive = _325[1];
|
|
72
|
+
var _326 = __read(useState(''), 2), points = _326[0], setPoints = _326[1];
|
|
73
|
+
var _327 = __read(useState(''), 2), points2 = _327[0], setPoints2 = _327[1];
|
|
74
|
+
var _328 = __read(useState(''), 2), points3 = _328[0], setPoints3 = _328[1];
|
|
75
|
+
var _329 = __read(useState(''), 2), points4 = _329[0], setPoints4 = _329[1];
|
|
76
|
+
var _330 = __read(useState(''), 2), points5 = _330[0], setPoints5 = _330[1];
|
|
77
|
+
var _331 = __read(useState(''), 2), secondaryPoints = _331[0], setSecondaryPoints = _331[1];
|
|
78
|
+
var _332 = __read(useState(''), 2), fillPoints = _332[0], setFillPoints = _332[1];
|
|
79
|
+
var _333 = __read(useState(''), 2), fillPoints2 = _333[0], setFillPoints2 = _333[1];
|
|
80
|
+
var _334 = __read(useState(''), 2), fillPoints3 = _334[0], setFillPoints3 = _334[1];
|
|
81
|
+
var _335 = __read(useState(''), 2), fillPoints4 = _335[0], setFillPoints4 = _335[1];
|
|
82
|
+
var _336 = __read(useState(''), 2), fillPoints5 = _336[0], setFillPoints5 = _336[1];
|
|
83
|
+
var _337 = __read(useState(''), 2), secondaryFillPoints = _337[0], setSecondaryFillPoints = _337[1];
|
|
84
|
+
var _338 = __read(useState([]), 2), pointsFromSet = _338[0], setPointsFromSet = _338[1];
|
|
85
|
+
var _339 = __read(useState([]), 2), fillPointsFromSet = _339[0], setFillPointsFromSet = _339[1];
|
|
86
|
+
var _340 = __read(useState([]), 2), arrowPointsFromSet = _340[0], setArrowPointsFromSet = _340[1];
|
|
87
|
+
var _341 = __read(useState((_c = props.focusedDataPointIndex) !== null && _c !== void 0 ? _c : -1), 2), selectedIndex = _341[0], setSelectedIndex = _341[1];
|
|
86
88
|
useEffect(function () {
|
|
87
89
|
var _a;
|
|
88
90
|
setSelectedIndex((_a = props.focusedDataPointIndex) !== null && _a !== void 0 ? _a : -1);
|
|
@@ -243,7 +245,7 @@ export var useLineChart = function (props) {
|
|
|
243
245
|
var textColor4 = (_95 = (_94 = props.textColor4) !== null && _94 !== void 0 ? _94 : props.textColor) !== null && _95 !== void 0 ? _95 : LineDefaults.textColor;
|
|
244
246
|
var textColor5 = (_97 = (_96 = props.textColor5) !== null && _96 !== void 0 ? _96 : props.textColor) !== null && _97 !== void 0 ? _97 : LineDefaults.textColor;
|
|
245
247
|
var totalWidth = initialSpacing + spacing * maxLengthOfDataOrSet - 1 + endSpacing;
|
|
246
|
-
var
|
|
248
|
+
var _342 = computeMaxAndMinItems(data0 !== null && data0 !== void 0 ? data0 : data, props.roundToDigits, props.showFractionalValues), maxItem = _342.maxItem, minItem = _342.minItem;
|
|
247
249
|
var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxItem);
|
|
248
250
|
var mostNegativeValue = (_98 = props.mostNegativeValue) !== null && _98 !== void 0 ? _98 : minItem;
|
|
249
251
|
var overflowTop = ((_99 = props.overflowTop) !== null && _99 !== void 0 ? _99 : props.secondaryXAxis)
|
|
@@ -312,7 +314,7 @@ export var useLineChart = function (props) {
|
|
|
312
314
|
var endOpacity5 = (_178 = props.endOpacity5) !== null && _178 !== void 0 ? _178 : endOpacity;
|
|
313
315
|
defaultArrowConfig.strokeWidth = (_180 = (_179 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _179 === void 0 ? void 0 : _179.thickness) !== null && _180 !== void 0 ? _180 : thickness1;
|
|
314
316
|
defaultArrowConfig.strokeColor = (_182 = (_181 = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) === null || _181 === void 0 ? void 0 : _181.color) !== null && _182 !== void 0 ? _182 : color1;
|
|
315
|
-
var
|
|
317
|
+
var _343 = getAllArrowProperties(props, defaultArrowConfig), arrowLength1 = _343.arrowLength1, arrowWidth1 = _343.arrowWidth1, arrowStrokeWidth1 = _343.arrowStrokeWidth1, arrowStrokeColor1 = _343.arrowStrokeColor1, arrowFillColor1 = _343.arrowFillColor1, showArrowBase1 = _343.showArrowBase1, arrowLength2 = _343.arrowLength2, arrowWidth2 = _343.arrowWidth2, arrowStrokeWidth2 = _343.arrowStrokeWidth2, arrowStrokeColor2 = _343.arrowStrokeColor2, arrowFillColor2 = _343.arrowFillColor2, showArrowBase2 = _343.showArrowBase2, arrowLength3 = _343.arrowLength3, arrowWidth3 = _343.arrowWidth3, arrowStrokeWidth3 = _343.arrowStrokeWidth3, arrowStrokeColor3 = _343.arrowStrokeColor3, arrowFillColor3 = _343.arrowFillColor3, showArrowBase3 = _343.showArrowBase3, arrowLength4 = _343.arrowLength4, arrowWidth4 = _343.arrowWidth4, arrowStrokeWidth4 = _343.arrowStrokeWidth4, arrowStrokeColor4 = _343.arrowStrokeColor4, arrowFillColor4 = _343.arrowFillColor4, showArrowBase4 = _343.showArrowBase4, arrowLength5 = _343.arrowLength5, arrowWidth5 = _343.arrowWidth5, arrowStrokeWidth5 = _343.arrowStrokeWidth5, arrowStrokeColor5 = _343.arrowStrokeColor5, arrowFillColor5 = _343.arrowFillColor5, showArrowBase5 = _343.showArrowBase5, arrowLengthsFromSet = _343.arrowLengthsFromSet, arrowWidthsFromSet = _343.arrowWidthsFromSet, arrowStrokeWidthsFromSet = _343.arrowStrokeWidthsFromSet, arrowStrokeColorsFromSet = _343.arrowStrokeColorsFromSet, arrowFillColorsFromSet = _343.arrowFillColorsFromSet, showArrowBasesFromSet = _343.showArrowBasesFromSet;
|
|
316
318
|
var secondaryLineConfig = {
|
|
317
319
|
zIndex: (_184 = (_183 = props.secondaryLineConfig) === null || _183 === void 0 ? void 0 : _183.zIndex) !== null && _184 !== void 0 ? _184 : zIndex1,
|
|
318
320
|
curved: (_186 = (_185 = props.secondaryLineConfig) === null || _185 === void 0 ? void 0 : _185.curved) !== null && _186 !== void 0 ? _186 : props.curved,
|
|
@@ -909,37 +911,38 @@ export var useLineChart = function (props) {
|
|
|
909
911
|
? animationDuration
|
|
910
912
|
: defaultPointerConfig.initialPointerAppearDelay);
|
|
911
913
|
var persistPointer = (_269 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.persistPointer) !== null && _269 !== void 0 ? _269 : defaultPointerConfig.persistPointer;
|
|
912
|
-
var
|
|
913
|
-
var
|
|
914
|
-
var
|
|
915
|
-
var
|
|
916
|
-
var
|
|
917
|
-
var
|
|
918
|
-
var
|
|
914
|
+
var hidePointers = (_270 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointers) !== null && _270 !== void 0 ? _270 : defaultPointerConfig.hidePointers;
|
|
915
|
+
var hidePointer1 = (_271 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer1) !== null && _271 !== void 0 ? _271 : defaultPointerConfig.hidePointer1;
|
|
916
|
+
var hidePointer2 = (_272 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer2) !== null && _272 !== void 0 ? _272 : defaultPointerConfig.hidePointer2;
|
|
917
|
+
var hidePointer3 = (_273 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer3) !== null && _273 !== void 0 ? _273 : defaultPointerConfig.hidePointer3;
|
|
918
|
+
var hidePointer4 = (_274 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer4) !== null && _274 !== void 0 ? _274 : defaultPointerConfig.hidePointer4;
|
|
919
|
+
var hidePointer5 = (_275 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hidePointer5) !== null && _275 !== void 0 ? _275 : defaultPointerConfig.hidePointer5;
|
|
920
|
+
var hideSecondaryPointer = (_276 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.hideSecondaryPointer) !== null && _276 !== void 0 ? _276 : defaultPointerConfig.hideSecondaryPointer;
|
|
921
|
+
var resetPointerOnDataChange = (_277 = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.resetPointerOnDataChange) !== null && _277 !== void 0 ? _277 : defaultPointerConfig.resetPointerOnDataChange;
|
|
919
922
|
var pointerEvents = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerEvents;
|
|
920
|
-
var disableScroll = (
|
|
923
|
+
var disableScroll = (_278 = props.disableScroll) !== null && _278 !== void 0 ? _278 : (pointerConfig
|
|
921
924
|
? activatePointersOnLongPress
|
|
922
925
|
? !!responderActive
|
|
923
926
|
: true
|
|
924
927
|
: false);
|
|
925
|
-
var showScrollIndicator = (
|
|
926
|
-
var focusEnabled = (
|
|
927
|
-
var showDataPointOnFocus = (
|
|
928
|
-
var showStripOnFocus = (
|
|
929
|
-
var showTextOnFocus = (
|
|
930
|
-
var showDataPointLabelOnFocus = (
|
|
928
|
+
var showScrollIndicator = (_279 = props.showScrollIndicator) !== null && _279 !== void 0 ? _279 : LineDefaults.showScrollIndicator;
|
|
929
|
+
var focusEnabled = (_280 = props.focusEnabled) !== null && _280 !== void 0 ? _280 : LineDefaults.focusEnabled;
|
|
930
|
+
var showDataPointOnFocus = (_281 = props.showDataPointOnFocus) !== null && _281 !== void 0 ? _281 : LineDefaults.showDataPointOnFocus;
|
|
931
|
+
var showStripOnFocus = (_282 = props.showStripOnFocus) !== null && _282 !== void 0 ? _282 : LineDefaults.showStripOnFocus;
|
|
932
|
+
var showTextOnFocus = (_283 = props.showTextOnFocus) !== null && _283 !== void 0 ? _283 : LineDefaults.showTextOnFocus;
|
|
933
|
+
var showDataPointLabelOnFocus = (_284 = props.showDataPointLabelOnFocus) !== null && _284 !== void 0 ? _284 : LineDefaults.showDataPointLabelOnFocus;
|
|
931
934
|
var stripHeight = props.stripHeight;
|
|
932
|
-
var stripWidth = (
|
|
933
|
-
var stripColor = (
|
|
934
|
-
var stripOpacity = (
|
|
935
|
+
var stripWidth = (_285 = props.stripWidth) !== null && _285 !== void 0 ? _285 : LineDefaults.stripWidth;
|
|
936
|
+
var stripColor = (_286 = props.stripColor) !== null && _286 !== void 0 ? _286 : color1;
|
|
937
|
+
var stripOpacity = (_287 = props.stripOpacity) !== null && _287 !== void 0 ? _287 : (startOpacity1 + endOpacity1) / 2;
|
|
935
938
|
var stripStrokeDashArray = props.stripStrokeDashArray;
|
|
936
|
-
var unFocusOnPressOut = (
|
|
937
|
-
var delayBeforeUnFocus = (
|
|
939
|
+
var unFocusOnPressOut = (_288 = props.unFocusOnPressOut) !== null && _288 !== void 0 ? _288 : LineDefaults.unFocusOnPressOut;
|
|
940
|
+
var delayBeforeUnFocus = (_289 = props.delayBeforeUnFocus) !== null && _289 !== void 0 ? _289 : LineDefaults.delayBeforeUnFocus;
|
|
938
941
|
var containerHeightIncludingBelowXAxis = extendedContainerHeight + noOfSectionsBelowXAxis * stepHeight;
|
|
939
|
-
var lineGradient = (
|
|
940
|
-
var lineGradientDirection = (
|
|
941
|
-
var lineGradientStartColor = (
|
|
942
|
-
var lineGradientEndColor = (
|
|
942
|
+
var lineGradient = (_290 = props.lineGradient) !== null && _290 !== void 0 ? _290 : LineDefaults.lineGradient;
|
|
943
|
+
var lineGradientDirection = (_291 = props.lineGradientDirection) !== null && _291 !== void 0 ? _291 : 'vertical';
|
|
944
|
+
var lineGradientStartColor = (_292 = props.lineGradientStartColor) !== null && _292 !== void 0 ? _292 : LineDefaults.lineGradientStartColor;
|
|
945
|
+
var lineGradientEndColor = (_293 = props.lineGradientEndColor) !== null && _293 !== void 0 ? _293 : LineDefaults.lineGradientEndColor;
|
|
943
946
|
var getPointerY = function (value) {
|
|
944
947
|
return value
|
|
945
948
|
? containerHeight -
|
|
@@ -1010,8 +1013,8 @@ export var useLineChart = function (props) {
|
|
|
1010
1013
|
var initialPointerYs = (_a = dataSet === null || dataSet === void 0 ? void 0 : dataSet.map(function (set) { return getPointerY(set.data[initialPointerIndex].value); })) !== null && _a !== void 0 ? _a : [];
|
|
1011
1014
|
setPointerYsForDataSet(initialPointerYs);
|
|
1012
1015
|
};
|
|
1013
|
-
var dataPointsRadius = (
|
|
1014
|
-
var dataPointsWidth = (
|
|
1016
|
+
var dataPointsRadius = (_295 = (_294 = props.dataPointsRadius1) !== null && _294 !== void 0 ? _294 : props.dataPointsRadius) !== null && _295 !== void 0 ? _295 : LineDefaults.dataPointsRadius;
|
|
1017
|
+
var dataPointsWidth = (_297 = (_296 = props.dataPointsWidth1) !== null && _296 !== void 0 ? _296 : props.dataPointsWidth) !== null && _297 !== void 0 ? _297 : LineDefaults.dataPointsWidth;
|
|
1015
1018
|
var extraWidthDueToDataPoint = props.hideDataPoints
|
|
1016
1019
|
? 0
|
|
1017
1020
|
: dataPointsRadius !== null && dataPointsRadius !== void 0 ? dataPointsRadius : dataPointsWidth;
|
|
@@ -1079,7 +1082,7 @@ export var useLineChart = function (props) {
|
|
|
1079
1082
|
pointerY: pointerY,
|
|
1080
1083
|
onEndReached: props.onEndReached,
|
|
1081
1084
|
onStartReached: props.onStartReached,
|
|
1082
|
-
endReachedOffset: (
|
|
1085
|
+
endReachedOffset: (_298 = props.endReachedOffset) !== null && _298 !== void 0 ? _298 : LineDefaults.endReachedOffset,
|
|
1083
1086
|
onMomentumScrollEnd: props.onMomentumScrollEnd,
|
|
1084
1087
|
extraWidthDueToDataPoint: extraWidthDueToDataPoint
|
|
1085
1088
|
};
|
|
@@ -1130,6 +1133,10 @@ export var useLineChart = function (props) {
|
|
|
1130
1133
|
setSecondaryPointerY: setSecondaryPointerY,
|
|
1131
1134
|
secondaryPointerItem: secondaryPointerItem,
|
|
1132
1135
|
setSecondaryPointerItem: setSecondaryPointerItem,
|
|
1136
|
+
pointerItemsForSet: pointerItemsForSet,
|
|
1137
|
+
setPointerItemsForSet: setPointerItemsForSet,
|
|
1138
|
+
secondaryPointerItemsForSet: secondaryPointerItemsForSet,
|
|
1139
|
+
setSecondaryPointerItemsForSet: setSecondaryPointerItemsForSet,
|
|
1133
1140
|
responderStartTime: responderStartTime,
|
|
1134
1141
|
setResponderStartTime: setResponderStartTime,
|
|
1135
1142
|
responderActive: responderActive,
|
|
@@ -1285,6 +1292,7 @@ export var useLineChart = function (props) {
|
|
|
1285
1292
|
strokeDashArray5: strokeDashArray5,
|
|
1286
1293
|
rotateLabel: rotateLabel,
|
|
1287
1294
|
isAnimated: isAnimated,
|
|
1295
|
+
hidePointers: hidePointers,
|
|
1288
1296
|
hideDataPoints1: hideDataPoints1,
|
|
1289
1297
|
hideDataPoints2: hideDataPoints2,
|
|
1290
1298
|
hideDataPoints3: hideDataPoints3,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { GestureResponderEvent, type ColorValue } from 'react-native';
|
|
2
2
|
import { type yAxisSides } from '../utils/constants';
|
|
3
|
-
import { XAxisConfig, type CurveType, type DataSet, type EdgePosition, type HighlightedRange, type LineSegment, type Pointer, type RuleType, type RulesConfig, type arrowConfigType, type referenceConfigType, type secondaryLineConfigType, type secondaryYAxisType, type Linecap } from '../utils/types';
|
|
3
|
+
import { XAxisConfig, type CurveType, type DataSet, type EdgePosition, type HighlightedRange, type LineSegment, type Pointer, type RuleType, type RulesConfig, type arrowConfigType, type referenceConfigType, type secondaryLineConfigType, type secondaryYAxisType, type Linecap, type IntersectionAreaConfig } from '../utils/types';
|
|
4
4
|
export interface LineChartPropsType {
|
|
5
5
|
height?: number;
|
|
6
6
|
overflowTop?: number;
|
|
@@ -302,6 +302,7 @@ export interface LineChartPropsType {
|
|
|
302
302
|
onChartAreaPress?: (event: GestureResponderEvent) => void;
|
|
303
303
|
onBackgroundPress?: (event: GestureResponderEvent) => void;
|
|
304
304
|
secondaryXAxis?: XAxisConfig;
|
|
305
|
+
intersectionAreaConfig?: IntersectionAreaConfig;
|
|
305
306
|
}
|
|
306
307
|
export interface lineDataItem {
|
|
307
308
|
value: number;
|
|
@@ -349,6 +350,7 @@ export interface lineDataItem {
|
|
|
349
350
|
pointerShiftY?: number;
|
|
350
351
|
onPress?: Function;
|
|
351
352
|
showXAxisIndex?: boolean;
|
|
353
|
+
hidePointer?: boolean;
|
|
352
354
|
}
|
|
353
355
|
interface sectionType {
|
|
354
356
|
value: string;
|
|
@@ -22,7 +22,10 @@ export interface StripAndLabelProps {
|
|
|
22
22
|
pointerStripColor: ColorValue;
|
|
23
23
|
pointerConfig?: Pointer;
|
|
24
24
|
pointerLabelComponent: Function | null;
|
|
25
|
-
secondaryPointerItem?: any
|
|
25
|
+
secondaryPointerItem?: any;
|
|
26
|
+
pointerItemsForSet?: any[];
|
|
27
|
+
secondaryPointerItemsForSet?: any[];
|
|
28
|
+
hasDataSet?: boolean;
|
|
26
29
|
scrollX: number;
|
|
27
30
|
pointerEvents?: PointerEvents;
|
|
28
31
|
width: number;
|
package/dist/index.d.ts
CHANGED
|
@@ -36,4 +36,4 @@ export { type StripAndLabelProps } from './components/common/types';
|
|
|
36
36
|
/***********************************************************************************************************************/
|
|
37
37
|
export { getCumulativeWidth, getLighterColor, svgQuadraticCurvePath, svgPath, bezierCommand, getSegmentString, getCurvePathWithSegments, getPreviousSegmentsLastPoint, getPathWithHighlight, getRegionPathObjects, getSegmentedPathObjects, getArrowPoints, getAxesAndRulesProps, getExtendedContainerHeightWithPadding, getSecondaryDataWithOffsetIncluded, getArrowProperty, getAllArrowProperties, maxAndMinUtil, computeMaxAndMinItems, getLabelTextUtil, getXForLineInBar, getYForLineInBar, clone, getLineConfigForBarChart, adjustToOffset } from './utils';
|
|
38
38
|
export { chartTypes, yAxisSides, loc, SEGMENT_START, SEGMENT_END, RANGE_ENTER, RANGE_EXIT, STOP, ruleTypes, AxesAndRulesDefaults, defaultArrowConfig, BarDefaults, defaultLineConfig, LineDefaults, defaultPointerConfig, pieColors, populationDefaults, defaultAnimationDuration } from './utils/constants';
|
|
39
|
-
export { type RuleType, type RuleTypes, type RulesConfig, CurveType, EdgePosition, type LabelsPosition, type PointerEvents, type secondaryYAxisType, type secondaryLineConfigType, type referenceConfigType, type arrowConfigType, type horizSectionPropTypes, type HorizSectionsType, type BarAndLineChartsWrapperTypes, type Pointer, type HighlightedRange, type LineSegment, type LineSvgProps, type LineProperties, type DataSet, Framework, type XAxisConfig, type LineInBarChartPropsType, type DataPointProps, type Linecap } from './utils/types';
|
|
39
|
+
export { type RuleType, type RuleTypes, type RulesConfig, CurveType, EdgePosition, type LabelsPosition, type PointerEvents, type secondaryYAxisType, type secondaryLineConfigType, type referenceConfigType, type arrowConfigType, type horizSectionPropTypes, type HorizSectionsType, type BarAndLineChartsWrapperTypes, type Pointer, type HighlightedRange, type LineSegment, type LineSvgProps, type LineProperties, type DataSet, Framework, type XAxisConfig, type LineInBarChartPropsType, type DataPointProps, type Linecap, type IntersectionAreaConfig } from './utils/types';
|
package/dist/utils/constants.js
CHANGED
package/dist/utils/types.d.ts
CHANGED
|
@@ -325,6 +325,7 @@ export interface Pointer {
|
|
|
325
325
|
initialPointerIndex?: number;
|
|
326
326
|
initialPointerAppearDelay?: number;
|
|
327
327
|
persistPointer?: boolean;
|
|
328
|
+
hidePointers?: boolean;
|
|
328
329
|
hidePointer1?: boolean;
|
|
329
330
|
hidePointer2?: boolean;
|
|
330
331
|
hidePointer3?: boolean;
|
|
@@ -357,6 +358,7 @@ export interface LineSvgProps {
|
|
|
357
358
|
stroke: string | ColorValue;
|
|
358
359
|
strokeWidth: number;
|
|
359
360
|
strokeDasharray?: number[];
|
|
361
|
+
clipPath?: string;
|
|
360
362
|
}
|
|
361
363
|
export interface LineProperties {
|
|
362
364
|
d: string;
|
|
@@ -393,5 +395,9 @@ export interface DataSet {
|
|
|
393
395
|
curveType?: CurveType;
|
|
394
396
|
lineSegments?: LineSegment[];
|
|
395
397
|
isSecondary?: boolean;
|
|
398
|
+
hidePointers?: boolean;
|
|
399
|
+
}
|
|
400
|
+
export interface IntersectionAreaConfig {
|
|
401
|
+
fillColor?: ColorValue;
|
|
396
402
|
}
|
|
397
403
|
export {};
|