gifted-charts-core 0.1.48 → 0.1.50

package/dist/BarChart/Animated2DWithGradient.d.ts

@@ -1,8 +1,8 @@
 import { type ColorValue, type ViewStyle } from 'react-native';
-import { type FocusedBarConfig, type BarChartPropsType, type CommonPropsFor2dand3dBarsType, type barDataItem, type stackDataItem } from './types';
+import { type FocusedBarConfig, type BarChartPropsType, type CommonPropsFor2dand3dBarsType, type barDataItem, type stackDataItem, barDataItemNullSafe } from './types';
 import { type ReactNode } from 'react';
 interface Animated2dWithGradientPropsType extends BarChartPropsType {
-    item: barDataItem;
+    item: barDataItemNullSafe;
     index: number;
     barHeight: number;
     selectedIndex: number;

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

@@ -1,4 +1,4 @@
-import { type lineConfigType, type barDataItem, type stackDataItem, BarChartPropsTypeForWeb } from './types';
+import { type lineConfigType, type barDataItem, type stackDataItem, BarChartPropsTypeForWeb, barDataItemNullSafe } from './types';
 import { type BarAndLineChartsWrapperTypes, type secondaryYAxisType } from '../utils/types';
 import { type Animated } from 'react-native';
 export interface extendedBarChartPropsType extends BarChartPropsTypeForWeb {
@@ -41,7 +41,7 @@ export declare const useBarChart: (props: extendedBarChartPropsType) => {
     setPointerItem: import("react").Dispatch<import("react").SetStateAction<barDataItem | stackDataItem | undefined>>;
     initialSpacing: number;
     spacing: number;
-    data: barDataItem[];
+    data: barDataItemNullSafe[];
     barWidth: number;
     setPointerX: import("react").Dispatch<import("react").SetStateAction<number>>;
     setPointerIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
@@ -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

@@ -49,7 +49,10 @@ export var useBarChart = function (props) {
                 return (__assign(__assign({}, item), { value: ((_a = item.value) !== null && _a !== void 0 ? _a : 0) - yAxisOffset }));
             });
         }
-        return props.data;
+        return props.data.map(function (item) {
+            var _a;
+            return (__assign(__assign({}, item), { value: (_a = item.value) !== null && _a !== void 0 ? _a : 0 }));
+        });
     }, [yAxisOffset, props.data]);
     var stackData = useMemo(function () {
         if (!props.stackData) {
@@ -469,7 +472,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 +547,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 +618,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;
@@ -234,6 +235,7 @@ export interface BarChartPropsType {
     showFractionalValues?: boolean;
     roundToDigits?: number;
     backgroundColor?: ColorValue;
+    customBackground?: CustomBackground;
     disableScroll?: boolean;
     showScrollIndicator?: boolean;
     indicatorColor?: 'black' | 'default' | 'white';
@@ -337,6 +339,7 @@ export interface lineConfigType {
     delay?: number;
     thickness?: number;
     color?: ColorValue | string | any;
+    strokeDashArray?: number[];
     hideDataPoints?: boolean;
     dataPointsShape?: string;
     dataPointsWidth?: number;
@@ -404,7 +407,7 @@ interface sectionType {
     value: string;
 }
 export interface barDataItem {
-    value: number;
+    value?: number;
     onPress?: any;
     onLongPress?: any;
     onPressOut?: any;
@@ -451,8 +454,11 @@ export interface barDataItem {
     onMouseEnter?: Function;
     onMouseLeave?: Function;
 }
+export interface barDataItemNullSafe extends barDataItem {
+    value: number;
+}
 export interface Animated2DWithGradientPropsType {
-    item: barDataItem;
+    item: barDataItemNullSafe;
     index: number;
     height: number;
     minHeight: number;
@@ -510,7 +516,7 @@ export interface RenderBarsPropsType {
     side?: string;
     labelTextStyle?: any;
     secondaryLabelTextStyle?: any;
-    item: barDataItem;
+    item: barDataItemNullSafe;
     index: number;
     label: string;
     secondaryLabel: string;
@@ -630,7 +636,7 @@ export interface CommonPropsFor2dand3dBarsType {
     patternId?: string;
     barWidth: number;
     barStyle?: object;
-    item: barDataItem;
+    item: barDataItemNullSafe;
     index: number;
     frontColor: ColorValue;
     showGradient: boolean;

package/dist/LineChart/index.d.ts

@@ -1,5 +1,5 @@
-import { type LineChartPropsType, type lineDataItem } from './types';
-import { type BarAndLineChartsWrapperTypes, EdgePosition, type LineSegment } from '../utils/types';
+import { lineDataItemNullSafe, type LineChartPropsType, type lineDataItem } from './types';
+import { type BarAndLineChartsWrapperTypes, EdgePosition, type LineSegment, DataSetNullSafe } from '../utils/types';
 export interface extendedLineChartPropsType extends LineChartPropsType {
     parentWidth: number;
 }
@@ -92,14 +92,14 @@ export declare const useLineChart: (props: extendedLineChartPropsType) => {
     setSelectedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
     noOfSections: number;
     containerHeight: number;
-    data: lineDataItem[];
-    data2: lineDataItem[];
-    data3: lineDataItem[];
-    data4: lineDataItem[];
-    data5: lineDataItem[];
-    secondaryData: lineDataItem[] | import("..").barDataItem[];
-    dataSet: import("../utils/types").DataSet[] | undefined;
-    data0: lineDataItem[] | undefined;
+    data: lineDataItemNullSafe[];
+    data2: lineDataItemNullSafe[];
+    data3: lineDataItemNullSafe[];
+    data4: lineDataItemNullSafe[];
+    data5: lineDataItemNullSafe[];
+    secondaryData: lineDataItemNullSafe[] | import("..").barDataItemNullSafe[];
+    dataSet: DataSetNullSafe[] | undefined;
+    data0: lineDataItemNullSafe[] | undefined;
     scrollToEnd: boolean;
     scrollAnimation: boolean;
     scrollEventThrottle: number;
@@ -107,6 +107,7 @@ export declare const useLineChart: (props: extendedLineChartPropsType) => {
     animationDuration: number;
     onDataChangeAnimationDuration: number;
     animateTogether: boolean;
+    renderDataPointsAfterAnimationEnds: boolean;
     animateOnDataChange: boolean;
     startIndex1: number;
     startIndex2: number;
@@ -156,13 +157,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 +284,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;
@@ -307,9 +308,9 @@ export declare const useLineChart: (props: extendedLineChartPropsType) => {
         arrowConfig: import("../utils/types").arrowConfigType | undefined;
     };
     addLeadingAndTrailingPathForAreaFill: (initialPath: string, value: number, dataLength: number) => string;
-    getNextPoint: (data: lineDataItem[], index: number, around: boolean, before: boolean, spacingArray: number[]) => string;
-    getStepPath: (data: lineDataItem[], i: number, spacingArray: number[]) => string;
-    getSegmentPath: (data: lineDataItem[], i: number, lineSegment: LineSegment[] | undefined, startIndex: number, endIndex: number, spacingArray: number[], isSecondary?: boolean) => string;
+    getNextPoint: (data: lineDataItemNullSafe[], index: number, around: boolean, before: boolean, spacingArray: number[]) => string;
+    getStepPath: (data: lineDataItemNullSafe[], i: number, spacingArray: number[]) => string;
+    getSegmentPath: (data: lineDataItemNullSafe[], i: number, lineSegment: LineSegment[] | undefined, startIndex: number, endIndex: number, spacingArray: number[], isSecondary?: boolean) => string;
     gradientDirection: string;
     horizSections: {
         value: string;
@@ -349,10 +350,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 +397,7 @@ export declare const useLineChart: (props: extendedLineChartPropsType) => {
     cumulativeSpacingForSet: any[];
     stripOverDataPoints: boolean | undefined;
     strips: any;
+    lastLineNumber: number;
+    focusTogether: boolean;
+    focusProximity: number;
 };