gifted-charts-core 0.1.71 → 0.1.74

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,
@@ -217,7 +225,8 @@ export var defaultLineConfig = {
     focusEnabled: false,
     focusedDataPointColor: LineDefaults.focusedDataPointColor,
     focusedDataPointRadius: LineDefaults.dataPointsRadius,
-    showDataPointLabelOnFocus: LineDefaults.showDataPointLabelOnFocus
+    showDataPointLabelOnFocus: LineDefaults.showDataPointLabelOnFocus,
+    setFocusedDataPointIndex: function () { }
 };
 export var defaultPointerConfig = {
     height: 0,
@@ -259,14 +268,14 @@ export var defaultPointerConfig = {
 };
 // Pie chart specific
 export var pieColors = [
-    'cyan',
-    'green',
-    'orange',
-    'purple',
-    '#bbff00',
-    'red',
-    'blue',
-    'pink'
+    '#ccc',
+    '#888',
+    '#bbb',
+    '#777',
+    '#aaa',
+    '#666',
+    '#999',
+    '#555'
 ];
 export var populationDefaults = {
     height: 200,
@@ -363,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.d.ts

@@ -1,7 +1,7 @@
 import { type ColorValue } from 'react-native';
 import { lineDataItemNullSafe, type IDataSanitisationProps, type lineDataItem } from '../LineChart/types';
 import { type arrowConfigType, CurveType, type HighlightedRange, type LineProperties, type LineSegment, Framework, referenceConfigType, secondaryYAxisType } from './types';
-import { type lineConfigType, type BarChartPropsType, type FocusedBarConfig, type barDataItem, barDataItemNullSafe } from '../BarChart/types';
+import { type lineConfigType, type BarChartPropsType, type FocusedBarConfig, type barDataItem, barDataItemNullSafe, lineConfigWithSetFocusedDataPointIndexType } from '../BarChart/types';
 import { type extendedLineChartPropsType } from '../LineChart';
 import { type extendedBarChartPropsType } from '../BarChart';
 export declare const getCumulativeWidth: (data: any, index: number, spacing: number) => number;
@@ -93,7 +93,7 @@ export declare const getLabelTextUtil: (val: string, index: number, showFraction
 export declare const getXForLineInBar: (index: number, firstBarWidth: number, currentBarWidth: number, yAxisLabelWidth: number, lineConfig: any, spacing: number) => number;
 export declare const getYForLineInBar: (value: number | undefined, shiftY: number | undefined, containerHeight: number, maxValue: number, yAxisOffset: number) => number;
 export declare const clone: (obj: any) => any;
-export declare const getLineConfigForBarChart: (lineConfig: lineConfigType, barInitialSpacing: number) => lineConfigType;
+export declare const getLineConfigForBarChart: (lineConfig: lineConfigType, barInitialSpacing: number, focusedDataPointIndex: number, setFocusedDataPointIndex: (i: number) => void) => lineConfigWithSetFocusedDataPointIndexType;
 export declare const getNoOfSections: (noOfSections: number | undefined, maxValue: number | undefined, stepValue: number | undefined) => number;
 export declare const getMaxValue: (maxValue: number | undefined, stepValue: number | undefined, noOfSections: number, maxItem: number) => number;
 export declare const getMostNegativeValue: (minValue: number | undefined, stepValue: number | undefined, noOfSections: number | undefined, minItem: number) => number;

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; };
@@ -795,7 +799,7 @@ export var clone = function (obj) {
     }
     return temp;
 };
-export var getLineConfigForBarChart = function (lineConfig, barInitialSpacing) {
+export var getLineConfigForBarChart = function (lineConfig, barInitialSpacing, focusedDataPointIndex, setFocusedDataPointIndex) {
     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;
     return {
         initialSpacing: (_b = (_a = lineConfig.initialSpacing) !== null && _a !== void 0 ? _a : barInitialSpacing) !== null && _b !== void 0 ? _b : defaultLineConfig.initialSpacing,
@@ -840,7 +844,8 @@ export var getLineConfigForBarChart = function (lineConfig, barInitialSpacing) {
         focusEnabled: (_21 = lineConfig.focusEnabled) !== null && _21 !== void 0 ? _21 : defaultLineConfig.focusEnabled,
         focusedDataPointColor: (_22 = lineConfig.focusedDataPointColor) !== null && _22 !== void 0 ? _22 : defaultLineConfig.focusedDataPointColor,
         focusedDataPointRadius: (_23 = lineConfig.focusedDataPointRadius) !== null && _23 !== void 0 ? _23 : defaultLineConfig.focusedDataPointRadius,
-        focusedDataPointIndex: lineConfig.focusedDataPointIndex,
+        focusedDataPointIndex: focusedDataPointIndex,
+        setFocusedDataPointIndex: setFocusedDataPointIndex,
         showDataPointLabelOnFocus: (_24 = lineConfig.showDataPointLabelOnFocus) !== null && _24 !== void 0 ? _24 : defaultLineConfig.showDataPointLabelOnFocus
     };
 };

package/dist/utils/types.d.ts

@@ -132,6 +132,7 @@ export interface ExtendedLineConfigType extends lineConfigType {
     startIndex: number;
     endIndex: number;
     dataPointsHeight: number;
+    setFocusedDataPointIndex: (i: number) => void;
 }
 export interface LineInBarChartPropsType {
     yAxisLabelWidth: number;
@@ -507,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.71",
+  "version": "0.1.74",
   "description": "Mathematical and logical utilities used by react-gifted-charts and react-native-gifted-charts",
   "main": "./dist/index.js",
   "files": [