gifted-charts-core 0.1.47 → 0.1.49

package/dist/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, _1, _2, _3;
-    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 barBorderWidth = props.barBorderWidth, barBorderColor = props.barBorderColor, barBorderRadius = props.barBorderRadius, barMarginBottom = props.barMarginBottom, 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)
@@ -41,6 +41,7 @@ export var getPropsForAnimated2DWithGradient = function (props) {
             position: 'absolute',
             width: '100%',
             height: '100%',
+            bottom: barMarginBottom,
             borderWidth: (_f = (_e = item.barBorderWidth) !== null && _e !== void 0 ? _e : barBorderWidth) !== null && _f !== void 0 ? _f : 0,
             borderColor: (_g = item.barBorderColor) !== null && _g !== void 0 ? _g : barBorderColor,
             borderRadius: localBarBorderRadius,

package/dist/BarChart/RenderStackBars.d.ts

@@ -14,7 +14,7 @@ export declare const useRenderStackBars: (props: StackedBarChartPropsType) => {
     height: number;
     setHeight: import("react").Dispatch<import("react").SetStateAction<number>>;
     getBarHeight: (value: number, marginBottom?: number) => number;
-    getPosition: (index: number) => number;
+    getPosition: (index: number, height: number) => number;
     getLowestPosition: () => number;
     lowestBarPosition: number;
     getStackBorderRadii: (item: stackDataItem, index: number) => {

package/dist/BarChart/RenderStackBars.js

@@ -45,10 +45,13 @@ export var useRenderStackBars = function (props) {
         return (Math.abs(value) * (value < 0 ? negativeHeightFactor : heightFactor) -
             (marginBottom !== null && marginBottom !== void 0 ? marginBottom : 0));
     };
-    var getPosition = function (index) {
+    var getPosition = function (index, height) {
         /* Returns bottom position for stack item
                negative values are below origin (-> negative position) */
-        var height = getBarHeight(item.stacks[index].value, item.stacks[index].marginBottom);
+        // const height = getBarHeight(
+        //   item.stacks[index].value,
+        //   item.stacks[index].marginBottom
+        // )
         var itemValue = item.stacks[index].value;
         var isNegative = itemValue <= 0;
         var position = isNegative ? -(height || 0) - xAxisThickness : 0;
@@ -68,7 +71,9 @@ export var useRenderStackBars = function (props) {
     var getLowestPosition = function () {
         var _a;
         return (((_a = item.stacks
-            .map(function (_, index) { return getPosition(index); })
+            .map(function (_, index) {
+            return getPosition(index, getBarHeight(index, _.marginBottom));
+        })
             .sort(function (a, b) { return a - b; })) === null || _a === void 0 ? void 0 : _a[0]) || 0);
     };
     var lowestBarPosition = getLowestPosition();

package/dist/BarChart/index.d.ts

@@ -191,6 +191,7 @@ export declare const useBarChart: (props: extendedBarChartPropsType) => {
         secondaryNegativeStepHeight: number;
         secondaryNegativeStepValue: number;
         secondaryNoOfSectionsBelowXAxis: number;
+        barMarginBottom: any;
     };
     barAndLineChartsWrapperProps: BarAndLineChartsWrapperTypes;
     yAxisExtraHeightAtTop: number;

package/dist/BarChart/index.js

@@ -308,18 +308,18 @@ export var useBarChart = function (props) {
         ? (_50 = (_49 = props.secondaryYAxis) === null || _49 === void 0 ? void 0 : _49.yAxisOffset) !== null && _50 !== void 0 ? _50 : 0
         : yAxisOffset !== null && yAxisOffset !== void 0 ? yAxisOffset : 0;
     useEffect(function () {
-        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;
+        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;
         if (showLine) {
             var pp = '';
             var pp2 = '';
-            var firstBarWidth = (_c = (_b = (_a = (stackData !== null && stackData !== void 0 ? stackData : data)) === null || _a === void 0 ? void 0 : _a[0].barWidth) !== null && _b !== void 0 ? _b : props.barWidth) !== null && _c !== void 0 ? _c : 30;
+            var firstBarWidth = (_c = (_b = (_a = (stackData !== null && stackData !== void 0 ? stackData : data)) === null || _a === void 0 ? void 0 : _a[0].barWidth) !== null && _b !== void 0 ? _b : props.barWidth) !== null && _c !== void 0 ? _c : defaultBarWidth;
             if (!lineConfig.curved) {
                 for (var i = 0; i < lineData.length; i++) {
                     if (i < ((_d = lineConfig.startIndex) !== null && _d !== void 0 ? _d : 0) ||
                         i > ((_e = lineConfig.endIndex) !== null && _e !== void 0 ? _e : 0)) {
                         continue;
                     }
-                    var currentBarWidth = (_h = (_g = (_f = data === null || data === void 0 ? void 0 : data[i]) === null || _f === void 0 ? void 0 : _f.barWidth) !== null && _g !== void 0 ? _g : props.barWidth) !== null && _h !== void 0 ? _h : defaultBarWidth;
+                    var currentBarWidth = (_j = (_h = (_g = (_f = (stackData !== null && stackData !== void 0 ? stackData : data)) === null || _f === void 0 ? void 0 : _f[i]) === null || _g === void 0 ? void 0 : _g.barWidth) !== null && _h !== void 0 ? _h : props.barWidth) !== null && _j !== void 0 ? _j : defaultBarWidth;
                     var currentValue = props.lineData
                         ? props.lineData[i].value
                         : stackData
@@ -339,18 +339,18 @@ export var useBarChart = function (props) {
                     var arrowTipX = parseInt(ppArray[ppArray.length - 2].replace('L', ''));
                     var y1 = parseInt(ppArray[ppArray.length - 3]);
                     var x1 = parseInt(ppArray[ppArray.length - 4].replace('L', ''));
-                    var arrowPoints_1 = getArrowPoints(arrowTipX, arrowTipY, x1, y1, (_j = lineConfig.arrowConfig) === null || _j === void 0 ? void 0 : _j.length, (_k = lineConfig.arrowConfig) === null || _k === void 0 ? void 0 : _k.width, (_l = lineConfig.arrowConfig) === null || _l === void 0 ? void 0 : _l.showArrowBase);
+                    var arrowPoints_1 = getArrowPoints(arrowTipX, arrowTipY, x1, y1, (_k = lineConfig.arrowConfig) === null || _k === void 0 ? void 0 : _k.length, (_l = lineConfig.arrowConfig) === null || _l === void 0 ? void 0 : _l.width, (_m = lineConfig.arrowConfig) === null || _m === void 0 ? void 0 : _m.showArrowBase);
                     setArrowPoints(arrowPoints_1);
                 }
             }
             else {
                 var p1Array = [];
                 for (var i = 0; i < lineData.length; i++) {
-                    if (i < ((_m = lineConfig.startIndex) !== null && _m !== void 0 ? _m : 0) ||
-                        i > ((_o = lineConfig.endIndex) !== null && _o !== void 0 ? _o : 0)) {
+                    if (i < ((_o = lineConfig.startIndex) !== null && _o !== void 0 ? _o : 0) ||
+                        i > ((_p = lineConfig.endIndex) !== null && _p !== void 0 ? _p : 0)) {
                         continue;
                     }
-                    var currentBarWidth = (_r = (_q = (_p = data === null || data === void 0 ? void 0 : data[i]) === null || _p === void 0 ? void 0 : _p.barWidth) !== null && _q !== void 0 ? _q : props.barWidth) !== null && _r !== void 0 ? _r : defaultBarWidth;
+                    var currentBarWidth = (_s = (_r = (_q = data === null || data === void 0 ? void 0 : data[i]) === null || _q === void 0 ? void 0 : _q.barWidth) !== null && _r !== void 0 ? _r : props.barWidth) !== null && _s !== void 0 ? _s : defaultBarWidth;
                     var currentValue = props.lineData
                         ? props.lineData[i].value
                         : stackData
@@ -367,11 +367,11 @@ export var useBarChart = function (props) {
             if (lineData2 === null || lineData2 === void 0 ? void 0 : lineData2.length) {
                 if (!(lineConfig2 === null || lineConfig2 === void 0 ? void 0 : lineConfig2.curved)) {
                     for (var i = 0; i < lineData2.length; i++) {
-                        if (i < ((_s = lineConfig2.startIndex) !== null && _s !== void 0 ? _s : 0) ||
-                            i > ((_t = lineConfig2.endIndex) !== null && _t !== void 0 ? _t : 0)) {
+                        if (i < ((_t = lineConfig2.startIndex) !== null && _t !== void 0 ? _t : 0) ||
+                            i > ((_u = lineConfig2.endIndex) !== null && _u !== void 0 ? _u : 0)) {
                             continue;
                         }
-                        var currentBarWidth = (_w = (_v = (_u = data === null || data === void 0 ? void 0 : data[i]) === null || _u === void 0 ? void 0 : _u.barWidth) !== null && _v !== void 0 ? _v : props.barWidth) !== null && _w !== void 0 ? _w : defaultBarWidth;
+                        var currentBarWidth = (_x = (_w = (_v = data === null || data === void 0 ? void 0 : data[i]) === null || _v === void 0 ? void 0 : _v.barWidth) !== null && _w !== void 0 ? _w : props.barWidth) !== null && _x !== void 0 ? _x : defaultBarWidth;
                         var currentValue = lineData2[i].value;
                         pp2 +=
                             'L' +
@@ -385,11 +385,11 @@ export var useBarChart = function (props) {
                 else {
                     var p2Array = [];
                     for (var i = 0; i < lineData2.length; i++) {
-                        if (i < ((_x = lineConfig2.startIndex) !== null && _x !== void 0 ? _x : 0) ||
-                            i > ((_y = lineConfig2.endIndex) !== null && _y !== void 0 ? _y : 0)) {
+                        if (i < ((_y = lineConfig2.startIndex) !== null && _y !== void 0 ? _y : 0) ||
+                            i > ((_z = lineConfig2.endIndex) !== null && _z !== void 0 ? _z : 0)) {
                             continue;
                         }
-                        var currentBarWidth = (_1 = (_0 = (_z = data === null || data === void 0 ? void 0 : data[i]) === null || _z === void 0 ? void 0 : _z.barWidth) !== null && _0 !== void 0 ? _0 : props.barWidth) !== null && _1 !== void 0 ? _1 : defaultBarWidth;
+                        var currentBarWidth = (_2 = (_1 = (_0 = data === null || data === void 0 ? void 0 : data[i]) === null || _0 === void 0 ? void 0 : _0.barWidth) !== null && _1 !== void 0 ? _1 : props.barWidth) !== null && _2 !== void 0 ? _2 : defaultBarWidth;
                         var currentValue = lineData2[i].value;
                         p2Array.push([
                             getXForLineInBar(i, firstBarWidth, currentBarWidth, yAxisLabelWidth, lineConfig2, spacing),
@@ -469,7 +469,7 @@ export var useBarChart = function (props) {
         outputRange: [0, initialSpacing + totalWidth]
     });
     var getPropsCommonForBarAndStack = function (item, index) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
         return {
             item: item,
             index: index,
@@ -544,7 +544,8 @@ export var useBarChart = function (props) {
             secondaryStepValue: secondaryStepValue,
             secondaryNegativeStepHeight: secondaryNegativeStepHeight,
             secondaryNegativeStepValue: secondaryNegativeStepValue,
-            secondaryNoOfSectionsBelowXAxis: secondaryNoOfSectionsBelowXAxis
+            secondaryNoOfSectionsBelowXAxis: secondaryNoOfSectionsBelowXAxis,
+            barMarginBottom: (_x = (_w = item.barMarginBottom) !== null && _w !== void 0 ? _w : props.barMarginBottom) !== null && _x !== void 0 ? _x : 0
         };
     };
     var barAndLineChartsWrapperProps = {
@@ -614,7 +615,8 @@ export var useBarChart = function (props) {
         onEndReached: props.onEndReached,
         onStartReached: props.onStartReached,
         endReachedOffset: (_58 = props.endReachedOffset) !== null && _58 !== void 0 ? _58 : BarDefaults.endReachedOffset,
-        onMomentumScrollEnd: props.onMomentumScrollEnd
+        onMomentumScrollEnd: props.onMomentumScrollEnd,
+        customBackground: props.customBackground
     };
     return {
         lineConfig: lineConfig,

package/dist/BarChart/types.d.ts

@@ -1,6 +1,6 @@
 import { type ColorValue, type GestureResponderEvent, type ViewStyle } from 'react-native';
 import { type yAxisSides } from '../utils/constants';
-import { XAxisConfig, type CurveType, type Pointer, type RuleType, type RulesConfig, type referenceConfigType, type secondaryYAxisType, type Linecap } from '../utils/types';
+import { XAxisConfig, type CurveType, type Pointer, type RuleType, type RulesConfig, type referenceConfigType, type secondaryYAxisType, type Linecap, CustomBackground } from '../utils/types';
 import { type Component, type ReactNode } from 'react';
 import { type lineDataItem } from '../LineChart/types';
 export interface stackDataItem {
@@ -99,6 +99,7 @@ export interface StackedBarChartPropsType {
     barBorderBottomLeftRadius?: number;
     barBorderBottomRightRadius?: number;
     barInnerComponent?: (item?: barDataItem | stackDataItem, index?: number) => ReactNode;
+    barMarginBottom: number;
     stackBorderRadius?: number;
     stackBorderTopLeftRadius?: number;
     stackBorderTopRightRadius?: number;
@@ -135,6 +136,7 @@ export interface StackedBarChartPropsType {
     secondaryNegativeStepHeight: number;
     secondaryNegativeStepValue: number;
     secondaryNoOfSectionsBelowXAxis: number;
+    containerHeightIncludingBelowXAxis?: number;
 }
 export interface BarChartPropsType {
     width?: number;
@@ -233,6 +235,7 @@ export interface BarChartPropsType {
     showFractionalValues?: boolean;
     roundToDigits?: number;
     backgroundColor?: ColorValue;
+    customBackground?: CustomBackground;
     disableScroll?: boolean;
     showScrollIndicator?: boolean;
     indicatorColor?: 'black' | 'default' | 'white';
@@ -336,6 +339,7 @@ export interface lineConfigType {
     delay?: number;
     thickness?: number;
     color?: ColorValue | string | any;
+    strokeDashArray?: number[];
     hideDataPoints?: boolean;
     dataPointsShape?: string;
     dataPointsWidth?: number;

package/dist/LineChart/index.d.ts

@@ -156,13 +156,13 @@ export declare const useLineChart: (props: extendedLineChartPropsType) => {
     dataPointsRadius5: number;
     dataPointsColor5: string;
     dataPointsShape5: string;
-    areaChart: boolean;
-    areaChart1: boolean;
-    areaChart2: boolean;
-    areaChart3: boolean;
-    areaChart4: boolean;
-    areaChart5: boolean;
-    atLeastOneAreaChart: boolean;
+    areaChart: boolean | undefined;
+    areaChart1: boolean | undefined;
+    areaChart2: boolean | undefined;
+    areaChart3: boolean | undefined;
+    areaChart4: boolean | undefined;
+    areaChart5: boolean | undefined;
+    atLeastOneAreaChart: boolean | undefined;
     getIsNthAreaChart: (n: number) => boolean;
     stepChart: boolean;
     stepChart1: boolean;
@@ -283,7 +283,7 @@ export declare const useLineChart: (props: extendedLineChartPropsType) => {
         curved: boolean | undefined;
         curvature: number;
         curveType: import("../utils/types").CurveType;
-        areaChart: boolean;
+        areaChart: boolean | undefined;
         color: import("react-native").ColorValue;
         thickness: number;
         zIndex1: number;
@@ -349,10 +349,12 @@ export declare const useLineChart: (props: extendedLineChartPropsType) => {
     autoAdjustPointerLabelPosition: boolean;
     pointerVanishDelay: number;
     activatePointersOnLongPress: boolean;
+    activatePointersInstantlyOnTouch: boolean;
     activatePointersDelay: number;
     initialPointerIndex: number;
     initialPointerAppearDelay: number;
     persistPointer: boolean;
+    resetPointerIndexOnRelease: boolean;
     hidePointer1: boolean;
     hidePointer2: boolean;
     hidePointer3: boolean;
@@ -394,4 +396,7 @@ export declare const useLineChart: (props: extendedLineChartPropsType) => {
     cumulativeSpacingForSet: any[];
     stripOverDataPoints: boolean | undefined;
     strips: any;
+    lastLineNumber: number;
+    focusTogether: boolean;
+    focusProximity: number;
 };