react-native-gifted-charts 1.4.21 → 1.4.23

package/dist/BarChart/RenderStackBars.js

@@ -1 +1,174 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeSvg=_interopRequireWildcard(require("react-native-svg"));var _LinearGradient=_interopRequireDefault(require("../Components/common/LinearGradient"));var _giftedChartsCore=require("gifted-charts-core");var _tooltip=_interopRequireDefault(require("../Components/BarSpecificComponents/tooltip"));var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/abhinandankushwaha/sites/projects/react-native-gifted-charts/src/BarChart/RenderStackBars.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}if(_reactNative.Platform.OS==='android'){_reactNative.UIManager.setLayoutAnimationEnabledExperimental&&_reactNative.UIManager.setLayoutAnimationEnabledExperimental(true);}var RenderStackBars=function RenderStackBars(props){var _props$pointerConfig$;var barBackgroundPattern=props.barBackgroundPattern,patternId=props.patternId,item=props.item,index=props.index,containerHeight=props.containerHeight,spacing=props.spacing,rotateLabel=props.rotateLabel,label=props.label,labelTextStyle=props.labelTextStyle,xAxisTextNumberOfLines=props.xAxisTextNumberOfLines,xAxisLabelsVerticalShift=props.xAxisLabelsVerticalShift,renderTooltip=props.renderTooltip,selectedIndex=props.selectedIndex,setSelectedIndex=props.setSelectedIndex,activeOpacity=props.activeOpacity,_props$animationDurat=props.animationDuration,animationDuration=_props$animationDurat===void 0?_giftedChartsCore.BarDefaults.animationDuration:_props$animationDurat,barBorderWidth=props.barBorderWidth,barBorderColor=props.barBorderColor,stackBorderRadius=props.stackBorderRadius,stackBorderTopLeftRadius=props.stackBorderTopLeftRadius,stackBorderTopRightRadius=props.stackBorderTopRightRadius,stackBorderBottomLeftRadius=props.stackBorderBottomLeftRadius,stackBorderBottomRightRadius=props.stackBorderBottomRightRadius,showValuesAsTopLabel=props.showValuesAsTopLabel,_props$autoShiftLabel=props.autoShiftLabelsForNegativeStacks,autoShiftLabelsForNegativeStacks=_props$autoShiftLabel===void 0?true:_props$autoShiftLabel,_props$labelsDistance=props.labelsDistanceFromXaxis,labelsDistanceFromXaxis=_props$labelsDistance===void 0?0:_props$labelsDistance,horizontal=props.horizontal;var _useRenderStackBars=(0,_giftedChartsCore.useRenderStackBars)(props),cotainsNegative=_useRenderStackBars.cotainsNegative,noAnimation=_useRenderStackBars.noAnimation,localBarInnerComponent=_useRenderStackBars.localBarInnerComponent,borderRadius=_useRenderStackBars.borderRadius,borderTopLeftRadius=_useRenderStackBars.borderTopLeftRadius,borderTopRightRadius=_useRenderStackBars.borderTopRightRadius,borderBottomLeftRadius=_useRenderStackBars.borderBottomLeftRadius,borderBottomRightRadius=_useRenderStackBars.borderBottomRightRadius,disablePress=_useRenderStackBars.disablePress,totalHeight=_useRenderStackBars.totalHeight,height=_useRenderStackBars.height,setHeight=_useRenderStackBars.setHeight,getBarHeight=_useRenderStackBars.getBarHeight,getPosition=_useRenderStackBars.getPosition,lowestBarPosition=_useRenderStackBars.lowestBarPosition,getStackBorderRadii=_useRenderStackBars.getStackBorderRadii,tooltipProps=_useRenderStackBars.tooltipProps;var renderLabel=function renderLabel(label,labelTextStyle){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[{width:(item.stacks[0].barWidth||props.barWidth||30)+spacing/2,position:'absolute',bottom:autoShiftLabelsForNegativeStacks?-6-xAxisTextNumberOfLines*18+lowestBarPosition:-labelsDistanceFromXaxis},rotateLabel?horizontal?{transform:[{rotate:'330deg'}]}:{transform:[{rotate:'60deg'}]}:horizontal?{transform:[{rotate:'-90deg'}]}:{}],children:item.labelComponent?item.labelComponent():(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[labelTextStyle],numberOfLines:xAxisTextNumberOfLines,children:label||''})});};(0,_react.useEffect)(function(){if(!noAnimation){layoutAppear();}},[totalHeight]);var elevate=function elevate(){_reactNative.LayoutAnimation.configureNext({duration:animationDuration,update:{type:'linear',property:'scaleXY'}});setHeight(totalHeight);};var layoutAppear=function layoutAppear(){_reactNative.LayoutAnimation.configureNext({duration:_reactNative.Platform.OS=='ios'?animationDuration:20,create:{type:'linear',property:'opacity'},update:{type:'linear',property:'scaleXY'}});setTimeout(function(){return elevate();},_reactNative.Platform.OS=='ios'?10:100);};var static2DSimple=function static2DSimple(){var _ref,_ref2,_ref3,_ref4,_ref5,_ref6,_ref7,_ref8;return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{disabled:disablePress,activeOpacity:activeOpacity,onPress:function onPress(){setSelectedIndex(index);if(item.onPress){item.onPress();}else if(props.onPress){props.onPress(item,index);}},onLongPress:function onLongPress(){if(item.onLongPress){item.onLongPress();}else if(props.onLongPress){props.onLongPress(item,index);}},onPressOut:function onPressOut(){if(item.onPressOut){item.onPressOut();}else if(props.onPressOut){props.onPressOut(item,index);}},style:[{position:'absolute',width:item.stacks[0].barWidth||props.barWidth||30,height:'100%',borderTopLeftRadius:(_ref=(_ref2=borderTopLeftRadius!=null?borderTopLeftRadius:borderRadius)!=null?_ref2:stackBorderTopLeftRadius)!=null?_ref:stackBorderRadius,borderTopRightRadius:(_ref3=(_ref4=borderTopRightRadius!=null?borderTopRightRadius:borderRadius)!=null?_ref4:stackBorderTopRightRadius)!=null?_ref3:stackBorderRadius,borderBottomLeftRadius:(_ref5=(_ref6=borderBottomLeftRadius!=null?borderBottomLeftRadius:borderRadius)!=null?_ref6:stackBorderBottomLeftRadius)!=null?_ref5:stackBorderRadius,borderBottomRightRadius:(_ref7=(_ref8=borderBottomRightRadius!=null?borderBottomRightRadius:borderRadius)!=null?_ref8:stackBorderBottomRightRadius)!=null?_ref7:stackBorderRadius,overflow:lowestBarPosition?'visible':'hidden'}],children:[item.stacks.map(function(stackItem,index){var borderRadii=getStackBorderRadii(item,index);var barHeight=getBarHeight(stackItem.value,stackItem.marginBottom);return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{onPress:stackItem.onPress,activeOpacity:activeOpacity,disabled:disablePress||!stackItem.onPress,style:Object.assign({position:'absolute',bottom:getPosition(index)+(stackItem.marginBottom||0),width:'100%',height:barHeight,backgroundColor:stackItem.color||item.color||props.color||'black',borderWidth:barBorderWidth!=null?barBorderWidth:0,borderColor:barBorderColor},borderRadii),children:[stackItem.showGradient||item.showGradient||props.showGradient?(0,_jsxRuntime.jsx)(_LinearGradient.default,{style:Object.assign({position:'absolute',width:'100%',height:'100%'},borderRadii),start:{x:0,y:0},end:{x:0,y:1},colors:[stackItem.gradientColor||item.gradientColor||props.gradientColor||'white',stackItem.color||item.color||props.color||'black']}):null,stackItem.innerBarComponent&&stackItem.innerBarComponent()]},index);}),(item.barBackgroundPattern||barBackgroundPattern)&&(0,_jsxRuntime.jsxs)(_reactNativeSvg.default,{children:[(0,_jsxRuntime.jsx)(_reactNativeSvg.Defs,{children:item.barBackgroundPattern?item.barBackgroundPattern():barBackgroundPattern==null?void 0:barBackgroundPattern()}),(0,_jsxRuntime.jsx)(_reactNativeSvg.Rect,{stroke:"transparent",x:"1",y:"1",width:"100%",height:"100%",fill:`url(#${item.patternId||patternId})`})]})]}),localBarInnerComponent?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{height:'100%',width:'100%'},children:localBarInnerComponent(item,index)}):null,(item.topLabelComponent||showValuesAsTopLabel)&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:[{position:'absolute',top:cotainsNegative?0:(item.barWidth||props.barWidth||30)*-1,height:item.barWidth||props.barWidth||30,width:item.barWidth||props.barWidth||30,justifyContent:'center',alignItems:'center'},cotainsNegative&&{transform:[{translateY:totalHeight*2}]},horizontal&&!props.intactTopLabel&&{transform:[{rotate:'270deg'}]},item.topLabelContainerStyle],children:showValuesAsTopLabel?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:item.topLabelTextStyle,children:item.stacks.reduce(function(acc,stack){return acc+stack.value;},0)}):item.topLabelComponent==null?void 0:item.topLabelComponent()})]});};var barWrapper=function barWrapper(){return noAnimation?static2DSimple():(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:'absolute',bottom:0,height:height,width:'100%',overflow:'hidden'},children:static2DSimple()});};return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{pointerEvents:props.pointerConfig?(_props$pointerConfig$=props.pointerConfig.pointerEvents)!=null?_props$pointerConfig$:'none':'auto',style:[{marginBottom:60+xAxisLabelsVerticalShift,width:item.stacks[0].barWidth||props.barWidth||30,height:totalHeight,marginRight:spacing},props.pointerConfig?{transform:[{translateY:(containerHeight||200)-(totalHeight-10+xAxisLabelsVerticalShift)}]}:null],children:[(props.showXAxisIndices||item.showXAxisIndex)&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:{zIndex:2,position:'absolute',height:props.xAxisIndicesHeight,width:props.xAxisIndicesWidth,bottom:props.xAxisIndicesHeight/-2,left:((item.barWidth||props.barWidth||30)-props.xAxisIndicesWidth)/2,backgroundColor:props.xAxisIndicesColor}}),barWrapper(),renderLabel(label||'',labelTextStyle)]}),renderTooltip&&selectedIndex===index&&(0,_jsxRuntime.jsx)(_tooltip.default,Object.assign({},tooltipProps))]});};var _default=exports.default=RenderStackBars;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { View, TouchableOpacity, Text, LayoutAnimation, Platform, UIManager, } from 'react-native';
+import Svg, { Defs, Rect } from 'react-native-svg';
+import LinearGradient from '../Components/common/LinearGradient';
+import { useRenderStackBars, BarDefaults, } from 'gifted-charts-core';
+import Tooltip from '../Components/BarSpecificComponents/tooltip';
+if (Platform.OS === 'android') {
+    UIManager.setLayoutAnimationEnabledExperimental &&
+        UIManager.setLayoutAnimationEnabledExperimental(true);
+}
+var RenderStackBars = function (props) {
+    var _a;
+    var barBackgroundPattern = props.barBackgroundPattern, patternId = props.patternId, item = props.item, index = props.index, containerHeight = props.containerHeight, spacing = props.spacing, rotateLabel = props.rotateLabel, label = props.label, labelTextStyle = props.labelTextStyle, xAxisTextNumberOfLines = props.xAxisTextNumberOfLines, xAxisLabelsVerticalShift = props.xAxisLabelsVerticalShift, renderTooltip = props.renderTooltip, selectedIndex = props.selectedIndex, setSelectedIndex = props.setSelectedIndex, activeOpacity = props.activeOpacity, _b = props.animationDuration, animationDuration = _b === void 0 ? BarDefaults.animationDuration : _b, barBorderWidth = props.barBorderWidth, barBorderColor = props.barBorderColor, stackBorderRadius = props.stackBorderRadius, stackBorderTopLeftRadius = props.stackBorderTopLeftRadius, stackBorderTopRightRadius = props.stackBorderTopRightRadius, stackBorderBottomLeftRadius = props.stackBorderBottomLeftRadius, stackBorderBottomRightRadius = props.stackBorderBottomRightRadius, showValuesAsTopLabel = props.showValuesAsTopLabel, _c = props.autoShiftLabelsForNegativeStacks, autoShiftLabelsForNegativeStacks = _c === void 0 ? true : _c, _d = props.labelsDistanceFromXaxis, labelsDistanceFromXaxis = _d === void 0 ? 0 : _d, horizontal = props.horizontal;
+    var _e = useRenderStackBars(props), containsNegativeValue = _e.containsNegativeValue, noAnimation = _e.noAnimation, localBarInnerComponent = _e.localBarInnerComponent, borderRadius = _e.borderRadius, borderTopLeftRadius = _e.borderTopLeftRadius, borderTopRightRadius = _e.borderTopRightRadius, borderBottomLeftRadius = _e.borderBottomLeftRadius, borderBottomRightRadius = _e.borderBottomRightRadius, disablePress = _e.disablePress, totalHeight = _e.totalHeight, height = _e.height, setHeight = _e.setHeight, getBarHeight = _e.getBarHeight, getPosition = _e.getPosition, lowestBarPosition = _e.lowestBarPosition, getStackBorderRadii = _e.getStackBorderRadii, tooltipProps = _e.tooltipProps;
+    var renderLabel = function (label, labelTextStyle) {
+        return (_jsx(View, { style: [
+                {
+                    width: (item.stacks[0].barWidth || props.barWidth || 30) + spacing / 2,
+                    position: 'absolute',
+                    bottom: autoShiftLabelsForNegativeStacks
+                        ? -6 - xAxisTextNumberOfLines * 18 + lowestBarPosition
+                        : -labelsDistanceFromXaxis,
+                },
+                rotateLabel
+                    ? horizontal
+                        ? { transform: [{ rotate: '330deg' }] }
+                        : { transform: [{ rotate: '60deg' }] }
+                    : horizontal
+                        ? { transform: [{ rotate: '-90deg' }] }
+                        : {},
+            ], children: item.labelComponent ? (item.labelComponent()) : (_jsx(Text, { style: [labelTextStyle], numberOfLines: xAxisTextNumberOfLines, children: label || '' })) }));
+    };
+    useEffect(function () {
+        if (!noAnimation) {
+            layoutAppear();
+        }
+    }, [totalHeight]);
+    var elevate = function () {
+        LayoutAnimation.configureNext({
+            duration: animationDuration,
+            update: { type: 'linear', property: 'scaleXY' },
+        });
+        setHeight(totalHeight);
+    };
+    var layoutAppear = function () {
+        LayoutAnimation.configureNext({
+            duration: Platform.OS == 'ios' ? animationDuration : 20,
+            create: { type: 'linear', property: 'opacity' },
+            update: { type: 'linear', property: 'scaleXY' },
+        });
+        setTimeout(function () { return elevate(); }, Platform.OS == 'ios' ? 10 : 100);
+    };
+    var static2DSimple = function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        return (_jsxs(_Fragment, { children: [_jsxs(TouchableOpacity, { disabled: disablePress, activeOpacity: activeOpacity, onPress: function () {
+                        setSelectedIndex(index);
+                        if (item.onPress) {
+                            item.onPress();
+                        }
+                        else if (props.onPress) {
+                            props.onPress(item, index);
+                        }
+                    }, onLongPress: function () {
+                        if (item.onLongPress) {
+                            item.onLongPress();
+                        }
+                        else if (props.onLongPress) {
+                            props.onLongPress(item, index);
+                        }
+                    }, onPressOut: function () {
+                        if (item.onPressOut) {
+                            item.onPressOut();
+                        }
+                        else if (props.onPressOut) {
+                            props.onPressOut(item, index);
+                        }
+                    }, style: [
+                        {
+                            position: 'absolute',
+                            width: item.stacks[0].barWidth || props.barWidth || 30,
+                            height: '100%',
+                            borderTopLeftRadius: (_b = (_a = borderTopLeftRadius !== null && borderTopLeftRadius !== void 0 ? borderTopLeftRadius : borderRadius) !== null && _a !== void 0 ? _a : stackBorderTopLeftRadius) !== null && _b !== void 0 ? _b : stackBorderRadius,
+                            borderTopRightRadius: (_d = (_c = borderTopRightRadius !== null && borderTopRightRadius !== void 0 ? borderTopRightRadius : borderRadius) !== null && _c !== void 0 ? _c : stackBorderTopRightRadius) !== null && _d !== void 0 ? _d : stackBorderRadius,
+                            borderBottomLeftRadius: (_f = (_e = borderBottomLeftRadius !== null && borderBottomLeftRadius !== void 0 ? borderBottomLeftRadius : borderRadius) !== null && _e !== void 0 ? _e : stackBorderBottomLeftRadius) !== null && _f !== void 0 ? _f : stackBorderRadius,
+                            borderBottomRightRadius: (_h = (_g = borderBottomRightRadius !== null && borderBottomRightRadius !== void 0 ? borderBottomRightRadius : borderRadius) !== null && _g !== void 0 ? _g : stackBorderBottomRightRadius) !== null && _h !== void 0 ? _h : stackBorderRadius,
+                            overflow: lowestBarPosition ? 'visible' : 'hidden',
+                        },
+                    ], children: [item.stacks.map(function (stackItem, index) {
+                            var borderRadii = getStackBorderRadii(item, index);
+                            var barHeight = getBarHeight(stackItem.value, stackItem.marginBottom);
+                            return (_jsxs(TouchableOpacity, { onPress: stackItem.onPress, activeOpacity: activeOpacity, disabled: disablePress || !stackItem.onPress, style: __assign({ position: 'absolute', bottom: getPosition(index) + (stackItem.marginBottom || 0), width: '100%', height: barHeight, backgroundColor: stackItem.color || item.color || props.color || 'black', borderWidth: barBorderWidth !== null && barBorderWidth !== void 0 ? barBorderWidth : 0, borderColor: barBorderColor }, borderRadii), children: [stackItem.showGradient ||
+                                        item.showGradient ||
+                                        props.showGradient ? (_jsx(LinearGradient, { style: __assign({ position: 'absolute', width: '100%', height: '100%' }, borderRadii), start: { x: 0, y: 0 }, end: { x: 0, y: 1 }, colors: [
+                                            stackItem.gradientColor ||
+                                                item.gradientColor ||
+                                                props.gradientColor ||
+                                                'white',
+                                            stackItem.color || item.color || props.color || 'black',
+                                        ] })) : null, stackItem.innerBarComponent && stackItem.innerBarComponent()] }, index));
+                        }), (item.barBackgroundPattern || barBackgroundPattern) && (_jsxs(Svg, { children: [_jsx(Defs, { children: item.barBackgroundPattern
+                                        ? item.barBackgroundPattern()
+                                        : barBackgroundPattern === null || barBackgroundPattern === void 0 ? void 0 : barBackgroundPattern() }), _jsx(Rect, { stroke: "transparent", x: "1", y: "1", width: "100%", height: "100%", fill: "url(#".concat(item.patternId || patternId, ")") })] }))] }), localBarInnerComponent ? (_jsx(View, { style: { height: '100%', width: '100%' }, children: localBarInnerComponent(item, index) })) : null, (item.topLabelComponent || showValuesAsTopLabel) && (_jsx(View, { style: [
+                        {
+                            position: 'absolute',
+                            top: containsNegativeValue
+                                ? 0
+                                : (item.barWidth || props.barWidth || 30) * -1,
+                            height: item.barWidth || props.barWidth || 30,
+                            width: item.barWidth || props.barWidth || 30,
+                            justifyContent: 'center',
+                            alignItems: 'center',
+                        },
+                        containsNegativeValue && {
+                            transform: [{ translateY: totalHeight * 2 }],
+                        },
+                        horizontal &&
+                            !props.intactTopLabel && { transform: [{ rotate: '270deg' }] },
+                        item.topLabelContainerStyle,
+                    ], children: showValuesAsTopLabel ? (_jsx(Text, { style: item.topLabelTextStyle, children: item.stacks.reduce(function (acc, stack) { return acc + stack.value; }, 0) })) : ((_j = item.topLabelComponent) === null || _j === void 0 ? void 0 : _j.call(item)) }))] }));
+    };
+    var barWrapper = function () {
+        return noAnimation ? (static2DSimple()) : (_jsx(View, { style: {
+                position: 'absolute',
+                bottom: 0,
+                height: height,
+                width: '100%',
+                overflow: 'hidden',
+            }, children: static2DSimple() }));
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(View, { pointerEvents: props.pointerConfig
+                    ? ((_a = props.pointerConfig.pointerEvents) !== null && _a !== void 0 ? _a : 'none')
+                    : 'auto', style: [
+                    {
+                        // overflow: 'visible',
+                        marginBottom: 60 + xAxisLabelsVerticalShift,
+                        width: item.stacks[0].barWidth || props.barWidth || 30,
+                        height: totalHeight,
+                        marginRight: spacing,
+                    },
+                    props.pointerConfig
+                        ? {
+                            transform: [
+                                {
+                                    translateY: (containerHeight || 200) -
+                                        (totalHeight - 10 + xAxisLabelsVerticalShift),
+                                },
+                            ],
+                        }
+                        : null,
+                ], children: [(props.showXAxisIndices || item.showXAxisIndex) && (_jsx(View, { style: {
+                            zIndex: 2,
+                            position: 'absolute',
+                            height: props.xAxisIndicesHeight,
+                            width: props.xAxisIndicesWidth,
+                            bottom: props.xAxisIndicesHeight / -2,
+                            left: ((item.barWidth || props.barWidth || 30) -
+                                props.xAxisIndicesWidth) /
+                                2,
+                            backgroundColor: props.xAxisIndicesColor,
+                        } })), barWrapper(), renderLabel(label || '', labelTextStyle)] }), renderTooltip && selectedIndex === index && (_jsx(Tooltip, __assign({}, tooltipProps)))] }));
+};
+export default RenderStackBars;

package/dist/BarChart/index.d.ts

@@ -0,0 +1,2 @@
+import { BarChartPropsType } from 'gifted-charts-core';
+export declare const BarChart: (props: BarChartPropsType) => import("react/jsx-runtime").JSX.Element;

package/dist/BarChart/index.js

@@ -1 +1,236 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.BarChart=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _RenderBars=_interopRequireDefault(require("./RenderBars"));var _RenderStackBars=_interopRequireDefault(require("./RenderStackBars"));var _BarAndLineChartsWrapper=_interopRequireDefault(require("../Components/BarAndLineChartsWrapper"));var _giftedChartsCore=require("gifted-charts-core");var _StripAndLabel=require("../Components/common/StripAndLabel");var _Pointer=require("../Components/common/Pointer");var _utils=require("../utils");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/abhinandankushwaha/sites/projects/react-native-gifted-charts/src/BarChart/index.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var BarChart=exports.BarChart=function BarChart(props){var _props$scrollRef,_props$parentWidth;var heightValue=(0,_react.useMemo)(function(){return new _reactNative.Animated.Value(0);},[]);var opacValue=(0,_react.useMemo)(function(){return new _reactNative.Animated.Value(0);},[]);var widthValue=(0,_react.useMemo)(function(){return new _reactNative.Animated.Value(0);},[]);var scrollRef=(_props$scrollRef=props.scrollRef)!=null?_props$scrollRef:(0,_react.useRef)(null);var remainingScrollViewProps={onScroll:function onScroll(ev){return props.onScroll==null?void 0:props.onScroll(ev);},onTouchStart:function onTouchStart(evt){if(props.renderTooltip){setSelectedIndex(-1);}}};var _useBarChart=(0,_giftedChartsCore.useBarChart)(Object.assign({},props,{heightValue:heightValue,widthValue:widthValue,opacValue:opacValue,parentWidth:(_props$parentWidth=props.parentWidth)!=null?_props$parentWidth:_utils.screenWidth})),lineConfig=_useBarChart.lineConfig,hidePointer1=_useBarChart.hidePointer1,pointerItem=_useBarChart.pointerItem,pointerY=_useBarChart.pointerY,pointerConfig=_useBarChart.pointerConfig,pointerColor=_useBarChart.pointerColor,pointerX=_useBarChart.pointerX,pointerComponent=_useBarChart.pointerComponent,pointerHeight=_useBarChart.pointerHeight,pointerRadius=_useBarChart.pointerRadius,pointerWidth=_useBarChart.pointerWidth,autoAdjustPointerLabelPosition=_useBarChart.autoAdjustPointerLabelPosition,pointerLabelWidth=_useBarChart.pointerLabelWidth,activatePointersOnLongPress=_useBarChart.activatePointersOnLongPress,yAxisLabelWidth=_useBarChart.yAxisLabelWidth,shiftPointerLabelX=_useBarChart.shiftPointerLabelX,pointerLabelHeight=_useBarChart.pointerLabelHeight,pointerStripUptoDataPoint=_useBarChart.pointerStripUptoDataPoint,pointerStripHeight=_useBarChart.pointerStripHeight,shiftPointerLabelY=_useBarChart.shiftPointerLabelY,showPointerStrip=_useBarChart.showPointerStrip,pointerStripWidth=_useBarChart.pointerStripWidth,containerHeight=_useBarChart.containerHeight,xAxisThickness=_useBarChart.xAxisThickness,pointerStripColor=_useBarChart.pointerStripColor,pointerEvents=_useBarChart.pointerEvents,setResponderStartTime=_useBarChart.setResponderStartTime,setPointerY=_useBarChart.setPointerY,setPointerItem=_useBarChart.setPointerItem,initialSpacing=_useBarChart.initialSpacing,spacing=_useBarChart.spacing,data=_useBarChart.data,barWidth=_useBarChart.barWidth,setPointerX=_useBarChart.setPointerX,setPointerIndex=_useBarChart.setPointerIndex,maxValue=_useBarChart.maxValue,responderStartTime=_useBarChart.responderStartTime,setResponderActive=_useBarChart.setResponderActive,activatePointersDelay=_useBarChart.activatePointersDelay,persistPointer=_useBarChart.persistPointer,pointerVanishDelay=_useBarChart.pointerVanishDelay,containerHeightIncludingBelowXAxis=_useBarChart.containerHeightIncludingBelowXAxis,extendedContainerHeight=_useBarChart.extendedContainerHeight,totalWidth=_useBarChart.totalWidth,stripBehindBars=_useBarChart.stripBehindBars,noOfSectionsBelowXAxis=_useBarChart.noOfSectionsBelowXAxis,stepHeight=_useBarChart.stepHeight,xAxisLabelsVerticalShift=_useBarChart.xAxisLabelsVerticalShift,labelsExtraHeight=_useBarChart.labelsExtraHeight,stripOverPointer=_useBarChart.stripOverPointer,pointerLabelComponent=_useBarChart.pointerLabelComponent,setSelectedIndex=_useBarChart.setSelectedIndex,isAnimated=_useBarChart.isAnimated,animationDuration=_useBarChart.animationDuration,side=_useBarChart.side,labelWidth=_useBarChart.labelWidth,isThreeD=_useBarChart.isThreeD,animatedHeight=_useBarChart.animatedHeight,appearingOpacity=_useBarChart.appearingOpacity,autoShiftLabels=_useBarChart.autoShiftLabels,getPropsCommonForBarAndStack=_useBarChart.getPropsCommonForBarAndStack,barAndLineChartsWrapperProps=_useBarChart.barAndLineChartsWrapperProps,autoShiftLabelsForNegativeStacks=_useBarChart.autoShiftLabelsForNegativeStacks;var labelsAppear=(0,_react.useCallback)(function(){opacValue.setValue(0);_reactNative.Animated.timing(opacValue,{toValue:1,duration:500,easing:_reactNative.Easing.ease,useNativeDriver:false}).start();},[opacValue]);var decreaseWidth=(0,_react.useCallback)(function(){widthValue.setValue(0);_reactNative.Animated.timing(widthValue,{toValue:1,duration:lineConfig.animationDuration,easing:_reactNative.Easing.linear,useNativeDriver:false}).start();},[lineConfig.animationDuration,widthValue]);(0,_react.useEffect)(function(){if(lineConfig.isAnimated){setTimeout(function(){return decreaseWidth();},lineConfig.delay||0);}setTimeout(function(){return labelsAppear();},animationDuration);},[decreaseWidth,labelsAppear,animationDuration]);var renderPointer=function renderPointer(lineNumber){if(lineNumber===1&&hidePointer1)return;var pointerItemLocal=pointerItem;var pointerYLocal=pointerY;var pointerColorLocal=(pointerConfig==null?void 0:pointerConfig.pointer1Color)||pointerColor;return(0,_Pointer.Pointer)({pointerX:pointerX,pointerYLocal:pointerYLocal,pointerComponent:pointerComponent,pointerHeight:pointerHeight,pointerRadius:pointerRadius,pointerWidth:pointerWidth,pointerItemLocal:pointerItemLocal,pointerColorLocal:pointerColorLocal});};var renderStripAndLabel=function renderStripAndLabel(pointerLabelComponent){var pointerItemLocal,pointerYLocal=pointerY;pointerItemLocal=[pointerItem];return(0,_StripAndLabel.StripAndLabel)({autoAdjustPointerLabelPosition:autoAdjustPointerLabelPosition,pointerX:pointerX,pointerLabelWidth:pointerLabelWidth,activatePointersOnLongPress:activatePointersOnLongPress,yAxisLabelWidth:yAxisLabelWidth,pointerRadius:pointerRadius,pointerWidth:pointerWidth,shiftPointerLabelX:shiftPointerLabelX,pointerLabelHeight:pointerLabelHeight,pointerYLocal:pointerYLocal,pointerStripUptoDataPoint:pointerStripUptoDataPoint,pointerStripHeight:pointerStripHeight,shiftPointerLabelY:shiftPointerLabelY,pointerItemLocal:pointerItemLocal,showPointerStrip:showPointerStrip,pointerStripWidth:pointerStripWidth,containerHeight:containerHeight,xAxisThickness:xAxisThickness,pointerStripColor:pointerStripColor,pointerConfig:pointerConfig,pointerLabelComponent:pointerLabelComponent,scrollX:0,pointerEvents:pointerEvents,isBarChart:true});};var renderChartContent=function renderChartContent(){if(pointerConfig){return(0,_jsxRuntime.jsxs)(_reactNative.View,{onStartShouldSetResponder:function onStartShouldSetResponder(evt){return pointerConfig?true:false;},onMoveShouldSetResponder:function onMoveShouldSetResponder(evt){return pointerConfig?true:false;},onResponderGrant:function onResponderGrant(evt){var _props$stackData,_stackSum;if(!pointerConfig)return;setResponderStartTime(evt.timeStamp);if(activatePointersOnLongPress){return;}var x=evt.nativeEvent.locationX;if(!activatePointersOnLongPress&&x>(props.width||_utils.screenWidth))return;var factor=(x-initialSpacing-barWidth/2)/(spacing+barWidth);factor=Math.round(factor);factor=Math.min(factor,data.length-1);factor=Math.max(factor,0);var z=initialSpacing+(spacing+barWidth)*factor-(pointerRadius||pointerWidth/2)+barWidth/2;setPointerX(z);setPointerIndex(factor);var item,y;item=((_props$stackData=props.stackData)!=null?_props$stackData:data)[factor];var stackSum=0;if('stacks'in item){stackSum=item.stacks.reduce(function(acc,stack){var _stack$value;return acc+((_stack$value=stack.value)!=null?_stack$value:0);},0);}y=containerHeight-((_stackSum=stackSum)!=null?_stackSum:item.value)*containerHeight/maxValue-(pointerRadius||pointerHeight/2)+10;setPointerY(y);setPointerItem(item);},onResponderMove:function onResponderMove(evt){var _props$stackData2,_props$stackData3;if(!pointerConfig)return;if(activatePointersOnLongPress&&evt.timeStamp-responderStartTime<activatePointersDelay){return;}else{setResponderActive(true);}var x=evt.nativeEvent.locationX;if(!activatePointersOnLongPress&&x>(props.width||_utils.screenWidth))return;var factor=(x-initialSpacing-barWidth/2)/(spacing+barWidth);factor=Math.round(factor);factor=Math.min(factor,((_props$stackData2=props.stackData)!=null?_props$stackData2:data).length-1);factor=Math.max(factor,0);var z=initialSpacing+(spacing+barWidth)*factor-(pointerRadius||pointerWidth/2)+barWidth/2;var item,y;setPointerX(z);setPointerIndex(factor);item=((_props$stackData3=props.stackData)!=null?_props$stackData3:data)[factor];var stackSum=0;if('stacks'in item){var _item$stacks;(_item$stacks=item.stacks)==null?void 0:_item$stacks.reduce(function(acc,stack){var _stack$value2;return acc+((_stack$value2=stack.value)!=null?_stack$value2:0);},0);}y=containerHeight-(stackSum!=null?stackSum:item.value)*containerHeight/maxValue-(pointerRadius||pointerHeight/2)+10;setPointerY(y);setPointerItem(item);},onResponderEnd:function onResponderEnd(evt){setResponderStartTime(0);setPointerIndex(-1);setResponderActive(false);if(!persistPointer)setTimeout(function(){return setPointerX(0);},pointerVanishDelay);},onResponderTerminationRequest:function onResponderTerminationRequest(evt){return false;},style:{position:'absolute',height:containerHeightIncludingBelowXAxis,bottom:60,paddingLeft:initialSpacing,width:totalWidth,flexDirection:'row'},children:[pointerX>0&&stripBehindBars?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:pointerEvents!=null?pointerEvents:'none',style:{position:'absolute',height:extendedContainerHeight+noOfSectionsBelowXAxis*stepHeight,bottom:xAxisLabelsVerticalShift+labelsExtraHeight,width:totalWidth},children:renderStripAndLabel(null)}):null,renderChart(),pointerX>0?(0,_jsxRuntime.jsxs)(_reactNative.View,{pointerEvents:pointerEvents!=null?pointerEvents:'none',style:{position:'absolute',height:extendedContainerHeight+noOfSectionsBelowXAxis*stepHeight,bottom:xAxisLabelsVerticalShift+labelsExtraHeight,width:totalWidth,zIndex:20},children:[!stripOverPointer&&!stripBehindBars&&renderStripAndLabel(null),renderPointer(1),stripOverPointer&&!stripBehindBars&&renderStripAndLabel(null),pointerLabelComponent&&renderStripAndLabel(pointerLabelComponent)]}):null]});}else{return renderChart();}};var renderChart=function renderChart(){if(props.stackData){return props.stackData.map(function(item,index){return(0,_jsxRuntime.jsx)(_RenderStackBars.default,Object.assign({stackData:props.stackData||[],isAnimated:isAnimated,animationDuration:animationDuration,stackBorderRadius:props.stackBorderRadius,stackBorderTopLeftRadius:props.stackBorderTopLeftRadius,stackBorderTopRightRadius:props.stackBorderTopRightRadius,stackBorderBottomLeftRadius:props.stackBorderBottomLeftRadius,stackBorderBottomRightRadius:props.stackBorderBottomRightRadius,autoShiftLabelsForNegativeStacks:autoShiftLabelsForNegativeStacks},getPropsCommonForBarAndStack(item,index)),index);});}else{return data.map(function(item,index){var _props$minHeight;return(0,_jsxRuntime.jsx)(_RenderBars.default,Object.assign({data:data,side:side,minHeight:(_props$minHeight=props.minHeight)!=null?_props$minHeight:isAnimated&&!isThreeD?0.1:0,sideWidth:props.sideWidth,labelWidth:labelWidth,isThreeD:isThreeD,isAnimated:isAnimated,animationDuration:animationDuration,animatedHeight:animatedHeight,appearingOpacity:appearingOpacity,roundedTop:props.roundedTop,roundedBottom:props.roundedBottom,frontColor:props.frontColor,sideColor:props.sideColor,topColor:props.topColor,cappedBars:props.cappedBars,capThickness:props.capThickness,capColor:props.capColor,capRadius:props.capRadius,autoShiftLabels:autoShiftLabels,barMarginBottom:props.barMarginBottom,barStyle:props.barStyle},getPropsCommonForBarAndStack(item,index)),index);});}};return(0,_jsxRuntime.jsx)(_BarAndLineChartsWrapper.default,Object.assign({},barAndLineChartsWrapperProps,{scrollRef:scrollRef,renderChartContent:renderChartContent,remainingScrollViewProps:remainingScrollViewProps,nestedScrollEnabled:props.nestedScrollEnabled}));};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef } from 'react';
+import { Animated, Easing, View } from 'react-native';
+import RenderBars from './RenderBars';
+import RenderStackBars from './RenderStackBars';
+import BarAndLineChartsWrapper from '../Components/BarAndLineChartsWrapper';
+import { useBarChart } from 'gifted-charts-core';
+import { StripAndLabel } from '../Components/common/StripAndLabel';
+import { Pointer } from '../Components/common/Pointer';
+import { screenWidth } from '../utils';
+export var BarChart = function (props) {
+    var _a, _b;
+    var heightValue = useMemo(function () { return new Animated.Value(0); }, []);
+    var opacityValue = useMemo(function () { return new Animated.Value(0); }, []);
+    var widthValue = useMemo(function () { return new Animated.Value(0); }, []);
+    var scrollRef = (_a = props.scrollRef) !== null && _a !== void 0 ? _a : useRef(null);
+    var remainingScrollViewProps = {
+        onScroll: function (ev) { var _a; return (_a = props.onScroll) === null || _a === void 0 ? void 0 : _a.call(props, ev); },
+        onTouchStart: function (evt) {
+            if (props.renderTooltip) {
+                setSelectedIndex(-1);
+            }
+        },
+    };
+    var _c = useBarChart(__assign(__assign({}, props), { heightValue: heightValue, widthValue: widthValue, opacityValue: opacityValue, parentWidth: (_b = props.parentWidth) !== null && _b !== void 0 ? _b : screenWidth })), lineConfig = _c.lineConfig, hidePointer1 = _c.hidePointer1, pointerItem = _c.pointerItem, pointerY = _c.pointerY, pointerConfig = _c.pointerConfig, pointerColor = _c.pointerColor, pointerX = _c.pointerX, pointerComponent = _c.pointerComponent, pointerHeight = _c.pointerHeight, pointerRadius = _c.pointerRadius, pointerWidth = _c.pointerWidth, autoAdjustPointerLabelPosition = _c.autoAdjustPointerLabelPosition, pointerLabelWidth = _c.pointerLabelWidth, activatePointersOnLongPress = _c.activatePointersOnLongPress, yAxisLabelWidth = _c.yAxisLabelWidth, shiftPointerLabelX = _c.shiftPointerLabelX, pointerLabelHeight = _c.pointerLabelHeight, pointerStripUptoDataPoint = _c.pointerStripUptoDataPoint, pointerStripHeight = _c.pointerStripHeight, shiftPointerLabelY = _c.shiftPointerLabelY, showPointerStrip = _c.showPointerStrip, pointerStripWidth = _c.pointerStripWidth, containerHeight = _c.containerHeight, xAxisThickness = _c.xAxisThickness, pointerStripColor = _c.pointerStripColor, pointerEvents = _c.pointerEvents, setResponderStartTime = _c.setResponderStartTime, setPointerY = _c.setPointerY, setPointerItem = _c.setPointerItem, initialSpacing = _c.initialSpacing, spacing = _c.spacing, data = _c.data, barWidth = _c.barWidth, setPointerX = _c.setPointerX, pointerIndex = _c.pointerIndex, setPointerIndex = _c.setPointerIndex, maxValue = _c.maxValue, responderStartTime = _c.responderStartTime, setResponderActive = _c.setResponderActive, activatePointersDelay = _c.activatePointersDelay, persistPointer = _c.persistPointer, pointerVanishDelay = _c.pointerVanishDelay, containerHeightIncludingBelowXAxis = _c.containerHeightIncludingBelowXAxis, extendedContainerHeight = _c.extendedContainerHeight, totalWidth = _c.totalWidth, stripBehindBars = _c.stripBehindBars, noOfSectionsBelowXAxis = _c.noOfSectionsBelowXAxis, stepHeight = _c.stepHeight, xAxisLabelsVerticalShift = _c.xAxisLabelsVerticalShift, labelsExtraHeight = _c.labelsExtraHeight, stripOverPointer = _c.stripOverPointer, pointerLabelComponent = _c.pointerLabelComponent, setSelectedIndex = _c.setSelectedIndex, isAnimated = _c.isAnimated, animationDuration = _c.animationDuration, side = _c.side, labelWidth = _c.labelWidth, isThreeD = _c.isThreeD, animatedHeight = _c.animatedHeight, appearingOpacity = _c.appearingOpacity, autoShiftLabels = _c.autoShiftLabels, getPropsCommonForBarAndStack = _c.getPropsCommonForBarAndStack, barAndLineChartsWrapperProps = _c.barAndLineChartsWrapperProps, autoShiftLabelsForNegativeStacks = _c.autoShiftLabelsForNegativeStacks;
+    var labelsAppear = useCallback(function () {
+        opacityValue.setValue(0);
+        Animated.timing(opacityValue, {
+            toValue: 1,
+            duration: 500,
+            easing: Easing.ease,
+            useNativeDriver: false,
+        }).start();
+    }, [opacityValue]);
+    var decreaseWidth = useCallback(function () {
+        widthValue.setValue(0);
+        Animated.timing(widthValue, {
+            toValue: 1,
+            duration: lineConfig.animationDuration,
+            easing: Easing.linear,
+            useNativeDriver: false,
+        }).start();
+    }, [lineConfig.animationDuration, widthValue]);
+    useEffect(function () {
+        if (lineConfig.isAnimated) {
+            setTimeout(function () { return decreaseWidth(); }, lineConfig.delay || 0);
+        }
+        setTimeout(function () { return labelsAppear(); }, animationDuration);
+    }, [decreaseWidth, labelsAppear, animationDuration]);
+    var renderPointer = function (lineNumber) {
+        if (lineNumber === 1 && hidePointer1)
+            return;
+        var pointerItemLocal = pointerItem;
+        var pointerYLocal = pointerY;
+        var pointerColorLocal = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointer1Color) || pointerColor;
+        return Pointer({
+            pointerX: pointerX,
+            pointerYLocal: pointerYLocal,
+            pointerComponent: pointerComponent,
+            pointerHeight: pointerHeight,
+            pointerRadius: pointerRadius,
+            pointerWidth: pointerWidth,
+            pointerItemLocal: pointerItemLocal,
+            pointerColorLocal: pointerColorLocal,
+        });
+    };
+    var renderStripAndLabel = function (pointerLabelComponent) {
+        var pointerItemLocal, pointerYLocal = pointerY;
+        pointerItemLocal = [pointerItem];
+        return StripAndLabel({
+            autoAdjustPointerLabelPosition: autoAdjustPointerLabelPosition,
+            pointerX: pointerX,
+            pointerLabelWidth: pointerLabelWidth,
+            activatePointersOnLongPress: activatePointersOnLongPress,
+            yAxisLabelWidth: yAxisLabelWidth,
+            pointerRadius: pointerRadius,
+            pointerWidth: pointerWidth,
+            shiftPointerLabelX: shiftPointerLabelX,
+            pointerLabelHeight: pointerLabelHeight,
+            pointerYLocal: pointerYLocal,
+            pointerStripUptoDataPoint: pointerStripUptoDataPoint,
+            pointerStripHeight: pointerStripHeight,
+            shiftPointerLabelY: shiftPointerLabelY,
+            pointerItemLocal: pointerItemLocal,
+            showPointerStrip: showPointerStrip,
+            pointerStripWidth: pointerStripWidth,
+            containerHeight: containerHeight,
+            xAxisThickness: xAxisThickness,
+            pointerStripColor: pointerStripColor,
+            pointerConfig: pointerConfig,
+            pointerLabelComponent: pointerLabelComponent,
+            scrollX: 0,
+            pointerEvents: pointerEvents,
+            isBarChart: true,
+            pointerIndex: pointerIndex,
+            width: totalWidth,
+            screenWidth: screenWidth,
+        });
+    };
+    var renderChartContent = function () {
+        if (pointerConfig) {
+            return (_jsxs(View, { onStartShouldSetResponder: function () { return !!pointerConfig; }, onMoveShouldSetResponder: function () { return !!pointerConfig; }, onResponderGrant: function (evt) {
+                    var _a;
+                    if (!pointerConfig)
+                        return;
+                    setResponderStartTime(evt.timeStamp);
+                    if (activatePointersOnLongPress) {
+                        return;
+                    }
+                    var x = evt.nativeEvent.locationX;
+                    if (!activatePointersOnLongPress &&
+                        x > (props.width || screenWidth))
+                        return;
+                    var factor = (x - initialSpacing - barWidth / 2) / (spacing + barWidth);
+                    factor = Math.round(factor);
+                    factor = Math.min(factor, data.length - 1);
+                    factor = Math.max(factor, 0);
+                    var z = initialSpacing +
+                        (spacing + barWidth) * factor -
+                        (pointerRadius || pointerWidth / 2) +
+                        barWidth / 2;
+                    setPointerX(z);
+                    setPointerIndex(factor);
+                    var item, y;
+                    item = ((_a = props.stackData) !== null && _a !== void 0 ? _a : data)[factor];
+                    var stackSum = 0;
+                    if ('stacks' in item) {
+                        stackSum = item.stacks.reduce(function (acc, stack) { var _a; return acc + ((_a = stack.value) !== null && _a !== void 0 ? _a : 0); }, 0);
+                    }
+                    y =
+                        containerHeight -
+                            ((stackSum !== null && stackSum !== void 0 ? stackSum : item.value) * containerHeight) / maxValue -
+                            (pointerRadius || pointerHeight / 2) +
+                            10;
+                    setPointerY(y);
+                    setPointerItem(item);
+                }, onResponderMove: function (evt) {
+                    var _a, _b, _c;
+                    if (!pointerConfig)
+                        return;
+                    if (activatePointersOnLongPress &&
+                        evt.timeStamp - responderStartTime < activatePointersDelay) {
+                        return;
+                    }
+                    else {
+                        setResponderActive(true);
+                    }
+                    var x = evt.nativeEvent.locationX;
+                    if (!activatePointersOnLongPress &&
+                        x > (props.width || screenWidth))
+                        return;
+                    var factor = (x - initialSpacing - barWidth / 2) / (spacing + barWidth);
+                    factor = Math.round(factor);
+                    factor = Math.min(factor, ((_a = props.stackData) !== null && _a !== void 0 ? _a : data).length - 1);
+                    factor = Math.max(factor, 0);
+                    var z = initialSpacing +
+                        (spacing + barWidth) * factor -
+                        (pointerRadius || pointerWidth / 2) +
+                        barWidth / 2;
+                    var item, y;
+                    setPointerX(z);
+                    setPointerIndex(factor);
+                    item = ((_b = props.stackData) !== null && _b !== void 0 ? _b : data)[factor];
+                    var stackSum = 0;
+                    if ('stacks' in item) {
+                        (_c = item.stacks) === null || _c === void 0 ? void 0 : _c.reduce(function (acc, stack) { var _a; return acc + ((_a = stack.value) !== null && _a !== void 0 ? _a : 0); }, 0);
+                    }
+                    y =
+                        containerHeight -
+                            ((stackSum !== null && stackSum !== void 0 ? stackSum : item.value) * containerHeight) / maxValue -
+                            (pointerRadius || pointerHeight / 2) +
+                            10;
+                    setPointerY(y);
+                    setPointerItem(item);
+                }, onResponderEnd: function (evt) {
+                    setResponderStartTime(0);
+                    setPointerIndex(-1);
+                    setResponderActive(false);
+                    if (!persistPointer)
+                        setTimeout(function () { return setPointerX(0); }, pointerVanishDelay);
+                }, onResponderTerminationRequest: function (evt) { return false; }, style: {
+                    position: 'absolute',
+                    height: containerHeightIncludingBelowXAxis,
+                    bottom: 60,
+                    paddingLeft: initialSpacing,
+                    width: totalWidth,
+                    flexDirection: 'row',
+                }, children: [pointerX > 0 && stripBehindBars ? (_jsx(View, { pointerEvents: pointerEvents !== null && pointerEvents !== void 0 ? pointerEvents : 'none', style: {
+                            position: 'absolute',
+                            height: extendedContainerHeight + noOfSectionsBelowXAxis * stepHeight,
+                            bottom: xAxisLabelsVerticalShift + labelsExtraHeight,
+                            width: totalWidth,
+                        }, children: renderStripAndLabel(null) })) : null, renderChart(), pointerX > 0 ? (_jsxs(View, { pointerEvents: pointerEvents !== null && pointerEvents !== void 0 ? pointerEvents : 'none', style: {
+                            position: 'absolute',
+                            height: extendedContainerHeight + noOfSectionsBelowXAxis * stepHeight,
+                            bottom: xAxisLabelsVerticalShift + labelsExtraHeight,
+                            width: totalWidth,
+                            zIndex: 20,
+                        }, children: [!stripOverPointer &&
+                                !stripBehindBars &&
+                                renderStripAndLabel(null), renderPointer(1), stripOverPointer &&
+                                !stripBehindBars &&
+                                renderStripAndLabel(null), pointerLabelComponent &&
+                                renderStripAndLabel(pointerLabelComponent) // no matter what, pointerLabelComponent will be rendered at last -> over the chart content
+                        ] })) : null] }));
+        }
+        else {
+            return renderChart();
+        }
+    };
+    var renderChart = function () {
+        if (props.stackData) {
+            return props.stackData.map(function (item, index) {
+                return (_jsx(RenderStackBars, __assign({ stackData: props.stackData || [], isAnimated: isAnimated, animationDuration: animationDuration, stackBorderRadius: props.stackBorderRadius, stackBorderTopLeftRadius: props.stackBorderTopLeftRadius, stackBorderTopRightRadius: props.stackBorderTopRightRadius, stackBorderBottomLeftRadius: props.stackBorderBottomLeftRadius, stackBorderBottomRightRadius: props.stackBorderBottomRightRadius, autoShiftLabelsForNegativeStacks: autoShiftLabelsForNegativeStacks }, getPropsCommonForBarAndStack(item, index)), index));
+            });
+        }
+        else {
+            return data.map(function (item, index) {
+                var _a;
+                return (_jsx(RenderBars, __assign({ data: data, side: side, minHeight: (_a = props.minHeight) !== null && _a !== void 0 ? _a : (isAnimated && !isThreeD ? 0.1 : 0), sideWidth: props.sideWidth, labelWidth: labelWidth, isThreeD: isThreeD, isAnimated: isAnimated, animationDuration: animationDuration, animatedHeight: animatedHeight, appearingOpacity: appearingOpacity, roundedTop: props.roundedTop, roundedBottom: props.roundedBottom, frontColor: props.frontColor, sideColor: props.sideColor, topColor: props.topColor, cappedBars: props.cappedBars, capThickness: props.capThickness, capColor: props.capColor, capRadius: props.capRadius, autoShiftLabels: autoShiftLabels, barMarginBottom: props.barMarginBottom, barStyle: props.barStyle }, getPropsCommonForBarAndStack(item, index)), index));
+            });
+        }
+    };
+    return (_jsx(BarAndLineChartsWrapper, __assign({}, barAndLineChartsWrapperProps, { scrollRef: scrollRef, renderChartContent: renderChartContent, remainingScrollViewProps: remainingScrollViewProps, nestedScrollEnabled: props.nestedScrollEnabled })));
+};

package/dist/BarChart/styles.d.ts

@@ -0,0 +1,45 @@
+export declare const styles: {
+    container: {
+        width: "100%";
+        marginBottom: number;
+        marginRight: number;
+    };
+    horizBar: {
+        flexDirection: "row";
+    };
+    leftLabel: {
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    lastLeftLabel: {
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    leftPart: {
+        justifyContent: "center";
+        width: "100%";
+    };
+    lastLeftPart: {
+        justifyContent: "flex-end";
+        width: "100%";
+    };
+    line: {
+        width: "100%";
+        height: number;
+        backgroundColor: string;
+        opacity: number;
+    };
+    lastLine: {
+        width: "100%";
+        height: number;
+        backgroundColor: string;
+    };
+    bottomLabel: {
+        width: "100%";
+    };
+    customDataPointContainer: {
+        position: "absolute";
+        justifyContent: "center";
+        alignItems: "center";
+    };
+};

package/dist/BarChart/styles.js

@@ -1 +1,46 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var styles=exports.styles=_reactNative.StyleSheet.create({container:{width:'100%',marginBottom:40,marginRight:40},horizBar:{flexDirection:'row'},leftLabel:{justifyContent:'center',alignItems:'center'},lastLeftLabel:{justifyContent:'center',alignItems:'center'},leftPart:{justifyContent:'center',width:'100%'},lastLeftPart:{justifyContent:'flex-end',width:'100%'},line:{width:'100%',height:1,backgroundColor:'gray',opacity:0.5},lastLine:{width:'100%',height:1,backgroundColor:'black'},bottomLabel:{width:'100%'},customDataPointContainer:{position:'absolute',justifyContent:'center',alignItems:'center'}});
+import { StyleSheet } from 'react-native';
+export var styles = StyleSheet.create({
+    container: {
+        width: '100%',
+        marginBottom: 40,
+        marginRight: 40,
+    },
+    horizBar: {
+        flexDirection: 'row',
+    },
+    leftLabel: {
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    lastLeftLabel: {
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    leftPart: {
+        justifyContent: 'center',
+        width: '100%',
+    },
+    lastLeftPart: {
+        justifyContent: 'flex-end',
+        width: '100%',
+    },
+    line: {
+        width: '100%',
+        height: 1,
+        backgroundColor: 'gray',
+        opacity: 0.5,
+    },
+    lastLine: {
+        width: '100%',
+        height: 1,
+        backgroundColor: 'black',
+    },
+    bottomLabel: {
+        width: '100%',
+    },
+    customDataPointContainer: {
+        position: 'absolute',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+});

package/dist/Components/AnimatedThreeDBar/index.d.ts

@@ -0,0 +1,3 @@
+import { animatedBarPropTypes } from 'gifted-charts-core';
+declare const AnimatedThreeDBar: (props: animatedBarPropTypes) => import("react/jsx-runtime").JSX.Element;
+export default AnimatedThreeDBar;