gifted-charts-core 0.1.25 → 0.1.27

package/dist/BarChart/types.d.ts

@@ -9,6 +9,7 @@ export interface stackDataItem {
     onLongPress?: any;
     onPressOut?: any;
     label?: string;
+    labelWidth?: number;
     labelsDistanceFromXaxis?: number;
     barWidth?: number;
     spacing?: number;
@@ -74,6 +75,7 @@ export interface StackedBarChartPropsType {
     onPress?: Function;
     onLongPress?: Function;
     onPressOut?: Function;
+    labelWidth?: number;
     rotateLabel?: boolean;
     showXAxisIndices: boolean;
     xAxisIndicesHeight: number;

package/dist/LineChart/index.d.ts

@@ -48,8 +48,12 @@ export declare const useLineChart: (props: extendedLineChartPropsType) => {
     setPointerItem5: import("react").Dispatch<import("react").SetStateAction<lineDataItem | undefined>>;
     secondaryPointerY: number;
     setSecondaryPointerY: import("react").Dispatch<import("react").SetStateAction<number>>;
-    secondaryPointerItem: undefined;
-    setSecondaryPointerItem: import("react").Dispatch<import("react").SetStateAction<undefined>>;
+    secondaryPointerItem: lineDataItem | undefined;
+    setSecondaryPointerItem: import("react").Dispatch<import("react").SetStateAction<lineDataItem | undefined>>;
+    pointerItemsForSet: lineDataItem[];
+    setPointerItemsForSet: import("react").Dispatch<import("react").SetStateAction<lineDataItem[]>>;
+    secondaryPointerItemsForSet: lineDataItem[];
+    setSecondaryPointerItemsForSet: import("react").Dispatch<import("react").SetStateAction<lineDataItem[]>>;
     responderStartTime: number;
     setResponderStartTime: import("react").Dispatch<import("react").SetStateAction<number>>;
     responderActive: boolean;

package/dist/LineChart/index.js

@@ -25,6 +25,15 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import { useEffect, useMemo, useState } from 'react';
 import { AxesAndRulesDefaults, LineDefaults, SEGMENT_END, SEGMENT_START, chartTypes, defaultArrowConfig, defaultPointerConfig } from '../utils/constants';
 import { adjustToOffset, computeMaxAndMinItems, getAllArrowProperties, getArrowPoints, getAxesAndRulesProps, getCurvePathWithSegments, getExtendedContainerHeightWithPadding, getInterpolatedData, getLineSegmentsForMissingValues, getMaxValue, getNoOfSections, getPathWithHighlight, getSanitisedData, getSecondaryDataWithOffsetIncluded, getSegmentString, svgPath } from '../utils';
@@ -56,24 +65,26 @@ export var useLineChart = function (props) {
     var _318 = __read(useState(), 2), pointerItem5 = _318[0], setPointerItem5 = _318[1];
     var _319 = __read(useState(0), 2), secondaryPointerY = _319[0], setSecondaryPointerY = _319[1];
     var _320 = __read(useState(), 2), secondaryPointerItem = _320[0], setSecondaryPointerItem = _320[1];
-    var _321 = __read(useState(0), 2), responderStartTime = _321[0], setResponderStartTime = _321[1];
-    var _322 = __read(useState(false), 2), responderActive = _322[0], setResponderActive = _322[1];
-    var _323 = __read(useState(''), 2), points = _323[0], setPoints = _323[1];
-    var _324 = __read(useState(''), 2), points2 = _324[0], setPoints2 = _324[1];
-    var _325 = __read(useState(''), 2), points3 = _325[0], setPoints3 = _325[1];
-    var _326 = __read(useState(''), 2), points4 = _326[0], setPoints4 = _326[1];
-    var _327 = __read(useState(''), 2), points5 = _327[0], setPoints5 = _327[1];
-    var _328 = __read(useState(''), 2), secondaryPoints = _328[0], setSecondaryPoints = _328[1];
-    var _329 = __read(useState(''), 2), fillPoints = _329[0], setFillPoints = _329[1];
-    var _330 = __read(useState(''), 2), fillPoints2 = _330[0], setFillPoints2 = _330[1];
-    var _331 = __read(useState(''), 2), fillPoints3 = _331[0], setFillPoints3 = _331[1];
-    var _332 = __read(useState(''), 2), fillPoints4 = _332[0], setFillPoints4 = _332[1];
-    var _333 = __read(useState(''), 2), fillPoints5 = _333[0], setFillPoints5 = _333[1];
-    var _334 = __read(useState(''), 2), secondaryFillPoints = _334[0], setSecondaryFillPoints = _334[1];
-    var _335 = __read(useState([]), 2), pointsFromSet = _335[0], setPointsFromSet = _335[1];
-    var _336 = __read(useState([]), 2), fillPointsFromSet = _336[0], setFillPointsFromSet = _336[1];
-    var _337 = __read(useState([]), 2), arrowPointsFromSet = _337[0], setArrowPointsFromSet = _337[1];
-    var _338 = __read(useState((_c = props.focusedDataPointIndex) !== null && _c !== void 0 ? _c : -1), 2), selectedIndex = _338[0], setSelectedIndex = _338[1];
+    var _321 = __read(useState([]), 2), pointerItemsForSet = _321[0], setPointerItemsForSet = _321[1];
+    var _322 = __read(useState([]), 2), secondaryPointerItemsForSet = _322[0], setSecondaryPointerItemsForSet = _322[1];
+    var _323 = __read(useState(0), 2), responderStartTime = _323[0], setResponderStartTime = _323[1];
+    var _324 = __read(useState(false), 2), responderActive = _324[0], setResponderActive = _324[1];
+    var _325 = __read(useState(''), 2), points = _325[0], setPoints = _325[1];
+    var _326 = __read(useState(''), 2), points2 = _326[0], setPoints2 = _326[1];
+    var _327 = __read(useState(''), 2), points3 = _327[0], setPoints3 = _327[1];
+    var _328 = __read(useState(''), 2), points4 = _328[0], setPoints4 = _328[1];
+    var _329 = __read(useState(''), 2), points5 = _329[0], setPoints5 = _329[1];
+    var _330 = __read(useState(''), 2), secondaryPoints = _330[0], setSecondaryPoints = _330[1];
+    var _331 = __read(useState(''), 2), fillPoints = _331[0], setFillPoints = _331[1];
+    var _332 = __read(useState(''), 2), fillPoints2 = _332[0], setFillPoints2 = _332[1];
+    var _333 = __read(useState(''), 2), fillPoints3 = _333[0], setFillPoints3 = _333[1];
+    var _334 = __read(useState(''), 2), fillPoints4 = _334[0], setFillPoints4 = _334[1];
+    var _335 = __read(useState(''), 2), fillPoints5 = _335[0], setFillPoints5 = _335[1];
+    var _336 = __read(useState(''), 2), secondaryFillPoints = _336[0], setSecondaryFillPoints = _336[1];
+    var _337 = __read(useState([]), 2), pointsFromSet = _337[0], setPointsFromSet = _337[1];
+    var _338 = __read(useState([]), 2), fillPointsFromSet = _338[0], setFillPointsFromSet = _338[1];
+    var _339 = __read(useState([]), 2), arrowPointsFromSet = _339[0], setArrowPointsFromSet = _339[1];
+    var _340 = __read(useState((_c = props.focusedDataPointIndex) !== null && _c !== void 0 ? _c : -1), 2), selectedIndex = _340[0], setSelectedIndex = _340[1];
     useEffect(function () {
         var _a;
         setSelectedIndex((_a = props.focusedDataPointIndex) !== null && _a !== void 0 ? _a : -1);
@@ -134,6 +145,9 @@ export var useLineChart = function (props) {
     var endIndex4 = (_y = props.endIndex4) !== null && _y !== void 0 ? _y : data4.length - 1;
     var startIndex5 = (_z = props.startIndex5) !== null && _z !== void 0 ? _z : 0;
     var endIndex5 = (_0 = props.endIndex5) !== null && _0 !== void 0 ? _0 : data5.length - 1;
+    var lengthOfLongestDataArray = Math.max(data.length, data2.length, data3.length, data4.length, data5.length);
+    var maxLengthOfDataOrSet = dataSet
+        ? Math.max.apply(Math, __spreadArray([], __read(dataSet.map(function (item) { return item.data.length; })), false)) : lengthOfLongestDataArray;
     var lineSegments = !interpolateMissingValues
         ? getLineSegmentsForMissingValues(props.data)
         : props.lineSegments;
@@ -150,9 +164,6 @@ export var useLineChart = function (props) {
         ? getLineSegmentsForMissingValues(props.data5)
         : props.lineSegments5;
     var highlightedRange = props.highlightedRange;
-    var newPoints = '';
-    var newFillPoints = '';
-    var counter = 0;
     var adjustToWidth = (_1 = props.adjustToWidth) !== null && _1 !== void 0 ? _1 : false;
     var initialSpacing = (_2 = props.initialSpacing) !== null && _2 !== void 0 ? _2 : LineDefaults.initialSpacing;
     var endSpacing = (_3 = props.endSpacing) !== null && _3 !== void 0 ? _3 : (adjustToWidth ? 0 : LineDefaults.endSpacing);
@@ -233,8 +244,8 @@ export var useLineChart = function (props) {
     var textColor3 = (_93 = (_92 = props.textColor3) !== null && _92 !== void 0 ? _92 : props.textColor) !== null && _93 !== void 0 ? _93 : LineDefaults.textColor;
     var textColor4 = (_95 = (_94 = props.textColor4) !== null && _94 !== void 0 ? _94 : props.textColor) !== null && _95 !== void 0 ? _95 : LineDefaults.textColor;
     var textColor5 = (_97 = (_96 = props.textColor5) !== null && _96 !== void 0 ? _96 : props.textColor) !== null && _97 !== void 0 ? _97 : LineDefaults.textColor;
-    var totalWidth = initialSpacing + spacing * (data0 !== null && data0 !== void 0 ? data0 : data).length - 1 + endSpacing;
-    var _339 = computeMaxAndMinItems(data0 !== null && data0 !== void 0 ? data0 : data, props.roundToDigits, props.showFractionalValues), maxItem = _339.maxItem, minItem = _339.minItem;
+    var totalWidth = initialSpacing + spacing * maxLengthOfDataOrSet - 1 + endSpacing;
+    var _341 = computeMaxAndMinItems(data0 !== null && data0 !== void 0 ? data0 : data, props.roundToDigits, props.showFractionalValues), maxItem = _341.maxItem, minItem = _341.minItem;
     var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxItem);
     var mostNegativeValue = (_98 = props.mostNegativeValue) !== null && _98 !== void 0 ? _98 : minItem;
     var overflowTop = ((_99 = props.overflowTop) !== null && _99 !== void 0 ? _99 : props.secondaryXAxis)
@@ -303,7 +314,7 @@ export var useLineChart = function (props) {
     var endOpacity5 = (_178 = props.endOpacity5) !== null && _178 !== void 0 ? _178 : endOpacity;
     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;
     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;
-    var _340 = getAllArrowProperties(props, defaultArrowConfig), arrowLength1 = _340.arrowLength1, arrowWidth1 = _340.arrowWidth1, arrowStrokeWidth1 = _340.arrowStrokeWidth1, arrowStrokeColor1 = _340.arrowStrokeColor1, arrowFillColor1 = _340.arrowFillColor1, showArrowBase1 = _340.showArrowBase1, arrowLength2 = _340.arrowLength2, arrowWidth2 = _340.arrowWidth2, arrowStrokeWidth2 = _340.arrowStrokeWidth2, arrowStrokeColor2 = _340.arrowStrokeColor2, arrowFillColor2 = _340.arrowFillColor2, showArrowBase2 = _340.showArrowBase2, arrowLength3 = _340.arrowLength3, arrowWidth3 = _340.arrowWidth3, arrowStrokeWidth3 = _340.arrowStrokeWidth3, arrowStrokeColor3 = _340.arrowStrokeColor3, arrowFillColor3 = _340.arrowFillColor3, showArrowBase3 = _340.showArrowBase3, arrowLength4 = _340.arrowLength4, arrowWidth4 = _340.arrowWidth4, arrowStrokeWidth4 = _340.arrowStrokeWidth4, arrowStrokeColor4 = _340.arrowStrokeColor4, arrowFillColor4 = _340.arrowFillColor4, showArrowBase4 = _340.showArrowBase4, arrowLength5 = _340.arrowLength5, arrowWidth5 = _340.arrowWidth5, arrowStrokeWidth5 = _340.arrowStrokeWidth5, arrowStrokeColor5 = _340.arrowStrokeColor5, arrowFillColor5 = _340.arrowFillColor5, showArrowBase5 = _340.showArrowBase5, arrowLengthsFromSet = _340.arrowLengthsFromSet, arrowWidthsFromSet = _340.arrowWidthsFromSet, arrowStrokeWidthsFromSet = _340.arrowStrokeWidthsFromSet, arrowStrokeColorsFromSet = _340.arrowStrokeColorsFromSet, arrowFillColorsFromSet = _340.arrowFillColorsFromSet, showArrowBasesFromSet = _340.showArrowBasesFromSet;
+    var _342 = getAllArrowProperties(props, defaultArrowConfig), arrowLength1 = _342.arrowLength1, arrowWidth1 = _342.arrowWidth1, arrowStrokeWidth1 = _342.arrowStrokeWidth1, arrowStrokeColor1 = _342.arrowStrokeColor1, arrowFillColor1 = _342.arrowFillColor1, showArrowBase1 = _342.showArrowBase1, arrowLength2 = _342.arrowLength2, arrowWidth2 = _342.arrowWidth2, arrowStrokeWidth2 = _342.arrowStrokeWidth2, arrowStrokeColor2 = _342.arrowStrokeColor2, arrowFillColor2 = _342.arrowFillColor2, showArrowBase2 = _342.showArrowBase2, arrowLength3 = _342.arrowLength3, arrowWidth3 = _342.arrowWidth3, arrowStrokeWidth3 = _342.arrowStrokeWidth3, arrowStrokeColor3 = _342.arrowStrokeColor3, arrowFillColor3 = _342.arrowFillColor3, showArrowBase3 = _342.showArrowBase3, arrowLength4 = _342.arrowLength4, arrowWidth4 = _342.arrowWidth4, arrowStrokeWidth4 = _342.arrowStrokeWidth4, arrowStrokeColor4 = _342.arrowStrokeColor4, arrowFillColor4 = _342.arrowFillColor4, showArrowBase4 = _342.showArrowBase4, arrowLength5 = _342.arrowLength5, arrowWidth5 = _342.arrowWidth5, arrowStrokeWidth5 = _342.arrowStrokeWidth5, arrowStrokeColor5 = _342.arrowStrokeColor5, arrowFillColor5 = _342.arrowFillColor5, showArrowBase5 = _342.showArrowBase5, arrowLengthsFromSet = _342.arrowLengthsFromSet, arrowWidthsFromSet = _342.arrowWidthsFromSet, arrowStrokeWidthsFromSet = _342.arrowStrokeWidthsFromSet, arrowStrokeColorsFromSet = _342.arrowStrokeColorsFromSet, arrowFillColorsFromSet = _342.arrowFillColorsFromSet, showArrowBasesFromSet = _342.showArrowBasesFromSet;
     var secondaryLineConfig = {
         zIndex: (_184 = (_183 = props.secondaryLineConfig) === null || _183 === void 0 ? void 0 : _183.zIndex) !== null && _184 !== void 0 ? _184 : zIndex1,
         curved: (_186 = (_185 = props.secondaryLineConfig) === null || _185 === void 0 ? void 0 : _185.curved) !== null && _186 !== void 0 ? _186 : props.curved,
@@ -480,7 +491,7 @@ export var useLineChart = function (props) {
             var pp4 = '';
             var pp5 = '';
             if (!props.curved) {
-                for (var i = 0; i < data.length; i++) {
+                for (var i = 0; i < lengthOfLongestDataArray; i++) {
                     if (i >= startIndex1 && i <= endIndex1) {
                         if (stepChart !== null && stepChart !== void 0 ? stepChart : stepChart1) {
                             pp += getStepPath(data, i);
@@ -643,7 +654,7 @@ export var useLineChart = function (props) {
                 var p3Array = [];
                 var p4Array = [];
                 var p5Array = [];
-                for (var i = 0; i < data.length; i++) {
+                for (var i = 0; i < lengthOfLongestDataArray; i++) {
                     if (i >= startIndex1 && i <= endIndex1) {
                         p1Array.push([getX(i), getY(data[i].value)]);
                     }
@@ -1121,6 +1132,10 @@ export var useLineChart = function (props) {
         setSecondaryPointerY: setSecondaryPointerY,
         secondaryPointerItem: secondaryPointerItem,
         setSecondaryPointerItem: setSecondaryPointerItem,
+        pointerItemsForSet: pointerItemsForSet,
+        setPointerItemsForSet: setPointerItemsForSet,
+        secondaryPointerItemsForSet: secondaryPointerItemsForSet,
+        setSecondaryPointerItemsForSet: setSecondaryPointerItemsForSet,
         responderStartTime: responderStartTime,
         setResponderStartTime: setResponderStartTime,
         responderActive: responderActive,

package/dist/LineChart/types.d.ts

@@ -1,6 +1,6 @@
 import { GestureResponderEvent, type ColorValue } from 'react-native';
 import { type yAxisSides } from '../utils/constants';
-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';
+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';
 export interface LineChartPropsType {
     height?: number;
     overflowTop?: number;
@@ -302,6 +302,7 @@ export interface LineChartPropsType {
     onChartAreaPress?: (event: GestureResponderEvent) => void;
     onBackgroundPress?: (event: GestureResponderEvent) => void;
     secondaryXAxis?: XAxisConfig;
+    intersectionAreaConfig?: IntersectionAreaConfig;
 }
 export interface lineDataItem {
     value: number;

package/dist/components/common/types.d.ts

@@ -22,7 +22,10 @@ export interface StripAndLabelProps {
     pointerStripColor: ColorValue;
     pointerConfig?: Pointer;
     pointerLabelComponent: Function | null;
-    secondaryPointerItem?: any[];
+    secondaryPointerItem?: any;
+    pointerItemsForSet?: any[];
+    secondaryPointerItemsForSet?: any[];
+    hasDataSet?: boolean;
     scrollX: number;
     pointerEvents?: PointerEvents;
     width: number;

package/dist/index.d.ts

@@ -36,4 +36,4 @@ export { type StripAndLabelProps } from './components/common/types';
 /***********************************************************************************************************************/
 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';
 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';
-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';
+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/index.js

@@ -883,10 +883,12 @@ export var getInterpolatedData = function (dataParam, showDataPointsForMissingVa
         //    4. None has valid value -> this is already handled in preprocessing
         var pre = data.slice(0, index);
         var post = data.slice(index + 1, n);
-        var preValidIndex = pre
+        var preCount = pre.length - 1;
+        var tempPreValidIndex = pre
             .slice()
             .reverse()
             .findIndex(function (item) { return typeof item.value === 'number'; });
+        var preValidIndex = tempPreValidIndex >= 0 ? preCount - tempPreValidIndex : tempPreValidIndex;
         var postValidInd = post.findIndex(function (item) { return typeof item.value === 'number'; });
         var postValidIndex = postValidInd + index + 1;
         var count, step;
@@ -903,10 +905,12 @@ export var getInterpolatedData = function (dataParam, showDataPointsForMissingVa
             //    1. There's only 1 valid value in the pre -> this is already handled in preprocessing
             //    2. There are more than valid values in pre
             var secondPre = data.slice(0, preValidIndex);
-            var secondPreIndex = secondPre
+            var secondPreCount = pre.length - 1;
+            var tempSecondPreIndex = secondPre
                 .slice()
                 .reverse()
                 .findIndex(function (item) { return typeof item.value === 'number'; });
+            var secondPreIndex = tempSecondPreIndex >= 0 ? secondPreCount - tempSecondPreIndex : tempSecondPreIndex;
             count = preValidIndex - secondPreIndex;
             step = (data[secondPreIndex].value - data[preValidIndex].value) / count;
             data[index].value =

package/dist/utils/types.d.ts

@@ -357,6 +357,7 @@ export interface LineSvgProps {
     stroke: string | ColorValue;
     strokeWidth: number;
     strokeDasharray?: number[];
+    clipPath?: string;
 }
 export interface LineProperties {
     d: string;
@@ -394,4 +395,7 @@ export interface DataSet {
     lineSegments?: LineSegment[];
     isSecondary?: boolean;
 }
+export interface IntersectionAreaConfig {
+    fillColor?: ColorValue;
+}
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gifted-charts-core",
-  "version": "0.1.25",
+  "version": "0.1.27",
   "description": "Mathematical and logical utilities used by react-gifted-charts and react-native-gifted-charts",
   "main": "./dist/index.js",
   "files": [