gifted-charts-core 0.0.37 → 0.0.38

package/package.json

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

package/src/BarChart/Animated2DWithGradient.js

@@ -26,7 +26,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 import { getBarFrontColor, getBarWidth } from '../utils';
 export var getPropsForAnimated2DWithGradient = 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;
-    var barBorderWidth = props.barBorderWidth, barBorderColor = props.barBorderColor, barBorderRadius = props.barBorderRadius, item = props.item, barBorderTopLeftRadius = props.barBorderTopLeftRadius, barBorderTopRightRadius = props.barBorderTopRightRadius, barBorderBottomLeftRadius = props.barBorderBottomLeftRadius, barBorderBottomRightRadius = props.barBorderBottomRightRadius, barWidth = props.barWidth, barInnerComponent = props.barInnerComponent, barStyle = props.barStyle, index = props.index, opacity = props.opacity, barHeight = props.barHeight, intactTopLabel = props.intactTopLabel, showValuesAsTopLabel = props.showValuesAsTopLabel, topLabelContainerStyle = props.topLabelContainerStyle, topLabelTextStyle = props.topLabelTextStyle, roundedBottom = props.roundedBottom, cappedBars = props.cappedBars, capRadius = props.capRadius, roundedTop = props.roundedTop, barBackgroundPattern = props.barBackgroundPattern, patternId = props.patternId, frontColor = props.frontColor, showGradient = props.showGradient, gradientColor = props.gradientColor, selectedIndex = props.selectedIndex, focusBarOnPress = props.focusBarOnPress, focusedBarConfig = props.focusedBarConfig, isThreeD = props.isThreeD;
+    var barBorderWidth = props.barBorderWidth, barBorderColor = props.barBorderColor, barBorderRadius = props.barBorderRadius, item = props.item, barBorderTopLeftRadius = props.barBorderTopLeftRadius, barBorderTopRightRadius = props.barBorderTopRightRadius, barBorderBottomLeftRadius = props.barBorderBottomLeftRadius, barBorderBottomRightRadius = props.barBorderBottomRightRadius, barWidth = props.barWidth, barInnerComponent = props.barInnerComponent, barStyle = props.barStyle, index = props.index, opacity = props.opacity, barHeight = props.barHeight, intactTopLabel = props.intactTopLabel, showValuesAsTopLabel = props.showValuesAsTopLabel, topLabelContainerStyle = props.topLabelContainerStyle, topLabelTextStyle = props.topLabelTextStyle, roundedBottom = props.roundedBottom, cappedBars = props.cappedBars, capRadius = props.capRadius, roundedTop = props.roundedTop, barBackgroundPattern = props.barBackgroundPattern, patternId = props.patternId, frontColor = props.frontColor, showGradient = props.showGradient, gradientColor = props.gradientColor, selectedIndex = props.selectedIndex, focusBarOnPress = props.focusBarOnPress, focusedBarConfig = props.focusedBarConfig, isThreeD = props.isThreeD, yAxisOffset = props.yAxisOffset;
     var isFocused = (focusBarOnPress !== null && focusBarOnPress !== void 0 ? focusBarOnPress : false) && selectedIndex === index;
     var itemOrPropsBarBorderRadius = (_b = (_a = item.barBorderRadius) !== null && _a !== void 0 ? _a : barBorderRadius) !== null && _b !== void 0 ? _b : 0;
     var localBarBorderRadius = (isFocused !== null && isFocused !== void 0 ? isFocused : false)
@@ -93,9 +93,10 @@ export var getPropsForAnimated2DWithGradient = function (props) {
             : localOpacity,
         height: barHeight,
         intactTopLabel: intactTopLabel,
-        showValuesAsTopLabel: (showValuesAsTopLabel !== null && showValuesAsTopLabel !== void 0 ? showValuesAsTopLabel : false),
+        showValuesAsTopLabel: showValuesAsTopLabel !== null && showValuesAsTopLabel !== void 0 ? showValuesAsTopLabel : false,
         topLabelContainerStyle: topLabelContainerStyle,
-        topLabelTextStyle: topLabelTextStyle
+        topLabelTextStyle: topLabelTextStyle,
+        yAxisOffset: yAxisOffset !== null && yAxisOffset !== void 0 ? yAxisOffset : 0
     };
     return {
         commonStyleForBar: commonStyleForBar,

package/src/BarChart/Animated2DWithGradient.ts

@@ -67,7 +67,8 @@ export const getPropsForAnimated2DWithGradient = (
     selectedIndex,
     focusBarOnPress,
     focusedBarConfig,
-    isThreeD
+    isThreeD,
+    yAxisOffset
   } = props
 
   const isFocused = (focusBarOnPress ?? false) && selectedIndex === index
@@ -120,7 +121,11 @@ export const getPropsForAnimated2DWithGradient = (
     }
   ]
 
-  if (roundedBottom ?? (isFocused && focusedBarConfig?.roundedBottom) ?? false) {
+  if (
+    roundedBottom ??
+    (isFocused && focusedBarConfig?.roundedBottom) ??
+    false
+  ) {
     commonStyleForBar.push({
       borderBottomLeftRadius: localBarWidth / 2,
       borderBottomRightRadius: localBarWidth / 2
@@ -170,9 +175,10 @@ export const getPropsForAnimated2DWithGradient = (
       : localOpacity,
     height: barHeight,
     intactTopLabel,
-    showValuesAsTopLabel: (showValuesAsTopLabel ?? false),
+    showValuesAsTopLabel: showValuesAsTopLabel ?? false,
     topLabelContainerStyle,
-    topLabelTextStyle
+    topLabelTextStyle,
+    yAxisOffset: yAxisOffset ?? 0
   }
 
   return {

package/src/BarChart/index.d.ts

@@ -172,6 +172,7 @@ export declare const useBarChart: (props: extendedBarChartPropsType) => {
         labelTextStyle: any;
         pointerConfig: import("../utils/types").Pointer | undefined;
         yAxisExtraHeightAtTop: number;
+        yAxisOffset: number;
     };
     barAndLineChartsWrapperProps: BarAndLineChartsWrapperTypes;
     yAxisExtraHeightAtTop: 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;
-    var heightValue = props.heightValue, widthValue = props.widthValue, opacValue = props.opacValue;
+    var heightValue = props.heightValue, widthValue = props.widthValue, opacValue = props.opacValue, yAxisOffset = props.yAxisOffset;
     var _47 = __read(useState(''), 2), points = _47[0], setPoints = _47[1];
     var _48 = __read(useState(''), 2), points2 = _48[0], setPoints2 = _48[1];
     var _49 = __read(useState(''), 2), arrowPoints = _49[0], setArrowPoints = _49[1];
@@ -52,29 +52,29 @@ export var useBarChart = function (props) {
         if (!props.data) {
             return [];
         }
-        if (props.yAxisOffset) {
+        if (yAxisOffset) {
             return props.data.map(function (item) {
-                var _a, _b;
-                item.value = ((_a = item.value) !== null && _a !== void 0 ? _a : 0) - ((_b = props.yAxisOffset) !== null && _b !== void 0 ? _b : 0);
+                var _a;
+                item.value = ((_a = item.value) !== null && _a !== void 0 ? _a : 0) - (yAxisOffset !== null && yAxisOffset !== void 0 ? yAxisOffset : 0);
                 return item;
             });
         }
         return props.data;
-    }, [props.yAxisOffset, props.data]);
+    }, [yAxisOffset, props.data]);
     var secondaryData = getSecondaryDataWithOffsetIncluded(props.secondaryData, props.secondaryYAxis);
     var lineData = useMemo(function () {
         var _a;
         if (!props.lineData) {
             return (_a = props.stackData) !== null && _a !== void 0 ? _a : data;
         }
-        if (props.yAxisOffset) {
+        if (yAxisOffset) {
             return props.lineData.map(function (item) {
-                var _a, _b;
-                return (__assign(__assign({}, item), { value: ((_a = item.value) !== null && _a !== void 0 ? _a : 0) - ((_b = props.yAxisOffset) !== null && _b !== void 0 ? _b : 0) }));
+                var _a;
+                return (__assign(__assign({}, item), { value: ((_a = item.value) !== null && _a !== void 0 ? _a : 0) - (yAxisOffset !== null && yAxisOffset !== void 0 ? yAxisOffset : 0) }));
             });
         }
         return props.lineData;
-    }, [props.yAxisOffset, props.lineData, data, props.stackData]);
+    }, [yAxisOffset, props.lineData, data, props.stackData]);
     var lineData2 = props.lineData2;
     var lineBehindBars = (_m = props.lineBehindBars) !== null && _m !== void 0 ? _m : BarDefaults.lineBehindBars;
     defaultLineConfig.initialSpacing = initialSpacing;
@@ -437,7 +437,8 @@ export var useBarChart = function (props) {
             label: (_f = item.label) !== null && _f !== void 0 ? _f : (((_g = props.xAxisLabelTexts) === null || _g === void 0 ? void 0 : _g[index]) ? props.xAxisLabelTexts[index] : ''),
             labelTextStyle: (_h = item.labelTextStyle) !== null && _h !== void 0 ? _h : props.xAxisLabelTextStyle,
             pointerConfig: pointerConfig,
-            yAxisExtraHeightAtTop: yAxisExtraHeightAtTop
+            yAxisExtraHeightAtTop: yAxisExtraHeightAtTop,
+            yAxisOffset: yAxisOffset !== null && yAxisOffset !== void 0 ? yAxisOffset : 0
         };
     };
     var barAndLineChartsWrapperProps = {
@@ -488,7 +489,7 @@ export var useBarChart = function (props) {
         showFractionalValues: showFractionalValues,
         axesAndRulesProps: getAxesAndRulesProps(props, stepValue, secondaryMaxValue),
         yAxisLabelTexts: props.yAxisLabelTexts,
-        yAxisOffset: props.yAxisOffset,
+        yAxisOffset: yAxisOffset,
         rotateYAxisTexts: props.rotateYAxisTexts,
         hideAxesAndRules: props.hideAxesAndRules,
         showXAxisIndices: showXAxisIndices,

package/src/BarChart/index.ts

@@ -40,7 +40,7 @@ export interface extendedBarChartPropsType extends BarChartPropsType {
 }
 
 export const useBarChart = (props: extendedBarChartPropsType) => {
-  const { heightValue, widthValue, opacValue } = props
+  const { heightValue, widthValue, opacValue, yAxisOffset } = props
   const [points, setPoints] = useState('')
   const [points2, setPoints2] = useState('')
   const [arrowPoints, setArrowPoints] = useState('')
@@ -68,14 +68,14 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
     if (!props.data) {
       return []
     }
-    if (props.yAxisOffset) {
+    if (yAxisOffset) {
       return props.data.map((item) => {
-        item.value = (item.value ?? 0) - (props.yAxisOffset ?? 0)
+        item.value = (item.value ?? 0) - (yAxisOffset ?? 0)
         return item
       })
     }
     return props.data
-  }, [props.yAxisOffset, props.data])
+  }, [yAxisOffset, props.data])
 
   const secondaryData = getSecondaryDataWithOffsetIncluded(
     props.secondaryData,
@@ -86,14 +86,14 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
     if (!props.lineData) {
       return props.stackData ?? data
     }
-    if (props.yAxisOffset) {
+    if (yAxisOffset) {
       return props.lineData.map((item) => ({
         ...item,
-        value: (item.value ?? 0) - (props.yAxisOffset ?? 0)
+        value: (item.value ?? 0) - (yAxisOffset ?? 0)
       }))
     }
     return props.lineData
-  }, [props.yAxisOffset, props.lineData, data, props.stackData])
+  }, [yAxisOffset, props.lineData, data, props.stackData])
 
   const lineData2 = props.lineData2
 
@@ -655,7 +655,8 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
         (props.xAxisLabelTexts?.[index] ? props.xAxisLabelTexts[index] : ''),
       labelTextStyle: item.labelTextStyle ?? props.xAxisLabelTextStyle,
       pointerConfig,
-      yAxisExtraHeightAtTop
+      yAxisExtraHeightAtTop,
+      yAxisOffset: yAxisOffset ?? 0
     }
   }
 
@@ -714,7 +715,7 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
     ),
 
     yAxisLabelTexts: props.yAxisLabelTexts,
-    yAxisOffset: props.yAxisOffset,
+    yAxisOffset: yAxisOffset,
     rotateYAxisTexts: props.rotateYAxisTexts,
     hideAxesAndRules: props.hideAxesAndRules,
 

package/src/BarChart/types.d.ts

@@ -111,6 +111,7 @@ export interface StackedBarChartPropsType {
     animationDuration?: number;
     pointerConfig?: Pointer;
     showValuesAsTopLabel?: boolean;
+    yAxisOffset: number;
 }
 export interface BarChartPropsType {
     width?: number;
@@ -435,6 +436,7 @@ export interface Animated2DWithGradientPropsType {
     barInnerComponent?: (item?: barDataItem, index?: number) => ReactNode;
     commonStyleForBar?: ViewStyle[];
     barStyleWithBackground?: ViewStyle[];
+    yAxisOffset: number;
 }
 export interface RenderBarsPropsType {
     style?: any;
@@ -515,6 +517,7 @@ export interface RenderBarsPropsType {
     pointerConfig?: Pointer;
     focusBarOnPress?: boolean;
     noOfSectionsBelowXAxis?: number;
+    yAxisOffset: number;
 }
 export interface trianglePropTypes {
     style: any;
@@ -566,5 +569,6 @@ export interface CommonPropsFor2Dand3DbarsType {
     showValuesAsTopLabel: boolean;
     topLabelContainerStyle: any;
     topLabelTextStyle: any;
+    yAxisOffset: number;
 }
 export {};

package/src/BarChart/types.ts

@@ -1,4 +1,8 @@
-import { type ColorValue, type GestureResponderEvent, type ViewStyle } from 'react-native'
+import {
+  type ColorValue,
+  type GestureResponderEvent,
+  type ViewStyle
+} from 'react-native'
 import { type yAxisSides } from '../utils/constants'
 import {
   type CurveType,
@@ -125,6 +129,7 @@ export interface StackedBarChartPropsType {
   animationDuration?: number
   pointerConfig?: Pointer
   showValuesAsTopLabel?: boolean
+  yAxisOffset: number
 }
 
 export interface BarChartPropsType {
@@ -471,6 +476,7 @@ export interface Animated2DWithGradientPropsType {
   barInnerComponent?: (item?: barDataItem, index?: number) => ReactNode
   commonStyleForBar?: ViewStyle[]
   barStyleWithBackground?: ViewStyle[]
+  yAxisOffset: number
 }
 
 export interface RenderBarsPropsType {
@@ -532,7 +538,10 @@ export interface RenderBarsPropsType {
   barBorderTopRightRadius?: number
   barBorderBottomLeftRadius?: number
   barBorderBottomRightRadius?: number
-  barInnerComponent?: (item?: barDataItem | stackDataItem, index?: number) => ReactNode
+  barInnerComponent?: (
+    item?: barDataItem | stackDataItem,
+    index?: number
+  ) => ReactNode
   autoShiftLabels?: boolean
   barBackgroundPattern?: () => ReactNode
   patternId?: string
@@ -554,6 +563,7 @@ export interface RenderBarsPropsType {
   pointerConfig?: Pointer
   focusBarOnPress?: boolean
   noOfSectionsBelowXAxis?: number
+  yAxisOffset: number
 }
 
 export interface trianglePropTypes {
@@ -609,4 +619,5 @@ export interface CommonPropsFor2Dand3DbarsType {
   showValuesAsTopLabel: boolean
   topLabelContainerStyle: any
   topLabelTextStyle: any
+  yAxisOffset: number
 }