gifted-charts-core 0.1.13 → 0.1.14

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.14",
   "description": "Mathematical and logical utilities used by react-gifted-charts and react-native-gifted-charts",
   "main": "./src/index.js",
   "files": [

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

@@ -215,6 +215,7 @@ export interface BarChartPropsType {
     disableScroll?: boolean;
     showScrollIndicator?: boolean;
     indicatorColor?: 'black' | 'default' | 'white';
+    nestedScrollEnabled?: boolean;
     roundedTop?: boolean;
     roundedBottom?: boolean;
     disablePress?: boolean;
@@ -271,6 +272,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 +408,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 +526,7 @@ export interface RenderBarsPropsType {
     xAxisLabelsVerticalShift: number;
     renderTooltip: Function | undefined;
     leftShiftForTooltip?: number;
+    autoCenterTooltip?: boolean;
     leftShiftForLastIndexTooltip: number;
     initialSpacing: number;
     selectedIndex: number;

package/src/BarChart/types.ts

@@ -240,6 +240,7 @@ export interface BarChartPropsType {
   disableScroll?: boolean
   showScrollIndicator?: boolean
   indicatorColor?: 'black' | 'default' | 'white'
+  nestedScrollEnabled?: boolean
   roundedTop?: boolean
   roundedBottom?: boolean
   disablePress?: boolean
@@ -300,6 +301,7 @@ export interface BarChartPropsType {
   onPressOut?: Function
   renderTooltip?: Function
   leftShiftForTooltip?: number
+  autoCenterTooltip?: boolean
   leftShiftForLastIndexTooltip?: number
   barStyle?: object
   barInnerComponent?: (
@@ -446,9 +448,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 +573,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 {