gifted-charts-core 0.1.13 → 0.1.15

package/README.md

@@ -1 +1 @@
-This library contains the common code used by [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts) and react-gifted-charts.
+This library contains the common code used by [react-native-gifted-charts](https://www.npmjs.com/package/react-native-gifted-charts) and [react-gifted-charts](https://www.npmjs.com/package/react-gifted-charts).

package/package.json

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

package/src/BarChart/RenderStackBars.d.ts

@@ -24,4 +24,17 @@ export declare const useRenderStackBars: (props: StackedBarChartPropsType) => {
         borderBottomLeftRadius: number;
         borderBottomRightRadius: number;
     };
+    tooltipProps: {
+        barHeight: number;
+        barWidth: number;
+        item: stackDataItem;
+        index: number;
+        isLast: boolean;
+        leftSpacing: number;
+        leftShiftForLastIndexTooltip: number;
+        leftShiftForTooltip: number;
+        renderTooltip: Function | undefined;
+        autoCenterTooltip: boolean | undefined;
+        horizontal: boolean;
+    };
 };

package/src/BarChart/RenderStackBars.js

@@ -16,8 +16,8 @@ var __read = (this && this.__read) || function (o, n) {
 };
 import { useState } from 'react';
 export var useRenderStackBars = function (props) {
-    var _a, _b, _c, _d, _e, _f;
-    var item = props.item, index = props.index, containerHeight = props.containerHeight, maxValue = props.maxValue, propSpacing = props.propSpacing, initialSpacing = props.initialSpacing, stackData = props.stackData, isAnimated = props.isAnimated, xAxisThickness = props.xAxisThickness;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var item = props.item, index = props.index, containerHeight = props.containerHeight, maxValue = props.maxValue, propSpacing = props.propSpacing, initialSpacing = props.initialSpacing, stackData = props.stackData, isAnimated = props.isAnimated, xAxisThickness = props.xAxisThickness, renderTooltip = props.renderTooltip, leftShiftForTooltip = props.leftShiftForTooltip, leftShiftForLastIndexTooltip = props.leftShiftForLastIndexTooltip, autoCenterTooltip = props.autoCenterTooltip, horizontal = props.horizontal;
     var cotainsNegative = item.stacks.some(function (item) { return item.value < 0; });
     var noAnimation = cotainsNegative || !isAnimated;
     var localBarInnerComponent = (_a = item.barInnerComponent) !== null && _a !== void 0 ? _a : props.barInnerComponent;
@@ -33,7 +33,7 @@ export var useRenderStackBars = function (props) {
         return acc +
             (Math.abs(stack.value) * (containerHeight !== null && containerHeight !== void 0 ? containerHeight : 200)) / (maxValue || 200);
     }, 0);
-    var _g = __read(useState(noAnimation ? totalHeight : 1), 2), height = _g[0], setHeight = _g[1];
+    var _j = __read(useState(noAnimation ? totalHeight : 1), 2), height = _j[0], setHeight = _j[1];
     var getBarHeight = function (value, marginBottom) {
         return ((Math.abs(value) * (containerHeight !== null && containerHeight !== void 0 ? containerHeight : 200)) / (maxValue || 200) -
             (marginBottom !== null && marginBottom !== void 0 ? marginBottom : 0));
@@ -76,6 +76,19 @@ export var useRenderStackBars = function (props) {
         };
         return borderRadii;
     };
+    var tooltipProps = {
+        barHeight: totalHeight,
+        barWidth: item.barWidth || props.barWidth || 30,
+        item: item,
+        index: index,
+        isLast: index === stackData.length - 1,
+        leftSpacing: leftSpacing,
+        leftShiftForLastIndexTooltip: leftShiftForLastIndexTooltip,
+        leftShiftForTooltip: (_h = (_g = item.leftShiftForTooltip) !== null && _g !== void 0 ? _g : leftShiftForTooltip) !== null && _h !== void 0 ? _h : 0,
+        renderTooltip: renderTooltip,
+        autoCenterTooltip: autoCenterTooltip,
+        horizontal: horizontal
+    };
     return {
         cotainsNegative: cotainsNegative,
         noAnimation: noAnimation,
@@ -94,6 +107,7 @@ export var useRenderStackBars = function (props) {
         getPosition: getPosition,
         getLowestPosition: getLowestPosition,
         lowestBarPosition: lowestBarPosition,
-        getStackBorderRadii: getStackBorderRadii
+        getStackBorderRadii: getStackBorderRadii,
+        tooltipProps: tooltipProps
     };
 };

package/src/BarChart/RenderStackBars.ts

@@ -11,7 +11,12 @@ export const useRenderStackBars = (props: StackedBarChartPropsType) => {
     initialSpacing,
     stackData,
     isAnimated,
-    xAxisThickness
+    xAxisThickness,
+    renderTooltip,
+    leftShiftForTooltip,
+    leftShiftForLastIndexTooltip,
+    autoCenterTooltip,
+    horizontal
   } = props
   const cotainsNegative = item.stacks.some((item) => item.value < 0)
   const noAnimation = cotainsNegative || !isAnimated
@@ -117,6 +122,20 @@ export const useRenderStackBars = (props: StackedBarChartPropsType) => {
     return borderRadii
   }
 
+  const tooltipProps = {
+    barHeight: totalHeight,
+    barWidth: item.barWidth || props.barWidth || 30,
+    item,
+    index,
+    isLast: index === stackData.length - 1,
+    leftSpacing,
+    leftShiftForLastIndexTooltip,
+    leftShiftForTooltip: item.leftShiftForTooltip ?? leftShiftForTooltip ?? 0,
+    renderTooltip,
+    autoCenterTooltip,
+    horizontal
+  }
+
   return {
     cotainsNegative,
     noAnimation,
@@ -135,6 +154,7 @@ export const useRenderStackBars = (props: StackedBarChartPropsType) => {
     getPosition,
     getLowestPosition,
     lowestBarPosition,
-    getStackBorderRadii
+    getStackBorderRadii,
+    tooltipProps
   }
 }

package/src/BarChart/index.d.ts

@@ -119,7 +119,6 @@ export declare const useBarChart: (props: extendedBarChartPropsType) => {
     getPointerProps: Function | null;
     pointerIndex: number;
     getPropsCommonForBarAndStack: (item: any, index: number) => {
-        key: number;
         item: any;
         index: number;
         containerHeight: number;
@@ -165,6 +164,7 @@ export declare const useBarChart: (props: extendedBarChartPropsType) => {
         xAxisLabelsVerticalShift: number;
         renderTooltip: Function | undefined;
         leftShiftForTooltip: number;
+        autoCenterTooltip: boolean | undefined;
         initialSpacing: number;
         selectedIndex: number;
         setSelectedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;

package/src/BarChart/index.js

@@ -30,7 +30,7 @@ import { getArrowPoints, getAxesAndRulesProps, getExtendedContainerHeightWithPad
 import { AxesAndRulesDefaults, BarDefaults, chartTypes, defaultLineConfig, defaultPointerConfig } from '../utils/constants';
 export var useBarChart = function (props) {
     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;
-    var heightValue = props.heightValue, widthValue = props.widthValue, opacValue = props.opacValue, yAxisOffset = props.yAxisOffset, adjustToWidth = props.adjustToWidth, parentWidth = props.parentWidth, labelsDistanceFromXaxis = props.labelsDistanceFromXaxis, autoShiftLabelsForNegativeStacks = props.autoShiftLabelsForNegativeStacks, focusedBarIndex = props.focusedBarIndex, negativeStepValue = props.negativeStepValue;
+    var heightValue = props.heightValue, widthValue = props.widthValue, opacValue = props.opacValue, yAxisOffset = props.yAxisOffset, adjustToWidth = props.adjustToWidth, parentWidth = props.parentWidth, labelsDistanceFromXaxis = props.labelsDistanceFromXaxis, autoShiftLabelsForNegativeStacks = props.autoShiftLabelsForNegativeStacks, focusedBarIndex = props.focusedBarIndex, negativeStepValue = props.negativeStepValue, autoCenterTooltip = props.autoCenterTooltip;
     var _48 = __read(useState(''), 2), points = _48[0], setPoints = _48[1];
     var _49 = __read(useState(''), 2), points2 = _49[0], setPoints2 = _49[1];
     var _50 = __read(useState(''), 2), arrowPoints = _50[0], setArrowPoints = _50[1];
@@ -396,7 +396,6 @@ export var useBarChart = function (props) {
     var getPropsCommonForBarAndStack = function (item, index) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         return {
-            key: index,
             item: item,
             index: index,
             containerHeight: containerHeight,
@@ -442,6 +441,7 @@ export var useBarChart = function (props) {
             xAxisLabelsVerticalShift: xAxisLabelsVerticalShift,
             renderTooltip: props.renderTooltip,
             leftShiftForTooltip: (_e = props.leftShiftForTooltip) !== null && _e !== void 0 ? _e : 0,
+            autoCenterTooltip: autoCenterTooltip,
             initialSpacing: initialSpacing,
             selectedIndex: selectedIndex,
             setSelectedIndex: setSelectedIndex,

package/src/BarChart/index.ts

@@ -52,7 +52,8 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
     labelsDistanceFromXaxis,
     autoShiftLabelsForNegativeStacks,
     focusedBarIndex,
-    negativeStepValue
+    negativeStepValue,
+    autoCenterTooltip
   } = props
   const [points, setPoints] = useState('')
   const [points2, setPoints2] = useState('')
@@ -637,7 +638,6 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
 
   const getPropsCommonForBarAndStack = (item: any, index: number) => {
     return {
-      key: index,
       item,
       index,
       containerHeight,
@@ -684,6 +684,7 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
       xAxisLabelsVerticalShift,
       renderTooltip: props.renderTooltip,
       leftShiftForTooltip: props.leftShiftForTooltip ?? 0,
+      autoCenterTooltip,
       initialSpacing,
       selectedIndex,
       setSelectedIndex,

package/src/BarChart/types.d.ts

@@ -103,6 +103,7 @@ export interface StackedBarChartPropsType {
     renderTooltip: Function | undefined;
     leftShiftForTooltip?: number;
     leftShiftForLastIndexTooltip: number;
+    autoCenterTooltip?: boolean;
     initialSpacing: number;
     selectedIndex: number;
     setSelectedIndex: Function;
@@ -215,6 +216,7 @@ export interface BarChartPropsType {
     disableScroll?: boolean;
     showScrollIndicator?: boolean;
     indicatorColor?: 'black' | 'default' | 'white';
+    nestedScrollEnabled?: boolean;
     roundedTop?: boolean;
     roundedBottom?: boolean;
     disablePress?: boolean;
@@ -271,6 +273,7 @@ export interface BarChartPropsType {
     onPressOut?: Function;
     renderTooltip?: Function;
     leftShiftForTooltip?: number;
+    autoCenterTooltip?: boolean;
     leftShiftForLastIndexTooltip?: number;
     barStyle?: object;
     barInnerComponent?: (item?: stackDataItem | barDataItem, index?: number) => ReactNode;
@@ -406,9 +409,11 @@ export interface barDataItem {
     patternId?: string;
     barMarginBottom?: number;
     leftShiftForTooltip?: number;
+    autoCenterTooltip?: boolean;
     barStyle?: object;
     barInnerComponent?: (item?: barDataItem, index?: number) => ReactNode;
     showXAxisIndex?: boolean;
+    isSecondary?: boolean;
 }
 export interface Animated2DWithGradientPropsType {
     item: barDataItem;
@@ -522,6 +527,7 @@ export interface RenderBarsPropsType {
     xAxisLabelsVerticalShift: number;
     renderTooltip: Function | undefined;
     leftShiftForTooltip?: number;
+    autoCenterTooltip?: boolean;
     leftShiftForLastIndexTooltip: number;
     initialSpacing: number;
     selectedIndex: number;

package/src/BarChart/types.ts

@@ -121,6 +121,7 @@ export interface StackedBarChartPropsType {
   renderTooltip: Function | undefined
   leftShiftForTooltip?: number
   leftShiftForLastIndexTooltip: number
+  autoCenterTooltip?: boolean
   initialSpacing: number
   selectedIndex: number
   setSelectedIndex: Function
@@ -240,6 +241,7 @@ export interface BarChartPropsType {
   disableScroll?: boolean
   showScrollIndicator?: boolean
   indicatorColor?: 'black' | 'default' | 'white'
+  nestedScrollEnabled?: boolean
   roundedTop?: boolean
   roundedBottom?: boolean
   disablePress?: boolean
@@ -300,6 +302,7 @@ export interface BarChartPropsType {
   onPressOut?: Function
   renderTooltip?: Function
   leftShiftForTooltip?: number
+  autoCenterTooltip?: boolean
   leftShiftForLastIndexTooltip?: number
   barStyle?: object
   barInnerComponent?: (
@@ -446,9 +449,11 @@ export interface barDataItem {
   patternId?: string
   barMarginBottom?: number
   leftShiftForTooltip?: number
+  autoCenterTooltip?: boolean
   barStyle?: object
   barInnerComponent?: (item?: barDataItem, index?: number) => ReactNode
   showXAxisIndex?: boolean
+  isSecondary?: boolean
 }
 
 export interface Animated2DWithGradientPropsType {
@@ -569,6 +574,7 @@ export interface RenderBarsPropsType {
   xAxisLabelsVerticalShift: number
   renderTooltip: Function | undefined
   leftShiftForTooltip?: number
+  autoCenterTooltip?: boolean
   leftShiftForLastIndexTooltip: number
   initialSpacing: number
   selectedIndex: number

package/src/LineChart/index.js

@@ -1096,6 +1096,7 @@ export var useLineChart = function (props) {
         endSpacing: endSpacing,
         horizontalRulesStyle: horizontalRulesStyle,
         noOfSections: noOfSections,
+        sectionColors: props.sectionColors,
         showFractionalValues: showFractionalValues,
         axesAndRulesProps: getAxesAndRulesProps(props, stepValue, undefined),
         yAxisLabelTexts: props.yAxisLabelTexts,

package/src/LineChart/index.ts

@@ -1822,6 +1822,7 @@ export const useLineChart = (props: extendedLineChartPropsType) => {
     endSpacing,
     horizontalRulesStyle,
     noOfSections,
+    sectionColors: props.sectionColors,
     showFractionalValues,
 
     axesAndRulesProps: getAxesAndRulesProps(props, stepValue, undefined),

package/src/LineChart/types.d.ts

@@ -1,4 +1,4 @@
-import { type ColorValue } from 'react-native';
+import { GestureResponderEvent, type ColorValue } from 'react-native';
 import { type yAxisSides } from '../utils/constants';
 import { type CurveType, type DataSet, type EdgePosition, type HighlightedRange, type LineSegment, type Pointer, type RuleType, type RulesConfig, type arrowConfigType, type referenceConfigType, type secondaryLineConfigType, type secondaryYAxisType } from '../utils/types';
 export interface LineChartPropsType {
@@ -6,6 +6,7 @@ export interface LineChartPropsType {
     overflowTop?: number;
     overflowBottom?: number;
     noOfSections?: number;
+    sectionColors?: ColorValue[];
     maxValue?: number;
     mostNegativeValue?: number;
     stepHeight?: number;
@@ -107,6 +108,7 @@ export interface LineChartPropsType {
     pointerConfig?: Pointer;
     showScrollIndicator?: boolean;
     indicatorColor?: 'black' | 'default' | 'white';
+    nestedScrollEnabled?: boolean;
     showYAxisIndices?: boolean;
     showXAxisIndices?: boolean;
     yAxisIndicesHeight?: number;
@@ -295,6 +297,8 @@ export interface LineChartPropsType {
     interpolateMissingValues?: boolean;
     onlyPositive?: boolean;
     parentWidth?: number;
+    onChartAreaPress?: (event: GestureResponderEvent) => void;
+    onBackgroundPress?: (event: GestureResponderEvent) => void;
 }
 export interface lineDataItem {
     value: number;
@@ -451,6 +455,7 @@ export interface LineChartBicolorPropsType {
     disableScroll?: boolean;
     showScrollIndicator?: boolean;
     indicatorColor?: 'black' | 'default' | 'white';
+    nestedScrollEnabled?: boolean;
     showYAxisIndices?: boolean;
     showXAxisIndices?: boolean;
     yAxisIndicesHeight?: number;

package/src/LineChart/types.ts

@@ -1,4 +1,4 @@
-import { type ColorValue } from 'react-native'
+import { GestureResponderEvent, type ColorValue } from 'react-native'
 import { type yAxisSides } from '../utils/constants'
 import {
   type CurveType,
@@ -20,6 +20,7 @@ export interface LineChartPropsType {
   overflowTop?: number
   overflowBottom?: number
   noOfSections?: number
+  sectionColors?: ColorValue[]
   maxValue?: number
   mostNegativeValue?: number
   stepHeight?: number
@@ -125,6 +126,7 @@ export interface LineChartPropsType {
   pointerConfig?: Pointer
   showScrollIndicator?: boolean
   indicatorColor?: 'black' | 'default' | 'white'
+  nestedScrollEnabled?: boolean
 
   // Indices
 
@@ -329,6 +331,9 @@ export interface LineChartPropsType {
   interpolateMissingValues?: boolean
   onlyPositive?: boolean
   parentWidth?: number
+
+  onChartAreaPress?: (event: GestureResponderEvent) => void
+  onBackgroundPress?: (event: GestureResponderEvent) => void
 }
 
 export interface lineDataItem {
@@ -502,6 +507,7 @@ export interface LineChartBicolorPropsType {
   disableScroll?: boolean
   showScrollIndicator?: boolean
   indicatorColor?: 'black' | 'default' | 'white'
+  nestedScrollEnabled?: boolean
 
   // Indices
 

package/src/utils/index.js

@@ -545,7 +545,7 @@ export var getAxesAndRulesProps = function (props, stepValue, negativeStepValue,
     };
     if (((_c = props.secondaryYAxis) !== null && _c !== void 0 ? _c : (_d = props.lineConfig) === null || _d === void 0 ? void 0 : _d.isSecondary) &&
         maxValue !== undefined &&
-        secondaryYAxis.maxValue === undefined) {
+        secondaryYAxis && secondaryYAxis.maxValue === undefined) {
         axesAndRulesProps.secondaryYAxis = __assign(__assign({}, secondaryYAxis), { maxValue: maxValue });
     }
     return axesAndRulesProps;

package/src/utils/index.ts

@@ -744,7 +744,7 @@ export const getAxesAndRulesProps = (
   if (
     (props.secondaryYAxis ?? props.lineConfig?.isSecondary) &&
     maxValue !== undefined &&
-    secondaryYAxis.maxValue === undefined
+    secondaryYAxis && secondaryYAxis.maxValue === undefined
   ) {
     axesAndRulesProps.secondaryYAxis = { ...secondaryYAxis, maxValue }
   }

package/src/utils/types.d.ts

@@ -246,6 +246,7 @@ export interface BarAndLineChartsWrapperTypes {
     endReachedOffset: number;
     isRTL?: boolean;
     extraWidthDueToDataPoint?: number;
+    nestedScrollEnabled?: boolean;
 }
 export interface Pointer {
     height?: number;

package/src/utils/types.ts

@@ -277,6 +277,7 @@ export interface BarAndLineChartsWrapperTypes {
   endReachedOffset: number
   isRTL?: boolean
   extraWidthDueToDataPoint?: number
+  nestedScrollEnabled?: boolean
 }
 
 export interface Pointer {