gifted-charts-core 0.1.49 → 0.1.51

package/README.md

@@ -1 +1,4 @@
-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).
+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). <br/><br />
+
+
+![Gifted charts](https://raw.githubusercontent.com/Abhinandan-Kushwaha/react-native-gifted-charts/14f8fa316ed9b2d6bd188ad73484c82fca857fe0/docs/dev/gifted-charts-architecture.drawio.svg)

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/RenderBars.d.ts

@@ -0,0 +1,8 @@
+import { TooltipProps } from '../utils/types';
+import { RenderBarsPropsType } from './types';
+export declare const useRenderBars: (props: RenderBarsPropsType) => {
+    heightFactor: number;
+    barHeight: number;
+    leftSpacing: number;
+    tooltipProps: TooltipProps;
+};

package/dist/BarChart/RenderBars.js

@@ -0,0 +1,51 @@
+import { AxesAndRulesDefaults } from '../utils/constants';
+export var useRenderBars = function (props) {
+    var _a, _b, _c;
+    var data = props.data, item = props.item, index = props.index, barWidth = props.barWidth, initialSpacing = props.initialSpacing, propSpacing = props.propSpacing, secondaryNegativeStepHeight = props.secondaryNegativeStepHeight, secondaryStepHeight = props.secondaryStepHeight, secondaryNegativeStepValue = props.secondaryNegativeStepValue, secondaryStepValue = props.secondaryStepValue, negativeStepHeight = props.negativeStepHeight, negativeStepValue = props.negativeStepValue, stepHeight = props.stepHeight, stepValue = props.stepValue, minHeight = props.minHeight, _d = props.xAxisThickness, xAxisThickness = _d === void 0 ? AxesAndRulesDefaults.xAxisThickness : _d, leftShiftForLastIndexTooltip = props.leftShiftForLastIndexTooltip, leftShiftForTooltip = props.leftShiftForTooltip, renderTooltip = props.renderTooltip, autoCenterTooltip = props.autoCenterTooltip, horizontal = props.horizontal, containerHeight = props.containerHeight, containerHeightIncludingBelowXAxis = props.containerHeightIncludingBelowXAxis;
+    var heightFactor = item.isSecondary
+        ? item.value < 0
+            ? (secondaryNegativeStepHeight !== null && secondaryNegativeStepHeight !== void 0 ? secondaryNegativeStepHeight : secondaryStepHeight) /
+                (secondaryNegativeStepValue !== null && secondaryNegativeStepValue !== void 0 ? secondaryNegativeStepValue : secondaryStepValue)
+            : secondaryStepHeight / secondaryStepValue
+        : item.value < 0
+            ? negativeStepHeight / negativeStepValue
+            : stepHeight / stepValue;
+    var barHeight = Math.max(minHeight, Math.abs(item.value) * heightFactor - xAxisThickness);
+    var leftSpacing = initialSpacing;
+    for (var i = 0; i < index; i++) {
+        leftSpacing +=
+            ((_a = data[i].spacing) !== null && _a !== void 0 ? _a : propSpacing) + (data[i].barWidth || barWidth);
+    }
+    var containsNegativeValue = data.some(function (item) { return item.value < 0; });
+    var chartHeightBelowXAxis = containerHeightIncludingBelowXAxis - containerHeight;
+    var getBotomForTooltip = function () {
+        if (item.value < 0) {
+            return chartHeightBelowXAxis - barHeight - 34;
+        }
+        else {
+            return ((containsNegativeValue
+                ? barHeight + chartHeightBelowXAxis - 8
+                : barHeight) + 2);
+        }
+    };
+    var tooltipProps = {
+        barHeight: barHeight,
+        barWidth: item.barWidth || barWidth,
+        item: item,
+        index: index,
+        isLast: index === data.length - 1,
+        leftSpacing: leftSpacing,
+        leftShiftForLastIndexTooltip: leftShiftForLastIndexTooltip,
+        leftShiftForTooltip: (_c = (_b = item.leftShiftForTooltip) !== null && _b !== void 0 ? _b : leftShiftForTooltip) !== null && _c !== void 0 ? _c : 0,
+        renderTooltip: renderTooltip,
+        autoCenterTooltip: autoCenterTooltip,
+        horizontal: horizontal,
+        bottom: getBotomForTooltip()
+    };
+    return {
+        heightFactor: heightFactor,
+        barHeight: barHeight,
+        leftSpacing: leftSpacing,
+        tooltipProps: tooltipProps
+    };
+};

package/dist/BarChart/RenderStackBars.d.ts

@@ -1,4 +1,5 @@
 import { type StackedBarChartPropsType, type stackDataItem } from './types';
+import { TooltipProps } from '../utils/types';
 export declare const useRenderStackBars: (props: StackedBarChartPropsType) => {
     containsNegativeValue: boolean;
     noAnimation: boolean;
@@ -23,17 +24,5 @@ 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;
-    };
+    tooltipProps: TooltipProps;
 };

package/dist/BarChart/RenderStackBars.js

@@ -17,8 +17,11 @@ var __read = (this && this.__read) || function (o, n) {
 import { useState } from 'react';
 export var useRenderStackBars = function (props) {
     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, stepHeight = props.stepHeight, stepValue = props.stepValue, negativeStepHeight = props.negativeStepHeight, negativeStepValue = props.negativeStepValue, secondaryStepHeight = props.secondaryStepHeight, secondaryStepValue = props.secondaryStepValue, secondaryNegativeStepHeight = props.secondaryNegativeStepHeight, secondaryNegativeStepValue = props.secondaryNegativeStepValue;
+    var item = props.item, index = props.index, _j = props.containerHeight, containerHeight = _j === void 0 ? 200 : _j, containerHeightIncludingBelowXAxis = props.containerHeightIncludingBelowXAxis, 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, stepHeight = props.stepHeight, stepValue = props.stepValue, negativeStepHeight = props.negativeStepHeight, negativeStepValue = props.negativeStepValue, secondaryStepHeight = props.secondaryStepHeight, secondaryStepValue = props.secondaryStepValue, secondaryNegativeStepHeight = props.secondaryNegativeStepHeight, secondaryNegativeStepValue = props.secondaryNegativeStepValue;
     var containsNegativeValue = item.stacks.some(function (item) { return item.value < 0; });
+    var anyStackContainsNegativeValue = stackData.some(function (item) {
+        return item.stacks.some(function (stack) { return stack.value < 0; });
+    });
     var noAnimation = containsNegativeValue || !isAnimated;
     var localBarInnerComponent = (_a = item.barInnerComponent) !== null && _a !== void 0 ? _a : props.barInnerComponent;
     var borderRadius = item.borderRadius, borderTopLeftRadius = item.borderTopLeftRadius, borderTopRightRadius = item.borderTopRightRadius, borderBottomLeftRadius = item.borderBottomLeftRadius, borderBottomRightRadius = item.borderBottomRightRadius;
@@ -40,7 +43,7 @@ export var useRenderStackBars = function (props) {
             Math.abs(stack.value) *
                 (stack.value < 0 ? negativeHeightFactor : heightFactor);
     }, 0);
-    var _j = __read(useState(noAnimation ? totalHeight : 1), 2), height = _j[0], setHeight = _j[1];
+    var _k = __read(useState(noAnimation ? totalHeight : 1), 2), height = _k[0], setHeight = _k[1];
     var getBarHeight = function (value, marginBottom) {
         return (Math.abs(value) * (value < 0 ? negativeHeightFactor : heightFactor) -
             (marginBottom !== null && marginBottom !== void 0 ? marginBottom : 0));
@@ -48,10 +51,6 @@ export var useRenderStackBars = function (props) {
     var getPosition = function (index, height) {
         /* Returns bottom position for stack item
                negative values are below origin (-> negative position) */
-        // 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;
@@ -72,10 +71,19 @@ export var useRenderStackBars = function (props) {
         var _a;
         return (((_a = item.stacks
             .map(function (_, index) {
-            return getPosition(index, getBarHeight(index, _.marginBottom));
+            return getPosition(index, getBarHeight(_.value, _.marginBottom));
         })
             .sort(function (a, b) { return a - b; })) === null || _a === void 0 ? void 0 : _a[0]) || 0);
     };
+    var getPositiveBoxesHeightSum = function () {
+        var sum = 0;
+        item.stacks.forEach(function (_, ind) {
+            var value = _.value;
+            sum += value > 0 ? getBarHeight(value, _.marginBottom) : 0;
+            console.log(ind, sum);
+        });
+        return sum;
+    };
     var lowestBarPosition = getLowestPosition();
     var getStackBorderRadii = function (item, index) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
@@ -88,8 +96,25 @@ export var useRenderStackBars = function (props) {
         };
         return borderRadii;
     };
+    var chartHeightBelowXAxis = containerHeightIncludingBelowXAxis - containerHeight;
+    var barHeight = totalHeight;
+    var getBotomForTooltip = function () {
+        var _a;
+        if (anyStackContainsNegativeValue) {
+            // If any of the stacks has a negative value
+            if (item.stacks.some(function (stack) { return stack.value > 0; })) {
+                // if a box in the current stack has a +ve value
+                return chartHeightBelowXAxis + ((_a = getPositiveBoxesHeightSum()) !== null && _a !== void 0 ? _a : 0) - 8;
+            }
+            else
+                return chartHeightBelowXAxis - barHeight - 34;
+        }
+        else {
+            return barHeight + 2;
+        }
+    };
     var tooltipProps = {
-        barHeight: totalHeight,
+        barHeight: barHeight,
         barWidth: item.barWidth || props.barWidth || 30,
         item: item,
         index: index,
@@ -99,7 +124,8 @@ export var useRenderStackBars = function (props) {
         leftShiftForTooltip: (_h = (_g = item.leftShiftForTooltip) !== null && _g !== void 0 ? _g : leftShiftForTooltip) !== null && _h !== void 0 ? _h : 0,
         renderTooltip: renderTooltip,
         autoCenterTooltip: autoCenterTooltip,
-        horizontal: horizontal
+        horizontal: horizontal,
+        bottom: getBotomForTooltip()
     };
     return {
         containsNegativeValue: containsNegativeValue,

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>>;
@@ -120,6 +120,7 @@ export declare const useBarChart: (props: extendedBarChartPropsType) => {
         item: any;
         index: number;
         containerHeight: number;
+        containerHeightIncludingBelowXAxis: number;
         maxValue: number;
         spacing: any;
         propSpacing: 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) {
@@ -474,6 +477,7 @@ export var useBarChart = function (props) {
             item: item,
             index: index,
             containerHeight: containerHeight,
+            containerHeightIncludingBelowXAxis: containerHeightIncludingBelowXAxis,
             maxValue: maxValue,
             spacing: (_a = item.spacing) !== null && _a !== void 0 ? _a : spacing,
             propSpacing: spacing,

package/dist/BarChart/types.d.ts

@@ -74,7 +74,7 @@ export interface StackedBarChartPropsType {
     disablePress?: boolean;
     item: stackDataItem;
     index: number;
-    containerHeight?: number;
+    containerHeight: number;
     maxValue: number;
     spacing: number;
     propSpacing?: number;
@@ -136,7 +136,7 @@ export interface StackedBarChartPropsType {
     secondaryNegativeStepHeight: number;
     secondaryNegativeStepValue: number;
     secondaryNoOfSectionsBelowXAxis: number;
-    containerHeightIncludingBelowXAxis?: number;
+    containerHeightIncludingBelowXAxis: number;
 }
 export interface BarChartPropsType {
     width?: number;
@@ -407,7 +407,7 @@ interface sectionType {
     value: string;
 }
 export interface barDataItem {
-    value: number;
+    value?: number;
     onPress?: any;
     onLongPress?: any;
     onPressOut?: any;
@@ -454,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;
@@ -513,11 +516,12 @@ export interface RenderBarsPropsType {
     side?: string;
     labelTextStyle?: any;
     secondaryLabelTextStyle?: any;
-    item: barDataItem;
+    item: barDataItemNullSafe;
     index: number;
     label: string;
     secondaryLabel: string;
-    containerHeight?: number;
+    containerHeight: number;
+    containerHeightIncludingBelowXAxis: number;
     maxValue: number;
     spacing: number;
     propSpacing?: number;
@@ -633,7 +637,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;
@@ -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;
@@ -396,7 +397,11 @@ export declare const useLineChart: (props: extendedLineChartPropsType) => {
     cumulativeSpacingForSet: any[];
     stripOverDataPoints: boolean | undefined;
     strips: any;
+    selectedLineNumber: number;
+    setSelectedLineNumber: import("react").Dispatch<import("react").SetStateAction<number>>;
     lastLineNumber: number;
     focusTogether: boolean;
     focusProximity: number;
+    handleFocus: (index: number, item: lineDataItemNullSafe, locationY: number, onStripPress: Function) => void;
+    handleUnFocus: () => void;
 };