gifted-charts-core 0.1.72 → 0.1.74

package/dist/BarChart/types.d.ts

@@ -157,6 +157,7 @@ export interface StackedBarChartPropsType {
     bounces?: boolean;
     overScrollMode?: 'auto' | 'always' | 'never';
     onScrollEndDrag?: (event: any, direction: any) => void;
+    rtl?: boolean;
 }
 export interface StackedBarChartPropsTypeForWeb extends StackedBarChartPropsType {
     onContextMenu?: Function;

package/dist/BubbleChart/index.d.ts

@@ -0,0 +1,50 @@
+import { BarAndLineChartsWrapperTypes } from '../utils/types';
+import { BubbleChartPropsType } from './types';
+export interface extendedBubbleChartPropsType extends BubbleChartPropsType {
+    parentWidth: number;
+}
+export declare const useBubbleChart: (props: extendedBubbleChartPropsType) => {
+    totalWidth: number;
+    animationDuration: number;
+    containerHeightIncludingBelowXAxis: number;
+    getY: (value: number) => number;
+    barAndLineChartsWrapperProps: BarAndLineChartsWrapperTypes;
+    getX: (spacingArray: number[], index: number) => number;
+    maxValue: number;
+    selectedIndex: number;
+    setSelectedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+    showTextOnFocus: boolean;
+    focusEnabled: boolean;
+    focusTogether: boolean;
+    selectedLineNumber: number;
+    lastLineNumber: number;
+    initialSpacing: number;
+    spacing: number;
+    containerHeight: number;
+    handleFocus: (index: number) => void;
+    handleUnFocus: () => void;
+    isAnimated: boolean;
+    showDataPointOnFocus: boolean;
+    showDataPointLabelOnFocus: boolean;
+    dataPointsShape: string;
+    dataPointsWidth: number;
+    dataPointsHeight: number;
+    dataPointsColor: string;
+    dataPointsRadius: number;
+    textColor: string;
+    textFontSize: number;
+    startIndex: number;
+    endIndex: number;
+    showValuesAsDataPointsText: boolean;
+    cumulativeSpacing: number[];
+    hideDataPoints: boolean;
+    xAxisLabelsVerticalShift: number;
+    labelsExtraHeight: number;
+    xAxisThickness: number;
+    xAxisTextNumberOfLines: number;
+    rotateLabel: boolean;
+    allowFontScaling: boolean;
+    borderWidth: number;
+    borderColor: import("react-native").ColorValue;
+    opacity: number;
+};

package/dist/BubbleChart/index.js

@@ -0,0 +1,283 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { useState } from 'react';
+import { computeMaxAndMinItems, getAxesAndRulesProps, getExtendedContainerHeightWithPadding, getMaxValue, getNoOfSections, indexOfFirstNonZeroDigit } from '../utils';
+import { AxesAndRulesDefaults, BubbleDefaults, chartTypes, LineDefaults } from '../utils/constants';
+export var useBubbleChart = 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;
+    var _37 = props.data, data = _37 === void 0 ? [] : _37;
+    var noOfSections = getNoOfSections(props.noOfSections, props.maxValue, props.stepValue);
+    var containerHeight = (_a = props.height) !== null && _a !== void 0 ? _a : (((_b = props.stepHeight) !== null && _b !== void 0 ? _b : 0) * noOfSections ||
+        AxesAndRulesDefaults.containerHeight);
+    var valuesRange = Math.max.apply(Math, __spreadArray([], __read(data.map(function (i) { return Math.max(i.value, 0); })), false)) - // find the largest +ve number
+     Math.min.apply(// find the largest +ve number
+    Math, __spreadArray([], __read(data.map(function (i) { return Math.max(i.value, 0); })), false)); // find the smallest +ve number
+    var showFractionalValues = (_c = props.showFractionalValues) !== null && _c !== void 0 ? _c : (isFinite(valuesRange) && valuesRange <= 1);
+    var roundToDigits = (_d = props.roundToDigits) !== null && _d !== void 0 ? _d : (showFractionalValues ? indexOfFirstNonZeroDigit(valuesRange) + 1 : 0);
+    var _38 = computeMaxAndMinItems(data, false, // extrapolateMissingValues
+    roundToDigits, showFractionalValues, data), maxItem = _38.maxItem, minItem = _38.minItem;
+    var maxValue = getMaxValue(props.maxValue, props.stepValue, noOfSections, maxItem) || 10;
+    var mostNegativeValue = (_e = props.mostNegativeValue) !== null && _e !== void 0 ? _e : minItem;
+    var onlyPositive = (_f = props.onlyPositive) !== null && _f !== void 0 ? _f : mostNegativeValue >= 0;
+    var horizSections = [{ value: '0' }];
+    var stepHeight = (_g = props.stepHeight) !== null && _g !== void 0 ? _g : containerHeight / noOfSections;
+    var stepValue = (_h = props.stepValue) !== null && _h !== void 0 ? _h : maxValue / noOfSections;
+    var noOfSectionsBelowXAxis = (_j = props.noOfSectionsBelowXAxis) !== null && _j !== void 0 ? _j : Math.round(Math.ceil(-mostNegativeValue / stepValue));
+    var labelsExtraHeight = (_k = props.labelsExtraHeight) !== null && _k !== void 0 ? _k : 0;
+    var yAxisLabelWidth = (_l = props.yAxisLabelWidth) !== null && _l !== void 0 ? _l : (props.hideYAxisText
+        ? AxesAndRulesDefaults.yAxisEmptyLabelWidth
+        : AxesAndRulesDefaults.yAxisLabelWidth);
+    var horizontal = false;
+    var yAxisAtTop = false;
+    var initialSpacing = (_m = props.initialSpacing) !== null && _m !== void 0 ? _m : LineDefaults.initialSpacing;
+    var xAxisThickness = (_o = props.xAxisThickness) !== null && _o !== void 0 ? _o : AxesAndRulesDefaults.xAxisThickness;
+    var spacing = (_p = props.spacing) !== null && _p !== void 0 ? _p : LineDefaults.spacing;
+    var cumulativeSpacing = [];
+    var spacingSum = 0;
+    var space = (_q = props.spacing) !== null && _q !== void 0 ? _q : spacing;
+    data.forEach(function (item) {
+        var _a;
+        spacingSum += (_a = item.spacing) !== null && _a !== void 0 ? _a : space;
+        cumulativeSpacing.push(spacingSum);
+    });
+    var totalWidth = initialSpacing +
+        spacing * (data.length - 1) +
+        ((_r = props.endSpacing) !== null && _r !== void 0 ? _r : LineDefaults.endSpacing);
+    var endSpacing = (_s = props.endSpacing) !== null && _s !== void 0 ? _s : LineDefaults.endSpacing;
+    var disableScroll = (_t = props.disableScroll) !== null && _t !== void 0 ? _t : false;
+    var showScrollIndicator = (_u = props.showScrollIndicator) !== null && _u !== void 0 ? _u : false;
+    var scrollToEnd = (_v = props.scrollToEnd) !== null && _v !== void 0 ? _v : false;
+    var scrollAnimation = (_w = props.scrollAnimation) !== null && _w !== void 0 ? _w : false;
+    var scrollEventThrottle = (_x = props.scrollEventThrottle) !== null && _x !== void 0 ? _x : 16;
+    var focusEnabled = (_y = props.focusEnabled) !== null && _y !== void 0 ? _y : LineDefaults.focusEnabled;
+    var showDataPointOnFocus = (_z = props.showDataPointOnFocus) !== null && _z !== void 0 ? _z : LineDefaults.showDataPointOnFocus;
+    var _39 = __read(useState((_0 = props.focusedDataPointIndex) !== null && _0 !== void 0 ? _0 : -1), 2), selectedIndex = _39[0], setSelectedIndex = _39[1];
+    var _40 = __read(useState(''), 2), points = _40[0], setPoints = _40[1];
+    var _41 = __read(useState(-1), 2), pointerIndex = _41[0], setPointerIndex = _41[1];
+    var _42 = __read(useState(0), 2), pointerX = _42[0], setPointerX = _42[1];
+    var _43 = __read(useState(0), 2), pointerY = _43[0], setPointerY = _43[1];
+    var isAnimated = (_1 = props.isAnimated) !== null && _1 !== void 0 ? _1 : false;
+    var horizontalRulesStyle = props.horizontalRulesStyle;
+    var yAxisOffset = (_2 = props.yAxisOffset) !== null && _2 !== void 0 ? _2 : 0;
+    var showXAxisIndices = (_3 = props.showXAxisIndices) !== null && _3 !== void 0 ? _3 : AxesAndRulesDefaults.showXAxisIndices;
+    var xAxisIndicesHeight = (_4 = props.xAxisIndicesHeight) !== null && _4 !== void 0 ? _4 : AxesAndRulesDefaults.xAxisIndicesHeight;
+    var xAxisIndicesWidth = (_5 = props.xAxisIndicesWidth) !== null && _5 !== void 0 ? _5 : AxesAndRulesDefaults.xAxisIndicesWidth;
+    var xAxisIndicesColor = (_6 = props.xAxisIndicesColor) !== null && _6 !== void 0 ? _6 : AxesAndRulesDefaults.xAxisIndicesColor;
+    //   const pointerConfig = props.pointerConfig
+    var getPointerProps = (_7 = props.getPointerProps) !== null && _7 !== void 0 ? _7 : null;
+    var dataPointsRadius = (_8 = props.dataPointsRadius) !== null && _8 !== void 0 ? _8 : LineDefaults.dataPointsRadius;
+    var dataPointsWidth = (_9 = props.dataPointsWidth) !== null && _9 !== void 0 ? _9 : LineDefaults.dataPointsWidth;
+    var extraWidthDueToDataPoint = props.hideDataPoints
+        ? 0
+        : dataPointsRadius !== null && dataPointsRadius !== void 0 ? dataPointsRadius : dataPointsWidth;
+    var xAxisLabelsAtBottom = (_10 = props.xAxisLabelsAtBottom) !== null && _10 !== void 0 ? _10 : false;
+    var allowFontScaling = (_11 = props.allowFontScaling) !== null && _11 !== void 0 ? _11 : AxesAndRulesDefaults.allowFontScaling;
+    var animationDuration = (_12 = props.animationDuration) !== null && _12 !== void 0 ? _12 : LineDefaults.animationDuration;
+    var negativeStepValue = (_13 = props.negativeStepValue) !== null && _13 !== void 0 ? _13 : stepValue;
+    var secondaryMaxValue = maxValue;
+    var secondaryMinItem = maxValue * -1;
+    var showSecondaryFractionalValues = false;
+    var secondaryRoundToDigits = 1;
+    var axesAndRulesProps = getAxesAndRulesProps(props, containerHeight, stepHeight, stepValue, noOfSections, roundToDigits, negativeStepValue, secondaryMaxValue, secondaryMinItem, showSecondaryFractionalValues, secondaryRoundToDigits);
+    var fourthQuadrantHeight = noOfSectionsBelowXAxis * stepHeight;
+    var extendedContainerHeight = getExtendedContainerHeightWithPadding(containerHeight, 0);
+    var containerHeightIncludingBelowXAxis = extendedContainerHeight + fourthQuadrantHeight;
+    var mostNegativeValueOnYAxis = negativeStepValue * noOfSectionsBelowXAxis;
+    var containsNegativeValue = ((_14 = props.mostNegativeValue) !== null && _14 !== void 0 ? _14 : 0) < 0 ||
+        ((_15 = props.data) === null || _15 === void 0 ? void 0 : _15.some(function (item) { var _a; return ((_a = item.y) !== null && _a !== void 0 ? _a : 0) < 0; }));
+    var getX = function (spacingArray, index) {
+        var _a, _b;
+        return (_b = (_a = props.data) === null || _a === void 0 ? void 0 : _a[index].x) !== null && _b !== void 0 ? _b : initialSpacing + (index ? spacingArray[index - 1] : 0);
+    };
+    var getY = function (value) {
+        if (containsNegativeValue && value < 0 && stepValue !== negativeStepValue) {
+            return (extendedContainerHeight +
+                (value * fourthQuadrantHeight) / mostNegativeValueOnYAxis);
+        }
+        return extendedContainerHeight - (value * containerHeight) / maxValue;
+    };
+    var showTextOnFocus = (_16 = props.showTextOnFocus) !== null && _16 !== void 0 ? _16 : LineDefaults.showTextOnFocus;
+    var showDataPointLabelOnFocus = (_17 = props.showDataPointLabelOnFocus) !== null && _17 !== void 0 ? _17 : LineDefaults.showDataPointLabelOnFocus;
+    var focusTogether = (_18 = props.focusTogether) !== null && _18 !== void 0 ? _18 : true;
+    var _44 = __read(useState(-1), 2), selectedLineNumber = _44[0], setSelectedLineNumber = _44[1];
+    var lastLineNumber = 1;
+    // if (props.secondaryData) {
+    //   lastLineNumber = 6667 // lastLineNumber is 6667 for a secondary line, so the index or key of the secondary line is 6666
+    // }
+    // if (props.data2) lastLineNumber = 2
+    // if (props.data3) lastLineNumber = 3
+    // if (props.data4) lastLineNumber = 4
+    // if (props.data5) lastLineNumber = 5
+    // if ((props.dataSet?.length ?? 0) > lastLineNumber)
+    //   lastLineNumber = props.dataSet?.length ?? 0
+    var unFocusOnPressOut = (_19 = props.unFocusOnPressOut) !== null && _19 !== void 0 ? _19 : LineDefaults.unFocusOnPressOut;
+    var delayBeforeUnFocus = (_20 = props.delayBeforeUnFocus) !== null && _20 !== void 0 ? _20 : LineDefaults.delayBeforeUnFocus;
+    var handleFocus = function (index) {
+        setSelectedIndex(index);
+    };
+    var handleUnFocus = function () {
+        if (unFocusOnPressOut) {
+            setTimeout(function () { return setSelectedIndex(-1); }, delayBeforeUnFocus);
+        }
+    };
+    var hideDataPoints = (_21 = props.hideDataPoints) !== null && _21 !== void 0 ? _21 : false;
+    var dataPointsShape = (_22 = props.dataPointsShape) !== null && _22 !== void 0 ? _22 : LineDefaults.dataPointsShape;
+    var dataPointsHeight = (_23 = props.dataPointsHeight) !== null && _23 !== void 0 ? _23 : LineDefaults.dataPointsHeight;
+    var dataPointsColor = (_24 = props.dataPointsColor) !== null && _24 !== void 0 ? _24 : BubbleDefaults.dataPointsColor;
+    var textFontSize = (_25 = props.textFontSize) !== null && _25 !== void 0 ? _25 : LineDefaults.textFontSize;
+    var textColor = (_26 = props.textColor) !== null && _26 !== void 0 ? _26 : LineDefaults.textColor;
+    var startIndex = 0;
+    var endIndex = (_28 = (_27 = props.data) === null || _27 === void 0 ? void 0 : _27.length) !== null && _28 !== void 0 ? _28 : 0;
+    var showValuesAsDataPointsText = (_29 = props.showValuesAsDataPointsText) !== null && _29 !== void 0 ? _29 : LineDefaults.showValuesAsDataPointsText;
+    var xAxisLabelsVerticalShift = (_30 = props.xAxisLabelsVerticalShift) !== null && _30 !== void 0 ? _30 : (xAxisLabelsAtBottom
+        ? fourthQuadrantHeight
+        : AxesAndRulesDefaults.xAxisLabelsVerticalShift);
+    var xAxisTextNumberOfLines = (_31 = props.xAxisTextNumberOfLines) !== null && _31 !== void 0 ? _31 : AxesAndRulesDefaults.xAxisTextNumberOfLines;
+    var rotateLabel = (_32 = props.rotateLabel) !== null && _32 !== void 0 ? _32 : false;
+    var borderWidth = (_33 = props.borderWidth) !== null && _33 !== void 0 ? _33 : BubbleDefaults.borderWidth;
+    var borderColor = (_34 = props.borderColor) !== null && _34 !== void 0 ? _34 : BubbleDefaults.borderColor;
+    var opacity = (_35 = props.opacity) !== null && _35 !== void 0 ? _35 : BubbleDefaults.opacity;
+    var barAndLineChartsWrapperProps = {
+        chartType: chartTypes.BUBBLE,
+        containerHeight: containerHeight,
+        noOfSectionsBelowXAxis: noOfSectionsBelowXAxis,
+        stepHeight: stepHeight,
+        negativeStepHeight: stepHeight,
+        labelsExtraHeight: labelsExtraHeight,
+        yAxisLabelWidth: yAxisLabelWidth,
+        horizontal: horizontal,
+        rtl: false,
+        shiftX: 0,
+        shiftY: 0,
+        yAxisAtTop: yAxisAtTop,
+        initialSpacing: initialSpacing,
+        data: data,
+        stackData: undefined, // Not needed but passing this prop to maintain consistency (between LineChart and BarChart props)
+        secondaryData: undefined, // Not needed but passing this prop to maintain consistency (between LineChart and BarChart props)
+        barWidth: 0, // Not needed but passing this prop to maintain consistency (between LineChart and BarChart props)
+        xAxisThickness: xAxisThickness,
+        totalWidth: totalWidth,
+        disableScroll: disableScroll,
+        showScrollIndicator: showScrollIndicator,
+        scrollToEnd: scrollToEnd,
+        scrollToIndex: props.scrollToIndex,
+        scrollAnimation: scrollAnimation,
+        scrollEventThrottle: scrollEventThrottle,
+        indicatorColor: props.indicatorColor,
+        selectedIndex: [selectedIndex],
+        setSelectedIndex: setSelectedIndex,
+        spacing: spacing,
+        showLine: false,
+        lineConfig: null, // Not needed but passing this prop to maintain consistency (between LineChart and BarChart props)
+        lineConfig2: null, // Not needed but passing this prop to maintain consistency (between LineChart and BarChart props)
+        maxValue: maxValue,
+        lineData: [], // Not needed but passing this prop to maintain consistency (between LineChart and BarChart props)
+        lineData2: [], // Not needed but passing this prop to maintain consistency (between LineChart and BarChart props)
+        lineBehindBars: false,
+        points: points,
+        points2: '', // Not needed but passing this prop to maintain consistency (between LineChart and BarChart props)
+        arrowPoints: [], // Not needed but passing this prop to maintain consistency (between LineChart and BarChart props)
+        // horizSectionProps-
+        width: props.width,
+        horizSections: horizSections,
+        endSpacing: endSpacing,
+        horizontalRulesStyle: horizontalRulesStyle,
+        noOfSections: noOfSections,
+        sectionColors: props.sectionColors,
+        showFractionalValues: showFractionalValues,
+        axesAndRulesProps: axesAndRulesProps,
+        yAxisLabelTexts: props.yAxisLabelTexts,
+        yAxisOffset: yAxisOffset,
+        rotateYAxisTexts: 0,
+        hideAxesAndRules: props.hideAxesAndRules,
+        showXAxisIndices: showXAxisIndices,
+        xAxisIndicesHeight: xAxisIndicesHeight,
+        xAxisIndicesWidth: xAxisIndicesWidth,
+        xAxisIndicesColor: xAxisIndicesColor,
+        getPointerProps: getPointerProps,
+        pointerIndex: pointerIndex,
+        pointerX: pointerX,
+        pointerY: pointerY,
+        onEndReached: props.onEndReached,
+        onStartReached: props.onStartReached,
+        endReachedOffset: (_36 = props.endReachedOffset) !== null && _36 !== void 0 ? _36 : LineDefaults.endReachedOffset,
+        onMomentumScrollEnd: props.onMomentumScrollEnd,
+        extraWidthDueToDataPoint: extraWidthDueToDataPoint,
+        customBackground: props.customBackground,
+        onlyPositive: onlyPositive,
+        highlightEnabled: LineDefaults.highlightEnabled,
+        lowlightOpacity: LineDefaults.lowlightOpacity,
+        xAxisLabelsAtBottom: xAxisLabelsAtBottom,
+        onScrollEndDrag: props.onScrollEndDrag,
+        allowFontScaling: allowFontScaling,
+        showVerticalLines: props.showVerticalLines
+    };
+    return {
+        totalWidth: totalWidth,
+        animationDuration: animationDuration,
+        containerHeightIncludingBelowXAxis: containerHeightIncludingBelowXAxis,
+        getY: getY,
+        barAndLineChartsWrapperProps: barAndLineChartsWrapperProps,
+        getX: getX,
+        maxValue: maxValue,
+        selectedIndex: selectedIndex,
+        setSelectedIndex: setSelectedIndex,
+        showTextOnFocus: showTextOnFocus,
+        focusEnabled: focusEnabled,
+        focusTogether: focusTogether,
+        selectedLineNumber: selectedLineNumber,
+        lastLineNumber: lastLineNumber,
+        initialSpacing: initialSpacing,
+        spacing: spacing,
+        containerHeight: containerHeight,
+        handleFocus: handleFocus,
+        handleUnFocus: handleUnFocus,
+        isAnimated: isAnimated,
+        showDataPointOnFocus: showDataPointOnFocus,
+        showDataPointLabelOnFocus: showDataPointLabelOnFocus,
+        dataPointsShape: dataPointsShape,
+        dataPointsWidth: dataPointsWidth,
+        dataPointsHeight: dataPointsHeight,
+        dataPointsColor: dataPointsColor,
+        dataPointsRadius: dataPointsRadius,
+        textColor: textColor,
+        textFontSize: textFontSize,
+        startIndex: startIndex,
+        endIndex: endIndex,
+        showValuesAsDataPointsText: showValuesAsDataPointsText,
+        cumulativeSpacing: cumulativeSpacing,
+        hideDataPoints: hideDataPoints,
+        xAxisLabelsVerticalShift: xAxisLabelsVerticalShift,
+        labelsExtraHeight: labelsExtraHeight,
+        xAxisThickness: xAxisThickness,
+        xAxisTextNumberOfLines: xAxisTextNumberOfLines,
+        rotateLabel: rotateLabel,
+        allowFontScaling: allowFontScaling,
+        borderWidth: borderWidth,
+        borderColor: borderColor,
+        opacity: opacity
+    };
+};

package/dist/BubbleChart/types.d.ts

@@ -0,0 +1,266 @@
+import { ColorValue, GestureResponderEvent, StyleProp, TextStyle, ViewStyle } from "react-native";
+import { Linecap } from "react-native-svg";
+import { ColorFromToY, CustomBackground, RuleType, RulesConfig, SpreadData, XAxisConfig, referenceConfigType } from "../utils/types";
+import { yAxisSides } from "../utils/constants";
+interface sectionType {
+    value: string;
+}
+export interface BubbleChartPropsType {
+    opacity?: number;
+    height?: number;
+    overflowTop?: number;
+    overflowBottom?: number;
+    noOfSections?: number;
+    sectionColors?: ColorValue[];
+    maxValue?: number;
+    mostNegativeValue?: number;
+    stepHeight?: number;
+    stepValue?: number;
+    negativeStepValue?: number;
+    spacing?: number;
+    initialSpacing?: number;
+    endSpacing?: number;
+    data?: bubbleDataItem[];
+    zIndex?: number;
+    thickness?: number;
+    strokeDashArray?: number[];
+    strokeLinecap?: Linecap;
+    rotateLabel?: boolean;
+    isAnimated?: boolean;
+    animateOnDataChange?: boolean;
+    animationDuration?: number;
+    onDataChangeAnimationDuration?: number;
+    animationEasing?: any;
+    animateTogether?: boolean;
+    renderDataPointsAfterAnimationEnds?: boolean;
+    xAxisLength?: number;
+    xAxisThickness?: number;
+    xAxisColor?: ColorValue;
+    xAxisType?: RuleType;
+    hideRules?: boolean;
+    rulesLength?: number;
+    rulesColor?: ColorValue;
+    rulesThickness?: number;
+    focusEnabled?: boolean;
+    onFocus?: Function;
+    showDataPointOnFocus?: boolean;
+    showStripOnFocus?: boolean;
+    stripOverDataPoints?: boolean;
+    showTextOnFocus?: boolean;
+    showDataPointLabelOnFocus?: boolean;
+    stripHeight?: number;
+    stripWidth?: number;
+    stripColor?: ColorValue | string | any;
+    stripOpacity?: number;
+    stripStrokeDashArray?: number[];
+    onPress?: Function;
+    unFocusOnPressOut?: boolean;
+    delayBeforeUnFocus?: number;
+    focusedDataPointIndex?: number;
+    showValuesAsDataPointsText?: boolean;
+    rulesType?: RuleType;
+    dashWidth?: number;
+    dashGap?: number;
+    rulesConfigArray?: RulesConfig[];
+    showReferenceLine1?: boolean;
+    referenceLine1Config?: referenceConfigType;
+    referenceLine1Position?: number;
+    showReferenceLine2?: boolean;
+    referenceLine2Config?: referenceConfigType;
+    referenceLine2Position?: number;
+    showReferenceLine3?: boolean;
+    referenceLine3Config?: referenceConfigType;
+    referenceLine3Position?: number;
+    referenceLinesOverChartContent?: boolean;
+    showVerticalLines?: boolean;
+    verticalLinesUptoDataPoint?: boolean;
+    verticalLinesThickness?: number;
+    verticalLinesHeight?: number;
+    verticalLinesColor?: ColorValue;
+    verticalLinesStrokeDashArray?: number[];
+    verticalLinesShift?: number;
+    verticalLinesZIndex?: number;
+    noOfVerticalLines?: number;
+    verticalLinesSpacing?: number;
+    verticalLinesStrokeLinecap?: Linecap;
+    hideAxesAndRules?: boolean;
+    areaChart?: boolean;
+    disableScroll?: boolean;
+    showScrollIndicator?: boolean;
+    indicatorColor?: 'black' | 'default' | 'white';
+    nestedScrollEnabled?: boolean;
+    showYAxisIndices?: boolean;
+    showXAxisIndices?: boolean;
+    yAxisIndicesHeight?: number;
+    xAxisIndicesHeight?: number;
+    yAxisIndicesWidth?: number;
+    xAxisIndicesWidth?: number;
+    xAxisIndicesColor?: ColorValue;
+    yAxisIndicesColor?: ColorValue;
+    yAxisSide?: yAxisSides;
+    yAxisOffset?: number;
+    startIndex?: number;
+    endIndex?: number;
+    color?: string;
+    colors?: ColorFromToY[];
+    yAxisThickness?: number;
+    yAxisColor?: ColorValue;
+    yAxisExtraHeight?: number;
+    trimYAxisAtTop?: boolean;
+    yAxisLabelContainerStyle?: StyleProp<ViewStyle>;
+    horizontalRulesStyle?: any;
+    yAxisTextStyle?: StyleProp<TextStyle>;
+    yAxisTextNumberOfLines?: number;
+    xAxisTextNumberOfLines?: number;
+    showFractionalValues?: boolean;
+    roundToDigits?: number;
+    yAxisLabelWidth?: number;
+    hideYAxisText?: boolean;
+    floatingYAxisLabels?: boolean;
+    allowFontScaling?: boolean;
+    backgroundColor?: ColorValue;
+    customBackground?: CustomBackground;
+    horizSections?: sectionType[];
+    focusTogether?: boolean;
+    focusProximity?: number;
+    hideDataPoints?: boolean;
+    dataPointsHeight?: number;
+    dataPointsWidth?: number;
+    dataPointsRadius?: number;
+    dataPointsColor?: string;
+    dataPointsShape?: string;
+    customDataPoint?: Function;
+    focusedDataPointShape?: string;
+    focusedDataPointWidth?: number;
+    focusedDataPointHeight?: number;
+    focusedDataPointColor?: ColorValue | string | any;
+    focusedDataPointRadius?: number;
+    focusedCustomDataPoint?: Function;
+    dataPointLabelWidth?: number;
+    dataPointLabelShiftX?: number;
+    dataPointLabelShiftY?: number;
+    startFillColor?: string;
+    endFillColor?: string;
+    startOpacity?: number;
+    endOpacity?: number;
+    gradientDirection?: string;
+    areaGradientComponent?: () => any;
+    areaGradientId?: string;
+    textFontSize?: number;
+    textColor?: string;
+    hideOrigin?: boolean;
+    textShiftX?: number;
+    textShiftY?: number;
+    yAxisLabelTexts?: string[];
+    xAxisLabelTexts?: string[];
+    xAxisLabelTextStyle?: StyleProp<TextStyle>;
+    xAxisLabelsHeight?: number;
+    xAxisLabelsVerticalShift?: number;
+    xAxisLabelsAtBottom?: boolean;
+    width?: number;
+    yAxisLabelPrefix?: string;
+    yAxisLabelSuffix?: string;
+    scrollRef?: any;
+    scrollToEnd?: boolean;
+    scrollToIndex?: number;
+    scrollAnimation?: boolean;
+    scrollEventThrottle?: number;
+    noOfSectionsBelowXAxis?: number;
+    labelsExtraHeight?: number;
+    adjustToWidth?: boolean;
+    getPointerProps?: Function;
+    formatYLabel?: (label: string) => string;
+    lineGradient?: boolean;
+    lineGradientComponent?: () => any;
+    lineGradientId?: string;
+    lineGradientDirection?: string;
+    lineGradientStartColor?: string;
+    lineGradientEndColor?: string;
+    onEndReached?: () => void;
+    onStartReached?: () => void;
+    endReachedOffset?: number;
+    onScroll?: Function;
+    onMomentumScrollEnd?: Function;
+    bounces?: boolean;
+    overScrollMode?: 'auto' | 'always' | 'never';
+    onScrollEndDrag?: (event: any, direction: any) => void;
+    showDataPointsForMissingValues?: boolean;
+    interpolateMissingValues?: boolean;
+    extrapolateMissingValues?: boolean;
+    onlyPositive?: boolean;
+    parentWidth?: number;
+    onChartAreaPress?: (event: GestureResponderEvent) => void;
+    onBackgroundPress?: (event: GestureResponderEvent) => void;
+    secondaryXAxis?: XAxisConfig;
+    renderTooltip?: Function;
+    renderTooltipSecondary?: Function;
+    dataPointLabelComponent?: Function;
+    focusedDataPointLabelComponent?: Function;
+    spreadAreaData?: SpreadData[];
+    spreadAreaColor?: ColorValue;
+    spreadAreaOpacity?: number;
+    borderWidth?: number;
+    borderColor?: ColorValue;
+}
+export interface bubbleDataItem {
+    y: number;
+    label?: string;
+    labelComponent?: Function;
+    labelTextStyle?: StyleProp<TextStyle>;
+    secondaryLabel?: string;
+    secondaryLabelComponent?: Function;
+    secondaryLabelTextStyle?: StyleProp<TextStyle>;
+    dataPointText?: string;
+    textShiftX?: number;
+    textShiftY?: number;
+    textColor?: string;
+    textFontSize?: number;
+    spacing?: number;
+    hideDataPoint?: boolean;
+    dataPointHeight?: number;
+    dataPointWidth?: number;
+    r?: number;
+    dataPointColor?: string;
+    dataPointShape?: string;
+    customDataPoint?: Function;
+    stripHeight?: number;
+    stripWidth?: number;
+    stripColor?: ColorValue | string | any;
+    stripOpacity?: number;
+    stripStrokeDashArray?: number[];
+    focusedDataPointShape?: string;
+    focusedDataPointWidth?: number;
+    focusedDataPointHeight?: number;
+    focusedDataPointColor?: ColorValue | string | any;
+    focusedDataPointRadius?: number;
+    focusedCustomDataPoint?: Function;
+    dataPointLabelComponent?: Function;
+    focusedDataPointLabelComponent?: Function;
+    dataPointLabelWidth?: number;
+    dataPointLabelShiftX?: number;
+    dataPointLabelShiftY?: number;
+    showStrip?: boolean;
+    showVerticalLine?: boolean;
+    verticalLineHeight?: number;
+    verticalLineUptoDataPoint?: boolean;
+    verticalLineColor?: ColorValue;
+    verticalLineThickness?: number;
+    verticalLineStrokeDashArray?: number[];
+    verticalLineShift?: number;
+    verticalLineZIndex?: number;
+    verticalLineSpacing?: number;
+    verticalLineStrokeLinecap?: Linecap;
+    pointerShiftX?: number;
+    pointerShiftY?: number;
+    onPress?: Function;
+    onContextMenu?: Function;
+    onMouseEnter?: Function;
+    onMouseLeave?: Function;
+    showXAxisIndex?: boolean;
+    hidePointer?: boolean;
+    x?: number;
+    borderWidth?: number;
+    borderColor?: ColorValue;
+    opacity?: number;
+}
+export {};

package/dist/BubbleChart/types.js

@@ -0,0 +1 @@
+export {};

package/dist/PieChart/index.js

@@ -65,11 +65,12 @@ export var usePieChart = function (props) {
         }
     }, [props.data, initialAngle, props.semiCircle]);
     useEffect(function () {
+        var _a, _b;
         if (selectedIndex !== -1) {
             var newStartAngle = initialAngle !== null && initialAngle !== void 0 ? initialAngle : (props.semiCircle ? -pi : 0);
             var start = 0;
             for (var i = 0; i < selectedIndex; i++) {
-                start += props.data[i].value;
+                start += (_b = (_a = props.data[i]) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : 0;
             }
             if (total) {
                 setStartAngle(newStartAngle + (2 * pi * start) / (total || 1));

package/dist/RadarChart/index.d.ts

@@ -5,6 +5,13 @@ export declare const useRadarChart: (props: RadarChartProps) => {
     center: number;
     radius: number;
     chartSize: number;
+    chartContainerProps: {
+        height: number;
+        width: number;
+        shiftX: number;
+        shiftY: number;
+        backgroundColor: import("react-native").ColorValue;
+    };
     noOfSections: number;
     polarToCartesian: (angle: number, value: number) => {
         x: number;

package/dist/RadarChart/index.js

@@ -36,17 +36,24 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { radarChartDefaults } from '../utils/constants';
 export var useRadarChart = function (props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-    var _u = props.circular, circular = _u === void 0 ? false : _u, _v = props.gridConfig, gridConfig = _v === void 0 ? {} : _v, _w = props.polygonConfig, polygonConfig = _w === void 0 ? {} : _w, _x = props.data, data = _x === void 0 ? [] : _x, dataSet = props.dataSet, _y = props.noOfSections, noOfSections = _y === void 0 ? radarChartDefaults.noOfSections : _y, _z = props.chartSize, chartSize = _z === void 0 ? radarChartDefaults.chartSize : _z, _0 = props.labelConfig, labelConfig = _0 === void 0 ? {} : _0, labelConfigArray = props.labelConfigArray, _1 = props.asterLinesConfig, asterLinesConfig = _1 === void 0 ? {} : _1, _2 = props.hideGrid, hideGrid = _2 === void 0 ? radarChartDefaults.hideGrid : _2, _3 = props.hideLabels, hideLabels = _3 === void 0 ? radarChartDefaults.hideLabels : _3, _4 = props.hideAsterLines, hideAsterLines = _4 === void 0 ? (_a = props.hideGrid) !== null && _a !== void 0 ? _a : radarChartDefaults.hideAsterLines : _4, _5 = props.dataLabelsConfig, dataLabelsConfig = _5 === void 0 ? {} : _5, _6 = props.labelsPositionOffset, labelsPositionOffset = _6 === void 0 ? radarChartDefaults.labelsPositionOffset : _6, _7 = props.dataLabelsPositionOffset, dataLabelsPositionOffset = _7 === void 0 ? radarChartDefaults.dataLabelsPositionOffset : _7, _8 = props.isAnimated, isAnimated = _8 === void 0 ? radarChartDefaults.isAnimated : _8, _9 = props.animationDuration, animationDuration = _9 === void 0 ? radarChartDefaults.animationDuration : _9, _10 = props.animateTogether, animateTogether = _10 === void 0 ? radarChartDefaults.animateTogether : _10, _11 = props.startAngle, startAngle = _11 === void 0 ? radarChartDefaults.startAngle : _11, _12 = props.isClockWise, isClockWise = _12 === void 0 ? radarChartDefaults.isClockWise : _12;
-    var labels = (_e = (_b = props.labels) !== null && _b !== void 0 ? _b : (_d = ((_c = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) !== null && _c !== void 0 ? _c : data)) === null || _d === void 0 ? void 0 : _d.map(function (_, index) { return "Label".concat(index + 1); })) !== null && _e !== void 0 ? _e : [];
+    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 _4 = props.circular, circular = _4 === void 0 ? false : _4, _5 = props.gridConfig, gridConfig = _5 === void 0 ? {} : _5, _6 = props.polygonConfig, polygonConfig = _6 === void 0 ? {} : _6, _7 = props.data, data = _7 === void 0 ? [] : _7, dataSet = props.dataSet, _8 = props.noOfSections, noOfSections = _8 === void 0 ? radarChartDefaults.noOfSections : _8, _9 = props.chartSize, chartSize = _9 === void 0 ? radarChartDefaults.chartSize : _9, _10 = props.labelConfig, labelConfig = _10 === void 0 ? {} : _10, labelConfigArray = props.labelConfigArray, _11 = props.asterLinesConfig, asterLinesConfig = _11 === void 0 ? {} : _11, _12 = props.hideGrid, hideGrid = _12 === void 0 ? radarChartDefaults.hideGrid : _12, _13 = props.hideLabels, hideLabels = _13 === void 0 ? radarChartDefaults.hideLabels : _13, _14 = props.hideAsterLines, hideAsterLines = _14 === void 0 ? (_a = props.hideGrid) !== null && _a !== void 0 ? _a : radarChartDefaults.hideAsterLines : _14, _15 = props.dataLabelsConfig, dataLabelsConfig = _15 === void 0 ? {} : _15, _16 = props.labelsPositionOffset, labelsPositionOffset = _16 === void 0 ? radarChartDefaults.labelsPositionOffset : _16, _17 = props.dataLabelsPositionOffset, dataLabelsPositionOffset = _17 === void 0 ? radarChartDefaults.dataLabelsPositionOffset : _17, _18 = props.isAnimated, isAnimated = _18 === void 0 ? radarChartDefaults.isAnimated : _18, _19 = props.animationDuration, animationDuration = _19 === void 0 ? radarChartDefaults.animationDuration : _19, _20 = props.animateTogether, animateTogether = _20 === void 0 ? radarChartDefaults.animateTogether : _20, _21 = props.startAngle, startAngle = _21 === void 0 ? radarChartDefaults.startAngle : _21, _22 = props.isClockWise, isClockWise = _22 === void 0 ? radarChartDefaults.isClockWise : _22;
+    var chartContainerProps = {
+        height: (_c = (_b = props.chartContainerProps) === null || _b === void 0 ? void 0 : _b.height) !== null && _c !== void 0 ? _c : chartSize,
+        width: (_e = (_d = props.chartContainerProps) === null || _d === void 0 ? void 0 : _d.width) !== null && _e !== void 0 ? _e : chartSize,
+        shiftX: (_g = (_f = props.chartContainerProps) === null || _f === void 0 ? void 0 : _f.shiftX) !== null && _g !== void 0 ? _g : radarChartDefaults.chartContainerProps.shiftX,
+        shiftY: (_j = (_h = props.chartContainerProps) === null || _h === void 0 ? void 0 : _h.shiftY) !== null && _j !== void 0 ? _j : radarChartDefaults.chartContainerProps.shiftY,
+        backgroundColor: (_l = (_k = props.chartContainerProps) === null || _k === void 0 ? void 0 : _k.backgroundColor) !== null && _l !== void 0 ? _l : radarChartDefaults.chartContainerProps.backgroundColor
+    };
+    var labels = (_q = (_m = props.labels) !== null && _m !== void 0 ? _m : (_p = ((_o = dataSet === null || dataSet === void 0 ? void 0 : dataSet[0]) !== null && _o !== void 0 ? _o : data)) === null || _p === void 0 ? void 0 : _p.map(function (_, index) { return "Label".concat(index + 1); })) !== null && _q !== void 0 ? _q : [];
     var getMax = function (dataSet) {
         return dataSet.reduce(function (acc, set) {
             var max = Math.max.apply(Math, __spreadArray([], __read(set), false));
             return max > acc ? max : acc;
         }, 0);
     };
-    var maxValue = (_f = props.maxValue) !== null && _f !== void 0 ? _f : (dataSet ? Math.max(getMax(dataSet !== null && dataSet !== void 0 ? dataSet : [])) : Math.max.apply(Math, __spreadArray([], __read((data !== null && data !== void 0 ? data : [])), false)));
-    var dataLabels = (_g = props.dataLabels) !== null && _g !== void 0 ? _g : (polygonConfig.showDataValuesAsLabels
+    var maxValue = (_r = props.maxValue) !== null && _r !== void 0 ? _r : (dataSet ? Math.max(getMax(dataSet !== null && dataSet !== void 0 ? dataSet : [])) : Math.max.apply(Math, __spreadArray([], __read((data !== null && data !== void 0 ? data : [])), false)));
+    var dataLabels = (_s = props.dataLabels) !== null && _s !== void 0 ? _s : (polygonConfig.showDataValuesAsLabels
         ? data.map(function (d) { return d.toString(); })
         : null);
     var polarToCartesian = function (angle, value) {
@@ -58,32 +65,32 @@ export var useRadarChart = function (props) {
     };
     var center = chartSize / 2;
     var radius = center * 0.8;
-    var _13 = gridConfig.stroke, gridStroke = _13 === void 0 ? radarChartDefaults.gridSection.stroke : _13, _14 = gridConfig.strokeWidth, gridStrokeWidth = _14 === void 0 ? radarChartDefaults.gridSection.strokeWidth : _14, _15 = gridConfig.strokeDashArray, gridStrokeDashArray = _15 === void 0 ? radarChartDefaults.gridSection
-        .strokeDashArray : _15, _16 = gridConfig.fill, gridFill = _16 === void 0 ? radarChartDefaults.gridSection.fill : _16, _17 = gridConfig.gradientColor, gridGradientColor = _17 === void 0 ? radarChartDefaults.gridSection
-        .gradientColor : _17, _18 = gridConfig.showGradient, gridShowGradient = _18 === void 0 ? radarChartDefaults.gridSection
-        .showGradient : _18, _19 = gridConfig.opacity, gridOpacity = _19 === void 0 ? radarChartDefaults.gridSection.opacity : _19, _20 = gridConfig.gradientOpacity, gridGradientOpacity = _20 === void 0 ? radarChartDefaults.gridSection
-        .gradientOpacity : _20;
-    var gridSections = (_j = (_h = gridConfig.gridSections) === null || _h === void 0 ? void 0 : _h.map(function (i) { return (__assign(__assign({}, radarChartDefaults.gridSection), i)); })) !== null && _j !== void 0 ? _j : Array(noOfSections).fill({});
-    var _21 = labelConfig.fontSize, fontSize = _21 === void 0 ? radarChartDefaults.labelConfig.fontSize : _21, _22 = labelConfig.stroke, stroke = _22 === void 0 ? radarChartDefaults.labelConfig.stroke : _22, _23 = labelConfig.textAnchor, textAnchor = _23 === void 0 ? radarChartDefaults.labelConfig.textAnchor : _23, _24 = labelConfig.alignmentBaseline, alignmentBaseline = _24 === void 0 ? radarChartDefaults.labelConfig.alignmentBaseline : _24, _25 = labelConfig.fontWeight, fontWeight = _25 === void 0 ? radarChartDefaults.labelConfig.fontWeight : _25, _26 = labelConfig.fontFamily, fontFamily = _26 === void 0 ? radarChartDefaults.labelConfig.fontFamily : _26;
-    var _27 = dataLabelsConfig.fontSize, dataLabelsFontSize = _27 === void 0 ? fontSize : _27, // defaults to labelConfig (from above)
-    _28 = dataLabelsConfig.stroke, // defaults to labelConfig (from above)
-    dataLabelsColor = _28 === void 0 ? stroke : _28, // defaults to labelConfig (from above)
-    _29 = dataLabelsConfig.textAnchor, // defaults to labelConfig (from above)
-    dataLabelsTextAnchor = _29 === void 0 ? textAnchor : _29, // defaults to labelConfig (from above)
-    _30 = dataLabelsConfig.alignmentBaseline, // defaults to labelConfig (from above)
-    dataLabelsAlignmentBaseline = _30 === void 0 ? alignmentBaseline : _30, // defaults to labelConfig (from above)
-    _31 = dataLabelsConfig.fontWeight, // defaults to labelConfig (from above)
-    dataLabelsFontWeight = _31 === void 0 ? fontWeight : _31, // defaults to labelConfig (from above)
-    _32 = dataLabelsConfig.fontFamily // defaults to labelConfig (from above)
+    var _23 = gridConfig.stroke, gridStroke = _23 === void 0 ? radarChartDefaults.gridSection.stroke : _23, _24 = gridConfig.strokeWidth, gridStrokeWidth = _24 === void 0 ? radarChartDefaults.gridSection.strokeWidth : _24, _25 = gridConfig.strokeDashArray, gridStrokeDashArray = _25 === void 0 ? radarChartDefaults.gridSection
+        .strokeDashArray : _25, _26 = gridConfig.fill, gridFill = _26 === void 0 ? radarChartDefaults.gridSection.fill : _26, _27 = gridConfig.gradientColor, gridGradientColor = _27 === void 0 ? radarChartDefaults.gridSection
+        .gradientColor : _27, _28 = gridConfig.showGradient, gridShowGradient = _28 === void 0 ? radarChartDefaults.gridSection
+        .showGradient : _28, _29 = gridConfig.opacity, gridOpacity = _29 === void 0 ? radarChartDefaults.gridSection.opacity : _29, _30 = gridConfig.gradientOpacity, gridGradientOpacity = _30 === void 0 ? radarChartDefaults.gridSection
+        .gradientOpacity : _30;
+    var gridSections = (_u = (_t = gridConfig.gridSections) === null || _t === void 0 ? void 0 : _t.map(function (i) { return (__assign(__assign({}, radarChartDefaults.gridSection), i)); })) !== null && _u !== void 0 ? _u : Array(noOfSections).fill({});
+    var _31 = labelConfig.fontSize, fontSize = _31 === void 0 ? radarChartDefaults.labelConfig.fontSize : _31, _32 = labelConfig.stroke, stroke = _32 === void 0 ? radarChartDefaults.labelConfig.stroke : _32, _33 = labelConfig.textAnchor, textAnchor = _33 === void 0 ? radarChartDefaults.labelConfig.textAnchor : _33, _34 = labelConfig.alignmentBaseline, alignmentBaseline = _34 === void 0 ? radarChartDefaults.labelConfig.alignmentBaseline : _34, _35 = labelConfig.fontWeight, fontWeight = _35 === void 0 ? radarChartDefaults.labelConfig.fontWeight : _35, _36 = labelConfig.fontFamily, fontFamily = _36 === void 0 ? radarChartDefaults.labelConfig.fontFamily : _36;
+    var _37 = dataLabelsConfig.fontSize, dataLabelsFontSize = _37 === void 0 ? fontSize : _37, // defaults to labelConfig (from above)
+    _38 = dataLabelsConfig.stroke, // defaults to labelConfig (from above)
+    dataLabelsColor = _38 === void 0 ? stroke : _38, // defaults to labelConfig (from above)
+    _39 = dataLabelsConfig.textAnchor, // defaults to labelConfig (from above)
+    dataLabelsTextAnchor = _39 === void 0 ? textAnchor : _39, // defaults to labelConfig (from above)
+    _40 = dataLabelsConfig.alignmentBaseline, // defaults to labelConfig (from above)
+    dataLabelsAlignmentBaseline = _40 === void 0 ? alignmentBaseline : _40, // defaults to labelConfig (from above)
+    _41 = dataLabelsConfig.fontWeight, // defaults to labelConfig (from above)
+    dataLabelsFontWeight = _41 === void 0 ? fontWeight : _41, // defaults to labelConfig (from above)
+    _42 = dataLabelsConfig.fontFamily // defaults to labelConfig (from above)
     , // defaults to labelConfig (from above)
-    dataLabelsFontFamily = _32 === void 0 ? fontFamily : _32 // defaults to labelConfig (from above)
+    dataLabelsFontFamily = _42 === void 0 ? fontFamily : _42 // defaults to labelConfig (from above)
     ;
-    var _33 = polygonConfig.stroke, polygonStroke = _33 === void 0 ? radarChartDefaults.polygonConfig.stroke : _33, _34 = polygonConfig.strokeWidth, polygonStrokeWidth = _34 === void 0 ? radarChartDefaults.polygonConfig
-        .strokeWidth : _34, _35 = polygonConfig.strokeDashArray, polygonStrokeDashArray = _35 === void 0 ? radarChartDefaults.polygonConfig
-        .strokeDashArray : _35, _36 = polygonConfig.fill, polygonFill = _36 === void 0 ? radarChartDefaults.polygonConfig.fill : _36, _37 = polygonConfig.gradientColor, polygonGradientColor = _37 === void 0 ? radarChartDefaults.polygonConfig
-        .gradientColor : _37, _38 = polygonConfig.showGradient, polygonShowGradient = _38 === void 0 ? radarChartDefaults.polygonConfig
-        .showGradient : _38, _39 = polygonConfig.opacity, polygonOpacity = _39 === void 0 ? radarChartDefaults.polygonConfig.opacity : _39, _40 = polygonConfig.gradientOpacity, polygonGradientOpacity = _40 === void 0 ? polygonOpacity : _40, showDataValuesAsLabels = polygonConfig.showDataValuesAsLabels, _41 = polygonConfig.isAnimated, polygonIsAnimated = _41 === void 0 ? isAnimated : _41, _42 = polygonConfig.animationDuration, polygonAnimationDuration = _42 === void 0 ? animationDuration : _42;
-    var polygonConfigArray = (_l = (_k = props.polygonConfigArray) === null || _k === void 0 ? void 0 : _k.map(function (set) {
+    var _43 = polygonConfig.stroke, polygonStroke = _43 === void 0 ? radarChartDefaults.polygonConfig.stroke : _43, _44 = polygonConfig.strokeWidth, polygonStrokeWidth = _44 === void 0 ? radarChartDefaults.polygonConfig
+        .strokeWidth : _44, _45 = polygonConfig.strokeDashArray, polygonStrokeDashArray = _45 === void 0 ? radarChartDefaults.polygonConfig
+        .strokeDashArray : _45, _46 = polygonConfig.fill, polygonFill = _46 === void 0 ? radarChartDefaults.polygonConfig.fill : _46, _47 = polygonConfig.gradientColor, polygonGradientColor = _47 === void 0 ? radarChartDefaults.polygonConfig
+        .gradientColor : _47, _48 = polygonConfig.showGradient, polygonShowGradient = _48 === void 0 ? radarChartDefaults.polygonConfig
+        .showGradient : _48, _49 = polygonConfig.opacity, polygonOpacity = _49 === void 0 ? radarChartDefaults.polygonConfig.opacity : _49, _50 = polygonConfig.gradientOpacity, polygonGradientOpacity = _50 === void 0 ? polygonOpacity : _50, showDataValuesAsLabels = polygonConfig.showDataValuesAsLabels, _51 = polygonConfig.isAnimated, polygonIsAnimated = _51 === void 0 ? isAnimated : _51, _52 = polygonConfig.animationDuration, polygonAnimationDuration = _52 === void 0 ? animationDuration : _52;
+    var polygonConfigArray = (_w = (_v = props.polygonConfigArray) === null || _v === void 0 ? void 0 : _v.map(function (set) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         return ({
             stroke: (_a = set.stroke) !== null && _a !== void 0 ? _a : polygonStroke,
@@ -98,7 +105,7 @@ export var useRadarChart = function (props) {
             isAnimated: (_k = set.isAnimated) !== null && _k !== void 0 ? _k : polygonIsAnimated,
             animationDuration: (_l = set.animationDuration) !== null && _l !== void 0 ? _l : polygonAnimationDuration
         });
-    })) !== null && _l !== void 0 ? _l : (dataSet
+    })) !== null && _w !== void 0 ? _w : (dataSet
         ? Array(dataSet.length).fill({
             stroke: polygonStroke,
             strokeWidth: polygonStrokeWidth,
@@ -113,10 +120,10 @@ export var useRadarChart = function (props) {
             animationDuration: polygonAnimationDuration
         })
         : null);
-    var dataLabelsArray = (_m = props.dataLabelsArray) !== null && _m !== void 0 ? _m : polygonConfigArray === null || polygonConfigArray === void 0 ? void 0 : polygonConfigArray.map(function (polygonItem, index) {
+    var dataLabelsArray = (_x = props.dataLabelsArray) !== null && _x !== void 0 ? _x : polygonConfigArray === null || polygonConfigArray === void 0 ? void 0 : polygonConfigArray.map(function (polygonItem, index) {
         return polygonItem.showDataValuesAsLabels ? data.map(function (d) { return d.toString(); }) : null;
     });
-    var dataLabelsConfigArray = (_p = (_o = props.dataLabelsConfigArray) === null || _o === void 0 ? void 0 : _o.map(function (dataLabelsConfigItem) {
+    var dataLabelsConfigArray = (_z = (_y = props.dataLabelsConfigArray) === null || _y === void 0 ? void 0 : _y.map(function (dataLabelsConfigItem) {
         var _a, _b, _c, _d, _e, _f;
         return ({
             fontSize: (_a = dataLabelsConfigItem.fontSize) !== null && _a !== void 0 ? _a : dataLabelsFontSize,
@@ -126,7 +133,7 @@ export var useRadarChart = function (props) {
             fontWeight: (_e = dataLabelsConfigItem.fontWeight) !== null && _e !== void 0 ? _e : dataLabelsFontWeight,
             fontFamily: (_f = dataLabelsConfigItem.fontFamily) !== null && _f !== void 0 ? _f : dataLabelsFontFamily
         });
-    })) !== null && _p !== void 0 ? _p : Array(data.length).fill({
+    })) !== null && _z !== void 0 ? _z : Array(data.length).fill({
         fontSize: dataLabelsFontSize,
         stroke: dataLabelsColor,
         textAnchor: dataLabelsTextAnchor,
@@ -134,7 +141,7 @@ export var useRadarChart = function (props) {
         fontWeight: dataLabelsFontWeight,
         fontFamily: dataLabelsFontFamily
     });
-    var dataLabelsConfigSet = (_r = (_q = props.dataLabelsConfigSet) === null || _q === void 0 ? void 0 : _q.map(function (dataLabelConfigSetItem) {
+    var dataLabelsConfigSet = (_1 = (_0 = props.dataLabelsConfigSet) === null || _0 === void 0 ? void 0 : _0.map(function (dataLabelConfigSetItem) {
         return dataLabelConfigSetItem.map(function (dataLabelConfigItem) {
             var _a, _b, _c, _d, _e, _f;
             return ({
@@ -146,8 +153,8 @@ export var useRadarChart = function (props) {
                 fontFamily: (_f = dataLabelConfigItem.fontFamily) !== null && _f !== void 0 ? _f : dataLabelsFontFamily
             });
         });
-    })) !== null && _r !== void 0 ? _r : (dataSet ? Array(dataSet.length).fill(dataLabelsConfigArray) : null);
-    var _43 = asterLinesConfig.stroke, asterLinesStroke = _43 === void 0 ? gridStroke : _43, _44 = asterLinesConfig.strokeWidth, asterLinesStrokeWidth = _44 === void 0 ? gridStrokeWidth : _44, _45 = asterLinesConfig.strokeDashArray, asterLinesStrokeDashArray = _45 === void 0 ? radarChartDefaults.asterLineStrokeDashArray : _45;
+    })) !== null && _1 !== void 0 ? _1 : (dataSet ? Array(dataSet.length).fill(dataLabelsConfigArray) : null);
+    var _53 = asterLinesConfig.stroke, asterLinesStroke = _53 === void 0 ? gridStroke : _53, _54 = asterLinesConfig.strokeWidth, asterLinesStrokeWidth = _54 === void 0 ? gridStrokeWidth : _54, _55 = asterLinesConfig.strokeDashArray, asterLinesStrokeDashArray = _55 === void 0 ? radarChartDefaults.asterLineStrokeDashArray : _55;
     // Calculate angles for each category
     var angleStep = (360 / labels.length) * (isClockWise ? -1 : 1);
     // Generate coordinates for the data points
@@ -159,18 +166,18 @@ export var useRadarChart = function (props) {
         var angle = index * angleStep + startAngle;
         return polarToCartesian(angle, 0);
     });
-    var pointsArray = (_s = dataSet === null || dataSet === void 0 ? void 0 : dataSet.map(function (set) {
+    var pointsArray = (_2 = dataSet === null || dataSet === void 0 ? void 0 : dataSet.map(function (set) {
         return set.map(function (value, index) {
             var angle = index * angleStep + startAngle;
             return polarToCartesian(angle, value);
         });
-    })) !== null && _s !== void 0 ? _s : [];
-    var initialPointsArray = (_t = dataSet === null || dataSet === void 0 ? void 0 : dataSet.map(function (set) {
+    })) !== null && _2 !== void 0 ? _2 : [];
+    var initialPointsArray = (_3 = dataSet === null || dataSet === void 0 ? void 0 : dataSet.map(function (set) {
         return set.map(function (value, index) {
             var angle = index * angleStep + startAngle;
             return polarToCartesian(angle, 0);
         });
-    })) !== null && _t !== void 0 ? _t : [];
+    })) !== null && _3 !== void 0 ? _3 : [];
     // Generate the polygon points for the radar chart (in SVG "x,y" format)
     var polygonPoints = points.map(function (point) { return "".concat(point.x, ",").concat(point.y); }).join(' ');
     var initialPolygonPoints = initialPoints
@@ -221,6 +228,7 @@ export var useRadarChart = function (props) {
         center: center,
         radius: radius,
         chartSize: chartSize,
+        chartContainerProps: chartContainerProps,
         noOfSections: noOfSections,
         polarToCartesian: polarToCartesian,
         labels: labels,

package/dist/RadarChart/types.d.ts

@@ -1,3 +1,4 @@
+import { RadarChartContainerProps } from '../utils/types';
 export interface GridConfig extends StrokeFillAndGradient {
     gridSections?: GridSectionConfig[];
 }
@@ -17,6 +18,7 @@ export interface RadarChartProps {
     maxValue?: number;
     noOfSections?: number;
     chartSize?: number;
+    chartContainerProps?: RadarChartContainerProps;
     labelConfig?: LabelConfig;
     labelConfigArray?: LabelConfig[];
     labels?: string[];

package/dist/components/BarAndLineChartsWrapper/index.js

@@ -38,63 +38,63 @@ import { useEffect, useState } from 'react';
 import { AxesAndRulesDefaults, BarDefaults, chartTypes } from '../../utils/constants';
 import { computeMaxAndMinItems } from '../../utils';
 export var useBarAndLineChartsWrapper = 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;
+    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;
     var chartType = props.chartType, containerHeight = props.containerHeight, noOfSectionsBelowXAxis = props.noOfSectionsBelowXAxis, sectionColors = props.sectionColors, stepHeight = props.stepHeight, negativeStepHeight = props.negativeStepHeight, labelsExtraHeight = props.labelsExtraHeight, yAxisLabelWidth = props.yAxisLabelWidth, horizontal = props.horizontal, rtl = props.rtl, shiftX = props.shiftX, shiftY = props.shiftY, initialSpacing = props.initialSpacing, data = props.data, dataSet = props.dataSet, stackData = props.stackData, secondaryData = props.secondaryData, barWidth = props.barWidth, xAxisThickness = props.xAxisThickness, totalWidth = props.totalWidth, spacing = props.spacing, lineConfig = props.lineConfig, lineConfig2 = props.lineConfig2, maxValue = props.maxValue, lineData = props.lineData, lineData2 = props.lineData2, animatedWidth = props.animatedWidth, lineBehindBars = props.lineBehindBars, points = props.points, points2 = props.points2, arrowPoints = props.arrowPoints, width = props.width, horizSections = props.horizSections, endSpacing = props.endSpacing, horizontalRulesStyle = props.horizontalRulesStyle, noOfSections = props.noOfSections, showFractionalValues = props.showFractionalValues, axesAndRulesProps = props.axesAndRulesProps, yAxisLabelTexts = props.yAxisLabelTexts, yAxisOffset = props.yAxisOffset, rotateYAxisTexts = props.rotateYAxisTexts, pointerConfig = props.pointerConfig, getPointerProps = props.getPointerProps, pointerIndex = props.pointerIndex, pointerX = props.pointerX, pointerY = props.pointerY, scrollEventThrottle = props.scrollEventThrottle, endReachedOffset = props.endReachedOffset, isRTL = props.isRTL, selectedIndex = props.selectedIndex, onlyPositive = props.onlyPositive, highlightEnabled = props.highlightEnabled, lowlightOpacity = props.lowlightOpacity, xAxisLabelsAtBottom = props.xAxisLabelsAtBottom, floatingYAxisLabels = props.floatingYAxisLabels, allowFontScaling = props.allowFontScaling;
-    var _20 = axesAndRulesProps.secondaryYAxisConfig, secondaryStepValue = _20.stepValue, secondaryNegativeStepValue = _20.negativeStepValue, secondaryNoOfSectionsBelowXAxis = _20.noOfSectionsBelowXAxis, showSecondaryFractionalValues = _20.showFractionalValues, secondaryRoundToDigits = _20.roundToDigits, secondaryStepHeight = _20.stepHeight, secondaryNegativeStepHeight = _20.negativeStepHeight;
+    var _22 = (_a = axesAndRulesProps.secondaryYAxisConfig) !== null && _a !== void 0 ? _a : {}, secondaryStepValue = _22.stepValue, secondaryNegativeStepValue = _22.negativeStepValue, secondaryNoOfSectionsBelowXAxis = _22.noOfSectionsBelowXAxis, showSecondaryFractionalValues = _22.showFractionalValues, secondaryRoundToDigits = _22.roundToDigits, secondaryStepHeight = _22.stepHeight, secondaryNegativeStepHeight = _22.negativeStepHeight;
     var primaryYAxisHeightBelowOrigin = noOfSectionsBelowXAxis * negativeStepHeight;
     var secondaryYAxisHeightBelowOrigin = secondaryNoOfSectionsBelowXAxis * secondaryNegativeStepHeight;
     var biggerNegativeYAxisHeight = Math.max(primaryYAxisHeightBelowOrigin, secondaryYAxisHeightBelowOrigin);
     var yAxisAtTop = rtl ? !props.yAxisAtTop : props.yAxisAtTop;
-    var hideOrigin = (_a = axesAndRulesProps.hideOrigin) !== null && _a !== void 0 ? _a : AxesAndRulesDefaults.hideOrigin;
-    var yAxisSide = (_b = axesAndRulesProps.yAxisSide) !== null && _b !== void 0 ? _b : AxesAndRulesDefaults.yAxisSide;
+    var hideOrigin = (_b = axesAndRulesProps.hideOrigin) !== null && _b !== void 0 ? _b : AxesAndRulesDefaults.hideOrigin;
+    var yAxisSide = (_c = axesAndRulesProps.yAxisSide) !== null && _c !== void 0 ? _c : AxesAndRulesDefaults.yAxisSide;
     var yAxisLabelContainerStyle = axesAndRulesProps.yAxisLabelContainerStyle;
-    var yAxisColor = (_c = axesAndRulesProps.yAxisColor) !== null && _c !== void 0 ? _c : AxesAndRulesDefaults.yAxisColor;
-    var yAxisExtraHeight = (_d = axesAndRulesProps.yAxisExtraHeight) !== null && _d !== void 0 ? _d : containerHeight / 20;
-    var trimYAxisAtTop = (_e = axesAndRulesProps.trimYAxisAtTop) !== null && _e !== void 0 ? _e : AxesAndRulesDefaults.trimYAxisAtTop;
+    var yAxisColor = (_d = axesAndRulesProps.yAxisColor) !== null && _d !== void 0 ? _d : AxesAndRulesDefaults.yAxisColor;
+    var yAxisExtraHeight = (_e = axesAndRulesProps.yAxisExtraHeight) !== null && _e !== void 0 ? _e : containerHeight / 20;
+    var trimYAxisAtTop = (_f = axesAndRulesProps.trimYAxisAtTop) !== null && _f !== void 0 ? _f : AxesAndRulesDefaults.trimYAxisAtTop;
     var overflowTop = axesAndRulesProps.overflowTop;
-    var yAxisThickness = (_f = axesAndRulesProps.yAxisThickness) !== null && _f !== void 0 ? _f : AxesAndRulesDefaults.yAxisThickness;
-    var xAxisColor = (_g = axesAndRulesProps.xAxisColor) !== null && _g !== void 0 ? _g : AxesAndRulesDefaults.xAxisColor;
+    var yAxisThickness = (_g = axesAndRulesProps.yAxisThickness) !== null && _g !== void 0 ? _g : AxesAndRulesDefaults.yAxisThickness;
+    var xAxisColor = (_h = axesAndRulesProps.xAxisColor) !== null && _h !== void 0 ? _h : AxesAndRulesDefaults.xAxisColor;
     var xAxisLength = axesAndRulesProps.xAxisLength;
-    var xAxisType = (_h = axesAndRulesProps.xAxisType) !== null && _h !== void 0 ? _h : AxesAndRulesDefaults.xAxisType;
-    var xAxisLabelsVerticalShift = (_j = axesAndRulesProps.xAxisLabelsVerticalShift) !== null && _j !== void 0 ? _j : (chartType === chartTypes.LINE && xAxisLabelsAtBottom
+    var xAxisType = (_j = axesAndRulesProps.xAxisType) !== null && _j !== void 0 ? _j : AxesAndRulesDefaults.xAxisType;
+    var xAxisLabelsVerticalShift = (_k = axesAndRulesProps.xAxisLabelsVerticalShift) !== null && _k !== void 0 ? _k : (chartType === chartTypes.LINE && xAxisLabelsAtBottom
         ? biggerNegativeYAxisHeight
         : AxesAndRulesDefaults.xAxisLabelsVerticalShift);
     var xAxisLabelsHeight = axesAndRulesProps.xAxisLabelsHeight;
     var xAxisTextNumberOfLines = axesAndRulesProps.xAxisTextNumberOfLines;
-    var dashWidth = (_k = axesAndRulesProps.dashWidth) !== null && _k !== void 0 ? _k : AxesAndRulesDefaults.dashWidth;
-    var dashGap = (_l = axesAndRulesProps.dashGap) !== null && _l !== void 0 ? _l : AxesAndRulesDefaults.dashGap;
-    var backgroundColor = (_m = axesAndRulesProps.backgroundColor) !== null && _m !== void 0 ? _m : AxesAndRulesDefaults.backgroundColor;
-    var hideRules = (_o = axesAndRulesProps.hideRules) !== null && _o !== void 0 ? _o : AxesAndRulesDefaults.hideRules;
+    var dashWidth = (_l = axesAndRulesProps.dashWidth) !== null && _l !== void 0 ? _l : AxesAndRulesDefaults.dashWidth;
+    var dashGap = (_m = axesAndRulesProps.dashGap) !== null && _m !== void 0 ? _m : AxesAndRulesDefaults.dashGap;
+    var backgroundColor = (_o = axesAndRulesProps.backgroundColor) !== null && _o !== void 0 ? _o : AxesAndRulesDefaults.backgroundColor;
+    var hideRules = (_p = axesAndRulesProps.hideRules) !== null && _p !== void 0 ? _p : AxesAndRulesDefaults.hideRules;
     var rulesLength = axesAndRulesProps.rulesLength;
-    var rulesType = (_p = axesAndRulesProps.rulesType) !== null && _p !== void 0 ? _p : AxesAndRulesDefaults.rulesType;
-    var rulesThickness = (_q = axesAndRulesProps.rulesThickness) !== null && _q !== void 0 ? _q : AxesAndRulesDefaults.rulesThickness;
-    var rulesColor = (_r = axesAndRulesProps.rulesColor) !== null && _r !== void 0 ? _r : AxesAndRulesDefaults.rulesColor;
-    var rulesConfigArray = (_s = axesAndRulesProps.rulesConfigArray) !== null && _s !== void 0 ? _s : AxesAndRulesDefaults.rulesConfigArray;
-    var showYAxisIndices = (_t = axesAndRulesProps.showYAxisIndices) !== null && _t !== void 0 ? _t : false;
-    var yAxisIndicesHeight = (_u = axesAndRulesProps.yAxisIndicesHeight) !== null && _u !== void 0 ? _u : AxesAndRulesDefaults.yAxisIndicesHeight;
-    var yAxisIndicesWidth = (_v = axesAndRulesProps.yAxisIndicesWidth) !== null && _v !== void 0 ? _v : AxesAndRulesDefaults.yAxisIndicesWidth;
-    var yAxisIndicesColor = (_w = axesAndRulesProps.yAxisIndicesColor) !== null && _w !== void 0 ? _w : AxesAndRulesDefaults.yAxisIndicesColor;
-    var hideYAxisText = (_x = axesAndRulesProps.hideYAxisText) !== null && _x !== void 0 ? _x : AxesAndRulesDefaults.hideYAxisText;
-    var yAxisTextNumberOfLines = (_y = axesAndRulesProps.yAxisTextNumberOfLines) !== null && _y !== void 0 ? _y : AxesAndRulesDefaults.yAxisTextNumberOfLines;
-    var yAxisLabelPrefix = (_z = axesAndRulesProps.yAxisLabelPrefix) !== null && _z !== void 0 ? _z : '';
-    var yAxisLabelSuffix = (_0 = axesAndRulesProps.yAxisLabelSuffix) !== null && _0 !== void 0 ? _0 : '';
+    var rulesType = (_q = axesAndRulesProps.rulesType) !== null && _q !== void 0 ? _q : AxesAndRulesDefaults.rulesType;
+    var rulesThickness = (_r = axesAndRulesProps.rulesThickness) !== null && _r !== void 0 ? _r : AxesAndRulesDefaults.rulesThickness;
+    var rulesColor = (_s = axesAndRulesProps.rulesColor) !== null && _s !== void 0 ? _s : AxesAndRulesDefaults.rulesColor;
+    var rulesConfigArray = (_t = axesAndRulesProps.rulesConfigArray) !== null && _t !== void 0 ? _t : AxesAndRulesDefaults.rulesConfigArray;
+    var showYAxisIndices = (_u = axesAndRulesProps.showYAxisIndices) !== null && _u !== void 0 ? _u : false;
+    var yAxisIndicesHeight = (_v = axesAndRulesProps.yAxisIndicesHeight) !== null && _v !== void 0 ? _v : AxesAndRulesDefaults.yAxisIndicesHeight;
+    var yAxisIndicesWidth = (_w = axesAndRulesProps.yAxisIndicesWidth) !== null && _w !== void 0 ? _w : AxesAndRulesDefaults.yAxisIndicesWidth;
+    var yAxisIndicesColor = (_x = axesAndRulesProps.yAxisIndicesColor) !== null && _x !== void 0 ? _x : AxesAndRulesDefaults.yAxisIndicesColor;
+    var hideYAxisText = (_y = axesAndRulesProps.hideYAxisText) !== null && _y !== void 0 ? _y : AxesAndRulesDefaults.hideYAxisText;
+    var yAxisTextNumberOfLines = (_z = axesAndRulesProps.yAxisTextNumberOfLines) !== null && _z !== void 0 ? _z : AxesAndRulesDefaults.yAxisTextNumberOfLines;
+    var yAxisLabelPrefix = (_0 = axesAndRulesProps.yAxisLabelPrefix) !== null && _0 !== void 0 ? _0 : '';
+    var yAxisLabelSuffix = (_1 = axesAndRulesProps.yAxisLabelSuffix) !== null && _1 !== void 0 ? _1 : '';
     var yAxisTextStyle = axesAndRulesProps.yAxisTextStyle;
     var secondaryYAxis = axesAndRulesProps.secondaryYAxis;
     var stepValue = axesAndRulesProps.stepValue;
     var negativeStepValue = axesAndRulesProps.negativeStepValue;
     var roundToDigits = axesAndRulesProps.roundToDigits;
-    var referenceLinesConfig = axesAndRulesProps.referenceLinesConfig;
-    var referenceLinesOverChartContent = (_1 = referenceLinesConfig.referenceLinesOverChartContent) !== null && _1 !== void 0 ? _1 : AxesAndRulesDefaults.referenceLinesOverChartContent;
-    var showVerticalLines = (_2 = axesAndRulesProps.showVerticalLines) !== null && _2 !== void 0 ? _2 : AxesAndRulesDefaults.showVerticalLines;
-    var verticalLinesThickness = (_3 = axesAndRulesProps.verticalLinesThickness) !== null && _3 !== void 0 ? _3 : AxesAndRulesDefaults.verticalLinesThickness;
+    var referenceLinesConfig = (_2 = axesAndRulesProps.referenceLinesConfig) !== null && _2 !== void 0 ? _2 : {};
+    var referenceLinesOverChartContent = (_3 = referenceLinesConfig.referenceLinesOverChartContent) !== null && _3 !== void 0 ? _3 : AxesAndRulesDefaults.referenceLinesOverChartContent;
+    var showVerticalLines = (_4 = axesAndRulesProps.showVerticalLines) !== null && _4 !== void 0 ? _4 : AxesAndRulesDefaults.showVerticalLines;
+    var verticalLinesThickness = (_5 = axesAndRulesProps.verticalLinesThickness) !== null && _5 !== void 0 ? _5 : AxesAndRulesDefaults.verticalLinesThickness;
     var verticalLinesHeight = axesAndRulesProps.verticalLinesHeight;
-    var verticalLinesColor = (_4 = axesAndRulesProps.verticalLinesColor) !== null && _4 !== void 0 ? _4 : AxesAndRulesDefaults.verticalLinesColor;
-    var verticalLinesStrokeDashArray = (_5 = axesAndRulesProps.verticalLinesStrokeDashArray) !== null && _5 !== void 0 ? _5 : AxesAndRulesDefaults.verticalLinesStrokeDashArray;
-    var verticalLinesShift = (_6 = axesAndRulesProps.verticalLinesShift) !== null && _6 !== void 0 ? _6 : AxesAndRulesDefaults.verticalLinesShift;
-    var verticalLinesZIndex = (_7 = axesAndRulesProps.verticalLinesZIndex) !== null && _7 !== void 0 ? _7 : AxesAndRulesDefaults.verticalLinesZIndex;
-    var verticalLinesSpacing = (_8 = axesAndRulesProps.verticalLinesSpacing) !== null && _8 !== void 0 ? _8 : AxesAndRulesDefaults.verticalLinesSpacing;
-    var verticalLinesUptoDataPoint = (_9 = axesAndRulesProps.verticalLinesUptoDataPoint) !== null && _9 !== void 0 ? _9 : AxesAndRulesDefaults.verticalLinesUptoDataPoint;
-    var verticalLinesStrokeLinecap = (_10 = axesAndRulesProps.verticalLinesStrokeLinecap) !== null && _10 !== void 0 ? _10 : AxesAndRulesDefaults.verticalLinesStrokeLinecap;
+    var verticalLinesColor = (_6 = axesAndRulesProps.verticalLinesColor) !== null && _6 !== void 0 ? _6 : AxesAndRulesDefaults.verticalLinesColor;
+    var verticalLinesStrokeDashArray = (_7 = axesAndRulesProps.verticalLinesStrokeDashArray) !== null && _7 !== void 0 ? _7 : AxesAndRulesDefaults.verticalLinesStrokeDashArray;
+    var verticalLinesShift = (_8 = axesAndRulesProps.verticalLinesShift) !== null && _8 !== void 0 ? _8 : AxesAndRulesDefaults.verticalLinesShift;
+    var verticalLinesZIndex = (_9 = axesAndRulesProps.verticalLinesZIndex) !== null && _9 !== void 0 ? _9 : AxesAndRulesDefaults.verticalLinesZIndex;
+    var verticalLinesSpacing = (_10 = axesAndRulesProps.verticalLinesSpacing) !== null && _10 !== void 0 ? _10 : AxesAndRulesDefaults.verticalLinesSpacing;
+    var verticalLinesUptoDataPoint = (_11 = axesAndRulesProps.verticalLinesUptoDataPoint) !== null && _11 !== void 0 ? _11 : AxesAndRulesDefaults.verticalLinesUptoDataPoint;
+    var verticalLinesStrokeLinecap = (_12 = axesAndRulesProps.verticalLinesStrokeLinecap) !== null && _12 !== void 0 ? _12 : AxesAndRulesDefaults.verticalLinesStrokeLinecap;
     var noOfVerticalLines = axesAndRulesProps.noOfVerticalLines;
     var secondaryXAxis = axesAndRulesProps.secondaryXAxis;
     var verticalLinesAr = noOfVerticalLines
@@ -114,8 +114,8 @@ export var useBarAndLineChartsWrapper = function (props) {
     });
     var extendedContainerHeight = containerHeight + overflowTop + 10;
     var dataSetArray = __spreadArray([], __read((dataSet !== null && dataSet !== void 0 ? dataSet : [])), false);
-    var setWithMinValueInDataset = (_12 = (_11 = dataSetArray
-        .filter(function (set) { return set.isSecondary; })).sort) === null || _12 === void 0 ? void 0 : _12.call(_11, function (a, b) {
+    var setWithMinValueInDataset = (_14 = (_13 = dataSetArray
+        .filter(function (set) { return set.isSecondary; })).sort) === null || _14 === void 0 ? void 0 : _14.call(_13, function (a, b) {
         var minA = Math.min.apply(Math, __spreadArray([], __read(a.data.map(function (item) { return item.value; })), false));
         var minB = Math.min.apply(Math, __spreadArray([], __read(b.data.map(function (item) { return item.value; })), false));
         return minA - minB;
@@ -123,7 +123,7 @@ export var useBarAndLineChartsWrapper = function (props) {
     var secondaryDataArrayWithMinValue = (secondaryData === null || secondaryData === void 0 ? void 0 : secondaryData.length)
         ? secondaryData
         : setWithMinValueInDataset === null || setWithMinValueInDataset === void 0 ? void 0 : setWithMinValueInDataset.data;
-    var _21 = computeMaxAndMinItems(secondaryDataArrayWithMinValue, true, (_13 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.roundToDigits) !== null && _13 !== void 0 ? _13 : roundToDigits, (_14 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.showFractionalValues) !== null && _14 !== void 0 ? _14 : showFractionalValues), secondaryMaxItem = _21.maxItem, secondaryMinItem = _21.minItem;
+    var _23 = computeMaxAndMinItems(secondaryDataArrayWithMinValue, true, (_15 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.roundToDigits) !== null && _15 !== void 0 ? _15 : roundToDigits, (_16 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.showFractionalValues) !== null && _16 !== void 0 ? _16 : showFractionalValues), secondaryMaxItem = _23.maxItem, secondaryMinItem = _23.minItem;
     var containerHeightIncludingBelowXAxis = extendedContainerHeight + biggerNegativeYAxisHeight;
     var horizSectionProps = {
         chartType: chartType,
@@ -207,7 +207,7 @@ export var useBarAndLineChartsWrapper = function (props) {
         containerHeightIncludingBelowXAxis: containerHeightIncludingBelowXAxis,
         lineConfig: lineConfig,
         maxValue: (lineConfig === null || lineConfig === void 0 ? void 0 : lineConfig.isSecondary)
-            ? (_15 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.maxValue) !== null && _15 !== void 0 ? _15 : maxValue
+            ? (_17 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.maxValue) !== null && _17 !== void 0 ? _17 : maxValue
             : maxValue,
         animatedWidth: animatedWidth,
         lineBehindBars: lineBehindBars,
@@ -221,20 +221,20 @@ export var useBarAndLineChartsWrapper = function (props) {
         xAxisLabelsVerticalShift: xAxisLabelsVerticalShift,
         selectedIndex: selectedIndex,
         yAxisOffset: (lineConfig === null || lineConfig === void 0 ? void 0 : lineConfig.isSecondary)
-            ? (_16 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisOffset) !== null && _16 !== void 0 ? _16 : 0
+            ? (_18 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisOffset) !== null && _18 !== void 0 ? _18 : 0
             : yAxisOffset !== null && yAxisOffset !== void 0 ? yAxisOffset : 0,
-        strokeDashArray: (_17 = lineConfig === null || lineConfig === void 0 ? void 0 : lineConfig.strokeDashArray) !== null && _17 !== void 0 ? _17 : [0, 0],
+        strokeDashArray: (_19 = lineConfig === null || lineConfig === void 0 ? void 0 : lineConfig.strokeDashArray) !== null && _19 !== void 0 ? _19 : [0, 0],
         highlightEnabled: highlightEnabled,
         lowlightOpacity: lowlightOpacity
     };
     var lineInBarChartProps2 = __assign(__assign({}, lineInBarChartProps), { lineConfig: lineConfig2, points: points2, data: lineData2 !== null && lineData2 !== void 0 ? lineData2 : [], yAxisOffset: (lineConfig2 === null || lineConfig2 === void 0 ? void 0 : lineConfig2.isSecondary)
-            ? (_18 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisOffset) !== null && _18 !== void 0 ? _18 : 0
+            ? (_20 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisOffset) !== null && _20 !== void 0 ? _20 : 0
             : yAxisOffset !== null && yAxisOffset !== void 0 ? yAxisOffset : 0 });
     var verticalLinesProps = {
         showVerticalLines: props.showVerticalLines,
         verticalLinesAr: verticalLinesAr,
         verticalLinesSpacing: verticalLinesSpacing,
-        spacing: (_19 = lineConfig === null || lineConfig === void 0 ? void 0 : lineConfig.spacing) !== null && _19 !== void 0 ? _19 : spacing,
+        spacing: (_21 = lineConfig === null || lineConfig === void 0 ? void 0 : lineConfig.spacing) !== null && _21 !== void 0 ? _21 : spacing,
         initialSpacing: initialSpacing,
         verticalLinesZIndex: verticalLinesZIndex,
         verticalLinesHeight: verticalLinesHeight,
@@ -289,7 +289,7 @@ export var useBarAndLineChartsWrapper = function (props) {
                 : difBwWidthHeight - 40) /
             2 +
         (yAxisAtTop ? (rtl ? (props.width ? 12 : 40) : 12) : 52), ")");
-    var _22 = __read(useState(false), 2), canMomentum = _22[0], setCanMomentum = _22[1];
+    var _24 = __read(useState(false), 2), canMomentum = _24[0], setCanMomentum = _24[1];
     var isCloseToEnd = function (_a) {
         var layoutMeasurement = _a.layoutMeasurement, contentOffset = _a.contentOffset, contentSize = _a.contentSize;
         return isRTL

package/dist/index.d.ts

@@ -12,6 +12,11 @@ export { type stackDataItem, type StackedBarChartPropsType, type StackedBarChart
 export { useLineChart } from './LineChart';
 export { useLineChartBiColor } from './LineChart/LineChartBiColor';
 export { type LineChartPropsType, type LineChartPropsTypeForWeb, type lineDataItem, type lineDataItemNullSafe, type bicolorLineDataItem, type LineChartBicolorPropsType, type LineChartBicolorPropsTypeForWeb } from './LineChart/types';
+/************************************************************************************************************************
+/*****************************************              Bubble Chart              *****************************************
+/************************************************************************************************************************/
+export { useBubbleChart } from './BubbleChart';
+export { type BubbleChartPropsType, type bubbleDataItem } from './BubbleChart/types';
 /***********************************************************************************************************************
 /*****************************************              Pie Chart              *****************************************
 /***********************************************************************************************************************/

package/dist/index.js

@@ -10,6 +10,10 @@ export { useRenderBars } from './BarChart/RenderBars';
 /************************************************************************************************************************/
 export { useLineChart } from './LineChart';
 export { useLineChartBiColor } from './LineChart/LineChartBiColor';
+/************************************************************************************************************************
+/*****************************************              Bubble Chart              *****************************************
+/************************************************************************************************************************/
+export { useBubbleChart } from './BubbleChart';
 /***********************************************************************************************************************
 /*****************************************              Pie Chart              *****************************************
 /***********************************************************************************************************************/

package/dist/utils/constants.d.ts

@@ -4,7 +4,8 @@ import { type FontStyle } from 'react-native-svg';
 export declare enum chartTypes {
     BAR = 0,
     LINE = 1,
-    LINE_BI_COLOR = 2
+    LINE_BI_COLOR = 2,
+    BUBBLE = 3
 }
 export declare const defaultCurvature = 0.2;
 export declare const defaultAnimationDuration = 800;
@@ -175,6 +176,12 @@ export declare const LineDefaults: {
     highlightEnabled: boolean;
     lowlightOpacity: number;
 };
+export declare const BubbleDefaults: {
+    borderWidth: number;
+    borderColor: string;
+    opacity: number;
+    dataPointsColor: string;
+};
 export declare const defaultLineConfig: defaultLineConfigType;
 export declare const defaultPointerConfig: {
     height: number;
@@ -309,6 +316,11 @@ export declare const radarChartDefaults: {
         showGradient: boolean;
         opacity: number;
     };
+    chartContainerProps: {
+        shiftX: number;
+        shiftY: number;
+        backgroundColor: string;
+    };
     asterLineStrokeDashArray: number[];
     isAnimated: boolean;
     animationDuration: number;

package/dist/utils/constants.js

@@ -5,6 +5,7 @@ export var chartTypes;
     chartTypes[chartTypes["BAR"] = 0] = "BAR";
     chartTypes[chartTypes["LINE"] = 1] = "LINE";
     chartTypes[chartTypes["LINE_BI_COLOR"] = 2] = "LINE_BI_COLOR";
+    chartTypes[chartTypes["BUBBLE"] = 3] = "BUBBLE";
 })(chartTypes || (chartTypes = {}));
 export var defaultCurvature = 0.2;
 var defaultCurveType = CurveType.CUBIC;
@@ -187,6 +188,13 @@ export var LineDefaults = {
     highlightEnabled: false,
     lowlightOpacity: 0.3
 };
+// Bubble chart specific
+export var BubbleDefaults = {
+    borderWidth: 0,
+    borderColor: '#333',
+    opacity: 0.8,
+    dataPointsColor: 'skyblue'
+};
 export var defaultLineConfig = {
     initialSpacing: BarDefaults.spacing, // gets updated to spacing before being used
     curved: false,
@@ -364,6 +372,11 @@ export var radarChartDefaults = {
         showGradient: false,
         opacity: 0.7
     },
+    chartContainerProps: {
+        shiftX: 0,
+        shiftY: 0,
+        backgroundColor: 'transparent'
+    },
     asterLineStrokeDashArray: [4, 4],
     isAnimated: false,
     animationDuration: 800,

package/dist/utils/index.js

@@ -494,7 +494,7 @@ export var getArrowPoints = function (arrowTipX, arrowTipY, x1, y1, arrowLength,
     return arrowPoints;
 };
 export var getAxesAndRulesProps = function (props, containerHeight, stepHeight, stepValue, noOfSections, roundToDigits, negativeStepValue, secondaryMaxValue, secondaryMinItem, showSecondaryFractionalValues, secondaryRoundToDigits) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
     var secondaryYAxis = typeof props.secondaryYAxis === 'boolean' ? {} : props.secondaryYAxis;
     var axesAndRulesProps = {
         yAxisSide: props.yAxisSide,
@@ -576,15 +576,19 @@ export var getAxesAndRulesProps = function (props, containerHeight, stepHeight,
         secondaryYAxis.maxValue === undefined) {
         axesAndRulesProps.secondaryYAxis = __assign(__assign({}, secondaryYAxis), { maxValue: secondaryMaxValue });
     }
-    var secondaryNoOfSections = (_j = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.noOfSections) !== null && _j !== void 0 ? _j : noOfSections;
-    var secondaryStepValue = (_k = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.stepValue) !== null && _k !== void 0 ? _k : ((_l = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.maxValue) !== null && _l !== void 0 ? _l : secondaryMaxValue) / secondaryNoOfSections;
-    var secondaryStepHeight = (_m = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.stepHeight) !== null && _m !== void 0 ? _m : containerHeight / secondaryNoOfSections;
-    var secondaryNegativeStepValue = (_o = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.negativeStepValue) !== null && _o !== void 0 ? _o : secondaryStepValue;
-    var secondaryNoOfSectionsBelowXAxis = (_p = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.noOfSectionsBelowXAxis) !== null && _p !== void 0 ? _p : (secondaryNegativeStepValue
-        ? Math.ceil(((_q = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.mostNegativeValue) !== null && _q !== void 0 ? _q : secondaryMinItem) /
+    var secondaryNoOfSections = ((_j = props.secondaryYAxis) !== null && _j !== void 0 ? _j : (_k = props.lineConfig) === null || _k === void 0 ? void 0 : _k.isSecondary)
+        ? (_l = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.noOfSections) !== null && _l !== void 0 ? _l : noOfSections
+        : 0;
+    var secondaryStepValue = (_m = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.stepValue) !== null && _m !== void 0 ? _m : (secondaryNoOfSections
+        ? ((_o = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.maxValue) !== null && _o !== void 0 ? _o : secondaryMaxValue) / secondaryNoOfSections
+        : 0);
+    var secondaryStepHeight = (_p = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.stepHeight) !== null && _p !== void 0 ? _p : (secondaryNoOfSections ? containerHeight / secondaryNoOfSections : 0);
+    var secondaryNegativeStepValue = (_q = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.negativeStepValue) !== null && _q !== void 0 ? _q : secondaryStepValue;
+    var secondaryNoOfSectionsBelowXAxis = (_r = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.noOfSectionsBelowXAxis) !== null && _r !== void 0 ? _r : (secondaryNegativeStepValue
+        ? Math.ceil(((_s = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.mostNegativeValue) !== null && _s !== void 0 ? _s : secondaryMinItem) /
             -secondaryNegativeStepValue)
         : 0);
-    axesAndRulesProps.secondaryYAxisConfig = __assign(__assign({}, secondaryYAxis), { stepHeight: secondaryStepHeight, stepValue: secondaryStepValue, negativeStepHeight: (_r = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.negativeStepHeight) !== null && _r !== void 0 ? _r : secondaryStepHeight, negativeStepValue: secondaryNegativeStepValue, noOfSectionsBelowXAxis: secondaryNoOfSectionsBelowXAxis, showFractionalValues: showSecondaryFractionalValues, roundToDigits: secondaryRoundToDigits });
+    axesAndRulesProps.secondaryYAxisConfig = __assign(__assign({}, secondaryYAxis), { stepHeight: secondaryStepHeight, stepValue: secondaryStepValue, negativeStepHeight: (_t = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.negativeStepHeight) !== null && _t !== void 0 ? _t : secondaryStepHeight, negativeStepValue: secondaryNegativeStepValue, noOfSectionsBelowXAxis: secondaryNoOfSectionsBelowXAxis, showFractionalValues: showSecondaryFractionalValues, roundToDigits: secondaryRoundToDigits });
     return axesAndRulesProps;
 };
 export var getExtendedContainerHeightWithPadding = function (containerHeight, overflowTop) { return containerHeight + (overflowTop !== null && overflowTop !== void 0 ? overflowTop : 0) + 10; };

package/dist/utils/types.d.ts

@@ -508,4 +508,11 @@ export interface ColorFromToY {
     to: number;
     color: ColorValue;
 }
+export interface RadarChartContainerProps {
+    height?: number;
+    width?: number;
+    shiftX?: number;
+    shiftY?: number;
+    backgroundColor?: ColorValue;
+}
 export {};

package/package.json

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