gifted-charts-core 0.1.26 → 0.1.27

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

@@ -65,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);
@@ -243,7 +245,7 @@ export var useLineChart = function (props) {
     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 * maxLengthOfDataOrSet - 1 + endSpacing;
-    var _339 = computeMaxAndMinItems(data0 !== null && data0 !== void 0 ? data0 : data, props.roundToDigits, props.showFractionalValues), maxItem = _339.maxItem, minItem = _339.minItem;
+    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)
@@ -312,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,
@@ -1130,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/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.26",
+  "version": "0.1.27",
   "description": "Mathematical and logical utilities used by react-gifted-charts and react-native-gifted-charts",
   "main": "./dist/index.js",
   "files": [