gifted-charts-core 0.1.72 → 0.1.75

package/dist/BubbleChart/types.d.ts

@@ -0,0 +1,265 @@
+import { ColorValue, GestureResponderEvent, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import { Linecap } from 'react-native-svg';
+import { CustomBackground, RegressionLineConfig, 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;
+    yNoOfSections?: number;
+    ySectionColors?: ColorValue[];
+    maxY?: number;
+    mostNegativeY?: number;
+    yStepHeight?: number;
+    yStepValue?: number;
+    yNegativeStepValue?: number;
+    showFractionalYAxis?: boolean;
+    yRoundToDigits?: number;
+    xNoOfSections?: number;
+    maxX?: number;
+    mostNegativeX?: number;
+    xStepHeight?: number;
+    xStepValue?: number;
+    showFractionalXAxis?: boolean;
+    xRoundToDigits?: 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;
+    renderBubblesAfterAnimationEnds?: boolean;
+    xAxisLength?: number;
+    xAxisThickness?: number;
+    xAxisColor?: ColorValue;
+    xAxisType?: RuleType;
+    hideRules?: boolean;
+    rulesLength?: number;
+    rulesColor?: ColorValue;
+    rulesThickness?: number;
+    focusEnabled?: boolean;
+    onFocus?: Function;
+    showBubbleOnFocus?: boolean;
+    showStripOnFocus?: boolean;
+    stripOverBubbles?: boolean;
+    showTextOnFocus?: boolean;
+    showBubbleLabelOnFocus?: boolean;
+    stripHeight?: number;
+    stripWidth?: number;
+    stripColor?: ColorValue | string | any;
+    stripOpacity?: number;
+    stripStrokeDashArray?: number[];
+    onPress?: Function;
+    unFocusOnPressOut?: boolean;
+    delayBeforeUnFocus?: number;
+    focusedBubbleIndex?: number;
+    showValuesAsBubbleLabels?: 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;
+    yAxisThickness?: number;
+    yAxisColor?: ColorValue;
+    yAxisExtraHeight?: number;
+    trimYAxisAtTop?: boolean;
+    yAxisLabelContainerStyle?: StyleProp<ViewStyle>;
+    horizontalRulesStyle?: any;
+    yAxisTextStyle?: StyleProp<TextStyle>;
+    yAxisTextNumberOfLines?: number;
+    xAxisTextNumberOfLines?: number;
+    yAxisLabelWidth?: number;
+    hideYAxisText?: boolean;
+    floatingYAxisLabels?: boolean;
+    allowFontScaling?: boolean;
+    backgroundColor?: ColorValue;
+    customBackground?: CustomBackground;
+    horizSections?: sectionType[];
+    focusTogether?: boolean;
+    focusProximity?: number;
+    hideBubbles?: boolean;
+    bubblesHeight?: number;
+    bubblesWidth?: number;
+    bubblesRadius?: number;
+    bubblesColor?: string;
+    bubblesShape?: string;
+    customBubble?: Function;
+    focusedBubbleShape?: string;
+    focusedBubbleWidth?: number;
+    focusedBubbleHeight?: number;
+    focusedBubbleColor?: ColorValue | string | any;
+    focusedBubbleRadius?: number;
+    focusedCustomBubble?: Function;
+    gradientDirection?: string;
+    areaGradientComponent?: () => any;
+    areaGradientId?: string;
+    hideOrigin?: boolean;
+    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;
+    formatXLabel?: (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;
+    showBubblesForMissingValues?: boolean;
+    interpolateMissingValues?: boolean;
+    extrapolateMissingValues?: boolean;
+    onlyPositive?: boolean;
+    parentWidth?: number;
+    onChartAreaPress?: (event: GestureResponderEvent) => void;
+    onBackgroundPress?: (event: GestureResponderEvent) => void;
+    secondaryXAxis?: XAxisConfig;
+    renderTooltip?: Function;
+    renderTooltipSecondary?: Function;
+    labelWidth?: number;
+    labelHeight?: number;
+    labelFontSize?: number;
+    labelShiftX?: number;
+    labelShiftY?: number;
+    labelComponent?: Function;
+    labelTextStyle?: Object;
+    focusedLabelComponent?: Function;
+    spreadAreaData?: SpreadData[];
+    spreadAreaColor?: ColorValue;
+    spreadAreaOpacity?: number;
+    borderWidth?: number;
+    borderColor?: ColorValue;
+    borderOpacity?: number;
+    showRegressionLine?: boolean;
+    regressionLineConfig?: RegressionLineConfig;
+}
+export interface bubbleDataItem {
+    y: number;
+    label?: string;
+    labelWidth?: number;
+    labelHeight?: number;
+    labelFontSize?: number;
+    labelComponent?: Function;
+    labelTextStyle?: Object;
+    labelShiftX?: number;
+    labelShiftY?: number;
+    secondaryLabel?: string;
+    secondaryLabelComponent?: Function;
+    secondaryLabelTextStyle?: StyleProp<TextStyle>;
+    spacing?: number;
+    hideBubble?: boolean;
+    bubbleHeight?: number;
+    bubbleWidth?: number;
+    r?: number;
+    bubbleColor?: string;
+    bubbleShape?: string;
+    customBubble?: Function;
+    stripHeight?: number;
+    stripWidth?: number;
+    stripColor?: ColorValue | string | any;
+    stripOpacity?: number;
+    stripStrokeDashArray?: number[];
+    focusedBubbleShape?: string;
+    focusedBubbleWidth?: number;
+    focusedBubbleHeight?: number;
+    focusedBubbleColor?: ColorValue | string | any;
+    focusedBubbleRadius?: number;
+    focusedCustomBubble?: Function;
+    focusedLabelComponent?: Function;
+    showStrip?: boolean;
+    showVerticalLine?: boolean;
+    verticalLineHeight?: number;
+    verticalLineUptoBubble?: 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;
+    borderOpacity?: number;
+    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[];