gifted-charts-core 0.1.61 → 0.1.63

package/dist/BarChart/Animated2DWithGradient.d.ts

@@ -5,7 +5,7 @@ interface Animated2dWithGradientPropsType extends BarChartPropsType {
     item: barDataItemNullSafe;
     index: number;
     barHeight: number;
-    selectedIndex: number;
+    selectedIndex: number[];
     barBackgroundPattern?: () => ReactNode;
     barInnerComponent?: (item?: stackDataItem | barDataItem, index?: number) => ReactNode;
     patternId?: string;

package/dist/BarChart/Animated2DWithGradient.js

@@ -27,7 +27,7 @@ import { getBarFrontColor, getBarWidth } from '../utils';
 export var getPropsForAnimated2DWithGradient = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
     var barBorderWidth = props.barBorderWidth, barBorderColor = props.barBorderColor, barBorderRadius = props.barBorderRadius, barMarginBottom = props.barMarginBottom, item = props.item, barBorderTopLeftRadius = props.barBorderTopLeftRadius, barBorderTopRightRadius = props.barBorderTopRightRadius, barBorderBottomLeftRadius = props.barBorderBottomLeftRadius, barBorderBottomRightRadius = props.barBorderBottomRightRadius, barWidth = props.barWidth, barInnerComponent = props.barInnerComponent, barStyle = props.barStyle, index = props.index, opacity = props.opacity, barHeight = props.barHeight, intactTopLabel = props.intactTopLabel, showValuesAsTopLabel = props.showValuesAsTopLabel, topLabelContainerStyle = props.topLabelContainerStyle, topLabelTextStyle = props.topLabelTextStyle, roundedBottom = props.roundedBottom, cappedBars = props.cappedBars, capRadius = props.capRadius, roundedTop = props.roundedTop, barBackgroundPattern = props.barBackgroundPattern, patternId = props.patternId, frontColor = props.frontColor, showGradient = props.showGradient, gradientColor = props.gradientColor, selectedIndex = props.selectedIndex, focusBarOnPress = props.focusBarOnPress, focusedBarConfig = props.focusedBarConfig, isThreeD = props.isThreeD, yAxisOffset = props.yAxisOffset;
-    var isFocused = (focusBarOnPress !== null && focusBarOnPress !== void 0 ? focusBarOnPress : false) && selectedIndex === index;
+    var isFocused = (focusBarOnPress !== null && focusBarOnPress !== void 0 ? focusBarOnPress : false) && selectedIndex.includes(index);
     var itemOrPropsBarBorderRadius = (_b = (_a = item.barBorderRadius) !== null && _a !== void 0 ? _a : barBorderRadius) !== null && _b !== void 0 ? _b : 0;
     var localBarBorderRadius = (isFocused !== null && isFocused !== void 0 ? isFocused : false)
         ? (_c = focusedBarConfig === null || focusedBarConfig === void 0 ? void 0 : focusedBarConfig.borderRadius) !== null && _c !== void 0 ? _c : itemOrPropsBarBorderRadius

package/dist/BarChart/index.d.ts

@@ -77,8 +77,8 @@ export declare const useBarChart: (props: extendedBarChartPropsType) => {
     barBorderColor: import("react-native").ColorValue;
     barInnerComponent: ((item?: stackDataItem | barDataItem, index?: number) => import("react").ReactNode) | undefined;
     xAxisTextNumberOfLines: number;
-    selectedIndex: number;
-    setSelectedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+    selectedIndex: number[];
+    setSelectedIndex: import("react").Dispatch<import("react").SetStateAction<number[]>>;
     isAnimated: boolean;
     animationDuration: number;
     side: string;
@@ -171,8 +171,8 @@ export declare const useBarChart: (props: extendedBarChartPropsType) => {
         leftShiftForTooltip: number;
         autoCenterTooltip: boolean | undefined;
         initialSpacing: number;
-        selectedIndex: number;
-        setSelectedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+        selectedIndex: number[];
+        setSelectedIndex: import("react").Dispatch<import("react").SetStateAction<number[]>>;
         activeOpacity: number;
         noOfSectionsBelowXAxis: number;
         leftShiftForLastIndexTooltip: number;
@@ -183,7 +183,7 @@ export declare const useBarChart: (props: extendedBarChartPropsType) => {
         pointerConfig: import("../utils/types").Pointer | undefined;
         yAxisExtraHeightAtTop: number;
         yAxisOffset: number;
-        focusedBarIndex: number | undefined;
+        focusedBarIndex: number | number[] | undefined;
         stepHeight: number;
         stepValue: number;
         negativeStepHeight: number;
@@ -197,7 +197,7 @@ export declare const useBarChart: (props: extendedBarChartPropsType) => {
         secondaryNoOfSectionsBelowXAxis: number;
         barMarginBottom: any;
         highlightEnabled: boolean;
-        highlightedBarIndex: number;
+        highlightedBarIndex: number | number[];
         lowlightOpacity: number;
         stackHighlightEnabled: boolean;
     };

package/dist/BarChart/index.js

@@ -34,11 +34,19 @@ export var useBarChart = function (props) {
     var _65 = __read(useState(''), 2), points = _65[0], setPoints = _65[1];
     var _66 = __read(useState(''), 2), points2 = _66[0], setPoints2 = _66[1];
     var _67 = __read(useState(''), 2), arrowPoints = _67[0], setArrowPoints = _67[1];
-    var _68 = __read(useState(focusedBarIndex !== null && focusedBarIndex !== void 0 ? focusedBarIndex : -1), 2), selectedIndex = _68[0], setSelectedIndex = _68[1];
+    var _68 = __read(useState(function () {
+        if (Array.isArray(focusedBarIndex)) {
+            return focusedBarIndex;
+        }
+        return [focusedBarIndex !== null && focusedBarIndex !== void 0 ? focusedBarIndex : -1];
+    }), 2), selectedIndex = _68[0], setSelectedIndex = _68[1];
     var _69 = __read(useState((_a = props.highlightedStackIndex) !== null && _a !== void 0 ? _a : -1), 2), selectedStackIndex = _69[0], setSelectedStackIndex = _69[1];
     var showLine = (_b = props.showLine) !== null && _b !== void 0 ? _b : BarDefaults.showLine;
     useEffect(function () {
-        setSelectedIndex(focusedBarIndex !== null && focusedBarIndex !== void 0 ? focusedBarIndex : -1);
+        var newIndex = Array.isArray(focusedBarIndex)
+            ? focusedBarIndex
+            : [focusedBarIndex !== null && focusedBarIndex !== void 0 ? focusedBarIndex : -1];
+        setSelectedIndex(newIndex);
     }, [focusedBarIndex]);
     useEffect(function () {
         var _a;
@@ -639,7 +647,8 @@ export var useBarChart = function (props) {
         customBackground: props.customBackground,
         highlightEnabled: highlightEnabled,
         lowlightOpacity: lowlightOpacity,
-        xAxisLabelsAtBottom: xAxisLabelsAtBottom
+        xAxisLabelsAtBottom: xAxisLabelsAtBottom,
+        onScrollEndDrag: props.onScrollEndDrag
     };
     return {
         lineConfig: lineConfig,

package/dist/BarChart/types.d.ts

@@ -139,12 +139,15 @@ export interface StackedBarChartPropsType {
     secondaryNoOfSectionsBelowXAxis: number;
     containerHeightIncludingBelowXAxis: number;
     highlightEnabled: boolean;
-    highlightedBarIndex: number;
+    highlightedBarIndex: number | number[];
     lowlightOpacity: number;
     stackHighlightEnabled?: boolean;
     selectedStackIndex: number;
     setSelectedStackIndex: Function;
     onBackgroundPress?: Function;
+    bounces?: boolean;
+    overScrollMode?: 'auto' | 'always' | 'never';
+    onScrollEndDrag?: (event: any, direction: any) => void;
 }
 export interface StackedBarChartPropsTypeForWeb extends StackedBarChartPropsType {
     onContextMenu?: Function;
@@ -324,11 +327,14 @@ export interface BarChartPropsType {
     endReachedOffset?: number;
     onScroll?: Function;
     onMomentumScrollEnd?: Function;
+    bounces?: boolean;
+    overScrollMode?: 'auto' | 'always' | 'never';
+    onScrollEndDrag?: (event: any, direction: any) => void;
     focusBarOnPress?: boolean;
     focusedBarConfig?: FocusedBarConfig;
-    focusedBarIndex?: number;
+    focusedBarIndex?: number | number[];
     highlightEnabled?: boolean;
-    highlightedBarIndex?: number;
+    highlightedBarIndex?: number | number[];
     lowlightOpacity?: number;
     stackHighlightEnabled?: boolean;
     highlightedStackIndex?: number;
@@ -599,14 +605,14 @@ export interface RenderBarsPropsType {
     autoCenterTooltip?: boolean;
     leftShiftForLastIndexTooltip: number;
     initialSpacing: number;
-    selectedIndex: number;
+    selectedIndex: number[];
     setSelectedIndex: Function;
     barStyle?: object;
     xAxisThickness?: number;
     secondaryXAxis?: XAxisConfig;
     pointerConfig?: Pointer;
     focusBarOnPress?: boolean;
-    focusedBarIndex?: number;
+    focusedBarIndex?: number | number[];
     noOfSectionsBelowXAxis?: number;
     yAxisOffset: number;
     stepHeight: number;
@@ -619,7 +625,7 @@ export interface RenderBarsPropsType {
     secondaryNegativeStepValue: number;
     secondaryNoOfSectionsBelowXAxis: number;
     highlightEnabled: boolean;
-    highlightedBarIndex: number;
+    highlightedBarIndex: number | number[];
     lowlightOpacity: number;
 }
 export interface RenderBarsPropsTypeForWeb extends RenderBarsPropsType {
@@ -654,7 +660,7 @@ export interface animatedBarPropTypes {
     barStyle?: object;
     item: barDataItem;
     index: number;
-    selectedIndex: number;
+    selectedIndex: number[];
     focusBarOnPress?: boolean;
     focusedBarConfig?: FocusedBarConfig;
 }

package/dist/LineChart/LineChartBiColor.js

@@ -398,7 +398,7 @@ export var useLineChartBiColor = function (props) {
         scrollAnimation: scrollAnimation,
         scrollEventThrottle: scrollEventThrottle,
         indicatorColor: props.indicatorColor,
-        selectedIndex: selectedIndex,
+        selectedIndex: [selectedIndex],
         setSelectedIndex: setSelectedIndex,
         spacing: spacing,
         showLine: false,
@@ -438,7 +438,8 @@ export var useLineChartBiColor = function (props) {
         extraWidthDueToDataPoint: extraWidthDueToDataPoint,
         highlightEnabled: LineDefaults.highlightEnabled,
         lowlightOpacity: LineDefaults.lowlightOpacity,
-        xAxisLabelsAtBottom: false
+        xAxisLabelsAtBottom: false,
+        onScrollEndDrag: props.onScrollEndDrag
     };
     return {
         toggle: toggle,

package/dist/LineChart/index.js

@@ -1345,7 +1345,7 @@ export var useLineChart = function (props) {
         scrollAnimation: scrollAnimation,
         scrollEventThrottle: scrollEventThrottle,
         indicatorColor: props.indicatorColor,
-        selectedIndex: selectedIndex,
+        selectedIndex: [selectedIndex],
         setSelectedIndex: setSelectedIndex,
         spacing: spacing,
         showLine: false,
@@ -1389,7 +1389,8 @@ export var useLineChart = function (props) {
         onlyPositive: onlyPositive,
         highlightEnabled: LineDefaults.highlightEnabled,
         lowlightOpacity: LineDefaults.lowlightOpacity,
-        xAxisLabelsAtBottom: xAxisLabelsAtBottom
+        xAxisLabelsAtBottom: xAxisLabelsAtBottom,
+        onScrollEndDrag: props.onScrollEndDrag
     };
     var pointerItemLocal = [];
     if (pointerConfig) {

package/dist/LineChart/types.d.ts

@@ -314,6 +314,9 @@ export interface LineChartPropsType {
     endReachedOffset?: number;
     onScroll?: Function;
     onMomentumScrollEnd?: Function;
+    bounces?: boolean;
+    overScrollMode?: 'auto' | 'always' | 'never';
+    onScrollEndDrag?: (event: any, direction: any) => void;
     showDataPointsForMissingValues?: boolean;
     interpolateMissingValues?: boolean;
     extrapolateMissingValues?: boolean;
@@ -580,6 +583,9 @@ export interface LineChartBicolorPropsType {
     formatYLabel?: (label: string) => string;
     onScroll?: Function;
     endReachedOffset?: number;
+    bounces?: boolean;
+    overScrollMode?: 'auto' | 'always' | 'never';
+    onScrollEndDrag?: (event: any, direction: any) => void;
     parentWidth?: number;
 }
 export interface LineChartPropsTypeForWeb extends LineChartPropsType {

package/dist/components/AnimatedThreeDBar/index.js

@@ -20,7 +20,7 @@ import { getBarSideColor, getBarTopColor } from '../../utils';
 export var useAnimatedThreeDBar = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     var focusBarOnPress = props.focusBarOnPress, index = props.index, selectedIndex = props.selectedIndex, focusedBarConfig = props.focusedBarConfig, item = props.item;
-    var isFocused = focusBarOnPress && index === selectedIndex;
+    var isFocused = focusBarOnPress && selectedIndex.includes(index);
     var localFrontColor = props.frontColor || BarDefaults.threeDBarFrontColor;
     var localGradientColor = props.gradientColor || BarDefaults.threeDBarGradientColor;
     var localSideColor = props.sideColor || BarDefaults.threeDBarSideColor;

package/dist/utils/types.d.ts

@@ -147,7 +147,7 @@ export interface LineInBarChartPropsType {
     labelsExtraHeight: number;
     scrollEventThrottle: number;
     xAxisLabelsVerticalShift: number;
-    selectedIndex: number;
+    selectedIndex: number[];
     yAxisOffset: number;
     strokeDashArray: number[];
     highlightEnabled: boolean;
@@ -291,7 +291,7 @@ export interface BarAndLineChartsWrapperTypes {
     scrollToIndex: number | undefined;
     scrollAnimation: boolean;
     indicatorColor: 'black' | 'default' | 'white' | undefined;
-    selectedIndex: number;
+    selectedIndex: number[];
     setSelectedIndex: any;
     spacing: number;
     showLine: boolean;
@@ -341,6 +341,7 @@ export interface BarAndLineChartsWrapperTypes {
     highlightEnabled: boolean;
     lowlightOpacity: number;
     xAxisLabelsAtBottom: boolean;
+    onScrollEndDrag?: (event: any, direction: any) => void;
 }
 export interface HorizontalStripConfig {
     thickness?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gifted-charts-core",
-  "version": "0.1.61",
+  "version": "0.1.63",
   "description": "Mathematical and logical utilities used by react-gifted-charts and react-native-gifted-charts",
   "main": "./dist/index.js",
   "files": [
@@ -15,10 +15,10 @@
     "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.2",
-    "@typescript-eslint/eslint-plugin": "^7.17.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/react-native": "^0.73.0",
+    "@typescript-eslint/eslint-plugin": "^7.17.0",
     "eslint": "^8.56.0",
     "eslint-config-love": "^62.0.0",
     "eslint-plugin-import": "^2.29.1",
@@ -29,7 +29,8 @@
   },
   "peerDependencies": {
     "react": "*",
-    "react-native": "*"
+    "react-native": "*",
+    "react-native-svg": "*"
   },
   "eslintConfig": {
     "extends": [