gifted-charts-core 0.1.64 → 0.1.65

package/dist/BarChart/index.d.ts

@@ -139,8 +139,8 @@ export declare const useBarChart: (props: extendedBarChartPropsType) => {
         rtl: boolean;
         intactTopLabel: boolean;
         showValuesAsTopLabel: boolean | undefined;
-        topLabelContainerStyle: any;
-        topLabelTextStyle: any;
+        topLabelContainerStyle: import("react-native").StyleProp<import("react-native").ViewStyle>;
+        topLabelTextStyle: import("react-native").StyleProp<import("react-native").TextStyle>;
         barBorderWidth: number | undefined;
         barBorderColor: import("react-native").ColorValue;
         barBorderRadius: number | undefined;

package/dist/BarChart/types.d.ts

@@ -1,4 +1,4 @@
-import { type ColorValue, type GestureResponderEvent, type ViewStyle } from 'react-native';
+import { StyleProp, TextStyle, type ColorValue, type GestureResponderEvent, type ViewStyle } from 'react-native';
 import { type yAxisSides } from '../utils/constants';
 import { XAxisConfig, type CurveType, type Pointer, type RuleType, type RulesConfig, type referenceConfigType, type secondaryYAxisType, type Linecap, CustomBackground } from '../utils/types';
 import { type Component, type ReactNode } from 'react';
@@ -13,10 +13,10 @@ export interface stackDataItem {
     labelsDistanceFromXaxis?: number;
     barWidth?: number;
     spacing?: number;
-    labelTextStyle?: any;
+    labelTextStyle?: StyleProp<TextStyle>;
     topLabelComponent?: Function;
-    topLabelContainerStyle?: any;
-    topLabelTextStyle?: any;
+    topLabelContainerStyle?: StyleProp<ViewStyle>;
+    topLabelTextStyle?: StyleProp<TextStyle>;
     disablePress?: any;
     color?: ColorValue;
     showGradient?: boolean;
@@ -64,11 +64,11 @@ export interface StackedBarChartPropsType {
     height?: number;
     color?: ColorValue;
     topLabelComponent?: Component;
-    topLabelContainerStyle?: any;
-    topLabelTextStyle?: any;
+    topLabelContainerStyle?: StyleProp<ViewStyle>;
+    topLabelTextStyle?: StyleProp<TextStyle>;
     opacity?: number;
     label: string;
-    labelTextStyle?: any;
+    labelTextStyle?: StyleProp<TextStyle>;
     autoShiftLabelsForNegativeStacks?: boolean;
     labelsDistanceFromXaxis?: number;
     xAxisLabelsAtBottom?: boolean;
@@ -186,9 +186,9 @@ export interface BarChartPropsType {
     yAxisExtraHeight?: number;
     trimYAxisAtTop?: boolean;
     xAxisType?: RuleType;
-    yAxisLabelContainerStyle?: any;
+    yAxisLabelContainerStyle?: StyleProp<ViewStyle>;
     horizontalRulesStyle?: any;
-    yAxisTextStyle?: any;
+    yAxisTextStyle?: StyleProp<TextStyle>;
     yAxisTextNumberOfLines?: number;
     xAxisTextNumberOfLines?: number;
     xAxisLabelsHeight?: number;
@@ -275,8 +275,8 @@ export interface BarChartPropsType {
     yAxisAtTop?: boolean;
     intactTopLabel?: boolean;
     showValuesAsTopLabel?: boolean;
-    topLabelContainerStyle?: any;
-    topLabelTextStyle?: any;
+    topLabelContainerStyle?: StyleProp<ViewStyle>;
+    topLabelTextStyle?: StyleProp<TextStyle>;
     horizSections?: sectionType[];
     barBorderWidth?: number;
     barBorderColor?: ColorValue;
@@ -294,7 +294,7 @@ export interface BarChartPropsType {
     labelWidth?: number;
     yAxisLabelTexts?: string[];
     xAxisLabelTexts?: string[];
-    xAxisLabelTextStyle?: any;
+    xAxisLabelTextStyle?: StyleProp<TextStyle>;
     yAxisLabelPrefix?: string;
     yAxisLabelSuffix?: string;
     autoShiftLabels?: boolean;
@@ -449,9 +449,9 @@ export interface barDataItem {
     sideWidth?: number;
     barBorderWidth?: number;
     barBorderColor?: ColorValue;
-    labelTextStyle?: any;
+    labelTextStyle?: StyleProp<TextStyle>;
     topLabelComponent?: Function;
-    topLabelContainerStyle?: any;
+    topLabelContainerStyle?: StyleProp<ViewStyle>;
     disablePress?: any;
     capThickness?: number;
     capColor?: ColorValue;
@@ -467,7 +467,7 @@ export interface barDataItem {
     labelWidth?: number;
     secondaryLabel?: string;
     secondaryLabelComponent?: Function;
-    secondaryLabelTextStyle?: any;
+    secondaryLabelTextStyle?: StyleProp<TextStyle>;
     barBackgroundPattern?: () => ReactNode;
     patternId?: string;
     barMarginBottom?: number;
@@ -505,8 +505,8 @@ export interface Animated2DWithGradientPropsType {
     horizontal: boolean;
     intactTopLabel: boolean;
     showValuesAsTopLabel: boolean;
-    topLabelContainerStyle?: any;
-    topLabelTextStyle?: any;
+    topLabelContainerStyle?: StyleProp<ViewStyle>;
+    topLabelTextStyle?: StyleProp<TextStyle>;
     barBorderWidth?: number;
     barBorderColor: ColorValue;
     barBorderRadius?: number;
@@ -526,7 +526,7 @@ export interface Animated2DWithGradientPropsType {
     yAxisOffset: number;
 }
 export interface RenderBarsPropsType {
-    style?: any;
+    style?: StyleProp<ViewStyle>;
     width?: number;
     height?: number;
     minHeight: number;
@@ -537,12 +537,12 @@ export interface RenderBarsPropsType {
     sideColor?: ColorValue;
     topColor?: ColorValue;
     topLabelComponent?: Component;
-    topLabelContainerStyle?: any;
-    topLabelTextStyle?: any;
+    topLabelContainerStyle?: StyleProp<ViewStyle>;
+    topLabelTextStyle?: StyleProp<TextStyle>;
     opacity?: number;
     side?: string;
-    labelTextStyle?: any;
-    secondaryLabelTextStyle?: any;
+    labelTextStyle?: StyleProp<TextStyle>;
+    secondaryLabelTextStyle?: StyleProp<TextStyle>;
     item: barDataItemNullSafe;
     index: number;
     label: string;
@@ -652,8 +652,8 @@ export interface animatedBarPropTypes {
     horizontal: boolean;
     intactTopLabel: boolean;
     showValuesAsTopLabel: boolean;
-    topLabelContainerStyle?: any;
-    topLabelTextStyle?: any;
+    topLabelContainerStyle?: StyleProp<ViewStyle>;
+    topLabelTextStyle?: StyleProp<TextStyle>;
     barBackgroundPattern?: () => ReactNode;
     barInnerComponent?: (item?: barDataItem, index?: number) => ReactNode;
     patternId?: string;
@@ -679,8 +679,8 @@ export interface CommonPropsFor2dand3dBarsType {
     height: number;
     intactTopLabel: boolean;
     showValuesAsTopLabel: boolean;
-    topLabelContainerStyle: any;
-    topLabelTextStyle: any;
+    topLabelContainerStyle: StyleProp<ViewStyle>;
+    topLabelTextStyle: StyleProp<TextStyle>;
     yAxisOffset: number;
 }
 export interface BarChartPropsTypeForWeb extends BarChartPropsType {

package/dist/LineChart/LineChartBiColor.d.ts

@@ -96,5 +96,6 @@ export declare const useLineChartBiColor: (props: extendedLineChartBicolorPropsT
         value: string;
     }[];
     barAndLineChartsWrapperProps: BarAndLineChartsWrapperTypes;
+    yAxisExtraHeightAtTop: number;
 };
 export {};

package/dist/LineChart/LineChartBiColor.js

@@ -28,11 +28,11 @@ import { AxesAndRulesDefaults, LineDefaults, chartTypes } from '../utils/constan
 import { getAxesAndRulesProps, getExtendedContainerHeightWithPadding } from '../utils';
 var initialData = null;
 export var useLineChartBiColor = function (props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51;
-    var _52 = __read(useState(false), 2), toggle = _52[0], setToggle = _52[1];
-    var _53 = __read(useState([]), 2), pointsArray = _53[0], setPointsArray = _53[1];
-    var _54 = __read(useState([]), 2), fillPointsArray = _54[0], setFillPointsArray = _54[1];
-    var _55 = __read(useState(-1), 2), selectedIndex = _55[0], setSelectedIndex = _55[1];
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52;
+    var _53 = __read(useState(false), 2), toggle = _53[0], setToggle = _53[1];
+    var _54 = __read(useState([]), 2), pointsArray = _54[0], setPointsArray = _54[1];
+    var _55 = __read(useState([]), 2), fillPointsArray = _55[0], setFillPointsArray = _55[1];
+    var _56 = __read(useState(-1), 2), selectedIndex = _56[0], setSelectedIndex = _56[1];
     var containerHeight = (_a = props.height) !== null && _a !== void 0 ? _a : AxesAndRulesDefaults.containerHeight;
     var noOfSections = (_b = props.noOfSections) !== null && _b !== void 0 ? _b : AxesAndRulesDefaults.noOfSections;
     var data = useMemo(function () {
@@ -340,34 +340,37 @@ export var useLineChartBiColor = function (props) {
     var yAxisLabelWidth = (_33 = props.yAxisLabelWidth) !== null && _33 !== void 0 ? _33 : (props.hideYAxisText
         ? AxesAndRulesDefaults.yAxisEmptyLabelWidth
         : AxesAndRulesDefaults.yAxisLabelWidth);
+    var yAxisExtraHeightAtTop = props.trimYAxisAtTop
+        ? 0
+        : (_34 = props.yAxisExtraHeight) !== null && _34 !== void 0 ? _34 : containerHeight / 20;
     var horizontal = false;
     var yAxisAtTop = false;
-    var disableScroll = (_34 = props.disableScroll) !== null && _34 !== void 0 ? _34 : LineDefaults.disableScroll;
-    var showScrollIndicator = (_35 = props.showScrollIndicator) !== null && _35 !== void 0 ? _35 : LineDefaults.showScrollIndicator;
-    var focusEnabled = (_36 = props.focusEnabled) !== null && _36 !== void 0 ? _36 : LineDefaults.focusEnabled;
-    var showDataPointOnFocus = (_37 = props.showDataPointOnFocus) !== null && _37 !== void 0 ? _37 : LineDefaults.showDataPointOnFocus;
-    var showStripOnFocus = (_38 = props.showStripOnFocus) !== null && _38 !== void 0 ? _38 : LineDefaults.showStripOnFocus;
-    var showTextOnFocus = (_39 = props.showTextOnFocus) !== null && _39 !== void 0 ? _39 : LineDefaults.showTextOnFocus;
+    var disableScroll = (_35 = props.disableScroll) !== null && _35 !== void 0 ? _35 : LineDefaults.disableScroll;
+    var showScrollIndicator = (_36 = props.showScrollIndicator) !== null && _36 !== void 0 ? _36 : LineDefaults.showScrollIndicator;
+    var focusEnabled = (_37 = props.focusEnabled) !== null && _37 !== void 0 ? _37 : LineDefaults.focusEnabled;
+    var showDataPointOnFocus = (_38 = props.showDataPointOnFocus) !== null && _38 !== void 0 ? _38 : LineDefaults.showDataPointOnFocus;
+    var showStripOnFocus = (_39 = props.showStripOnFocus) !== null && _39 !== void 0 ? _39 : LineDefaults.showStripOnFocus;
+    var showTextOnFocus = (_40 = props.showTextOnFocus) !== null && _40 !== void 0 ? _40 : LineDefaults.showTextOnFocus;
     var stripHeight = props.stripHeight;
-    var stripWidth = (_40 = props.stripWidth) !== null && _40 !== void 0 ? _40 : LineDefaults.stripWidth;
-    var stripColor = (_41 = props.stripColor) !== null && _41 !== void 0 ? _41 : color;
-    var stripOpacity = (_42 = props.stripOpacity) !== null && _42 !== void 0 ? _42 : (startOpacity + endOpacity) / 2;
-    var unFocusOnPressOut = (_43 = props.unFocusOnPressOut) !== null && _43 !== void 0 ? _43 : LineDefaults.unFocusOnPressOut;
-    var delayBeforeUnFocus = (_44 = props.delayBeforeUnFocus) !== null && _44 !== void 0 ? _44 : LineDefaults.delayBeforeUnFocus;
+    var stripWidth = (_41 = props.stripWidth) !== null && _41 !== void 0 ? _41 : LineDefaults.stripWidth;
+    var stripColor = (_42 = props.stripColor) !== null && _42 !== void 0 ? _42 : color;
+    var stripOpacity = (_43 = props.stripOpacity) !== null && _43 !== void 0 ? _43 : (startOpacity + endOpacity) / 2;
+    var unFocusOnPressOut = (_44 = props.unFocusOnPressOut) !== null && _44 !== void 0 ? _44 : LineDefaults.unFocusOnPressOut;
+    var delayBeforeUnFocus = (_45 = props.delayBeforeUnFocus) !== null && _45 !== void 0 ? _45 : LineDefaults.delayBeforeUnFocus;
     horizSections.pop();
     for (var i = 0; i <= noOfSections; i++) {
         var value = maxValue - stepValue * i;
-        if ((_45 = props.showFractionalValues) !== null && _45 !== void 0 ? _45 : props.roundToDigits) {
-            value = parseFloat(value.toFixed((_46 = props.roundToDigits) !== null && _46 !== void 0 ? _46 : 1));
+        if ((_46 = props.showFractionalValues) !== null && _46 !== void 0 ? _46 : props.roundToDigits) {
+            value = parseFloat(value.toFixed((_47 = props.roundToDigits) !== null && _47 !== void 0 ? _47 : 1));
         }
         horizSections.push({
             value: props.yAxisLabelTexts
-                ? (_47 = props.yAxisLabelTexts[noOfSections - i]) !== null && _47 !== void 0 ? _47 : value.toString()
+                ? (_48 = props.yAxisLabelTexts[noOfSections - i]) !== null && _48 !== void 0 ? _48 : value.toString()
                 : value.toString()
         });
     }
-    var dataPointsRadius = (_48 = props.dataPointsRadius) !== null && _48 !== void 0 ? _48 : LineDefaults.dataPointsRadius;
-    var dataPointsWidth = (_49 = props.dataPointsWidth) !== null && _49 !== void 0 ? _49 : LineDefaults.dataPointsWidth;
+    var dataPointsRadius = (_49 = props.dataPointsRadius) !== null && _49 !== void 0 ? _49 : LineDefaults.dataPointsRadius;
+    var dataPointsWidth = (_50 = props.dataPointsWidth) !== null && _50 !== void 0 ? _50 : LineDefaults.dataPointsWidth;
     var extraWidthDueToDataPoint = props.hideDataPoints
         ? 0
         : dataPointsRadius !== null && dataPointsRadius !== void 0 ? dataPointsRadius : dataPointsWidth;
@@ -419,7 +422,7 @@ export var useLineChartBiColor = function (props) {
         horizontalRulesStyle: horizontalRulesStyle,
         noOfSections: noOfSections,
         showFractionalValues: showFractionalValues,
-        axesAndRulesProps: getAxesAndRulesProps(props, containerHeight, stepHeight, stepValue, noOfSections, (_50 = props.roundToDigits) !== null && _50 !== void 0 ? _50 : 0, stepValue, 0, 0, false, 0),
+        axesAndRulesProps: getAxesAndRulesProps(props, containerHeight, stepHeight, stepValue, noOfSections, (_51 = props.roundToDigits) !== null && _51 !== void 0 ? _51 : 0, stepValue, 0, 0, false, 0),
         yAxisLabelTexts: props.yAxisLabelTexts,
         yAxisOffset: props.yAxisOffset,
         rotateYAxisTexts: 0,
@@ -434,7 +437,7 @@ export var useLineChartBiColor = function (props) {
         pointerIndex: 0,
         pointerX: 0,
         pointerY: 0,
-        endReachedOffset: (_51 = props.endReachedOffset) !== null && _51 !== void 0 ? _51 : LineDefaults.endReachedOffset,
+        endReachedOffset: (_52 = props.endReachedOffset) !== null && _52 !== void 0 ? _52 : LineDefaults.endReachedOffset,
         extraWidthDueToDataPoint: extraWidthDueToDataPoint,
         highlightEnabled: LineDefaults.highlightEnabled,
         lowlightOpacity: LineDefaults.lowlightOpacity,
@@ -527,6 +530,7 @@ export var useLineChartBiColor = function (props) {
         unFocusOnPressOut: unFocusOnPressOut,
         delayBeforeUnFocus: delayBeforeUnFocus,
         horizSections: horizSections,
-        barAndLineChartsWrapperProps: barAndLineChartsWrapperProps
+        barAndLineChartsWrapperProps: barAndLineChartsWrapperProps,
+        yAxisExtraHeightAtTop: yAxisExtraHeightAtTop
     };
 };

package/dist/LineChart/types.d.ts

@@ -1,4 +1,4 @@
-import { GestureResponderEvent, type ColorValue } from 'react-native';
+import { GestureResponderEvent, StyleProp, TextStyle, ViewStyle, type ColorValue } from 'react-native';
 import { type yAxisSides } from '../utils/constants';
 import { XAxisConfig, type CurveType, type DataSet, type EdgePosition, type HighlightedRange, type LineSegment, type Pointer, type RuleType, type RulesConfig, type arrowConfigType, type referenceConfigType, type secondaryLineConfigType, type secondaryYAxisType, type Linecap, type IntersectionAreaConfig, CustomBackground, SpreadData } from '../utils/types';
 export interface LineChartPropsType {
@@ -158,9 +158,9 @@ export interface LineChartPropsType {
     yAxisColor?: ColorValue;
     yAxisExtraHeight?: number;
     trimYAxisAtTop?: boolean;
-    yAxisLabelContainerStyle?: any;
+    yAxisLabelContainerStyle?: StyleProp<ViewStyle>;
     horizontalRulesStyle?: any;
-    yAxisTextStyle?: any;
+    yAxisTextStyle?: StyleProp<TextStyle>;
     yAxisTextNumberOfLines?: number;
     xAxisTextNumberOfLines?: number;
     showFractionalValues?: boolean;
@@ -265,7 +265,7 @@ export interface LineChartPropsType {
     textShiftY?: number;
     yAxisLabelTexts?: string[];
     xAxisLabelTexts?: string[];
-    xAxisLabelTextStyle?: any;
+    xAxisLabelTextStyle?: StyleProp<TextStyle>;
     xAxisLabelsHeight?: number;
     xAxisLabelsVerticalShift?: number;
     xAxisLabelsAtBottom?: boolean;
@@ -343,10 +343,10 @@ export interface lineDataItem {
     value?: number;
     label?: string;
     labelComponent?: Function;
-    labelTextStyle?: any;
+    labelTextStyle?: StyleProp<TextStyle>;
     secondaryLabel?: string;
     secondaryLabelComponent?: Function;
-    secondaryLabelTextStyle?: any;
+    secondaryLabelTextStyle?: StyleProp<TextStyle>;
     dataPointText?: string;
     textShiftX?: number;
     textShiftY?: number;
@@ -402,7 +402,7 @@ export interface bicolorLineDataItem {
     value: number;
     label?: string;
     labelComponent?: Function;
-    labelTextStyle?: any;
+    labelTextStyle?: StyleProp<TextStyle>;
     dataPointText?: string;
     textShiftX?: number;
     textShiftY?: number;
@@ -527,9 +527,9 @@ export interface LineChartBicolorPropsType {
     colorNegative?: string;
     yAxisThickness?: number;
     yAxisColor?: ColorValue;
-    yAxisLabelContainerStyle?: any;
+    yAxisLabelContainerStyle?: StyleProp<ViewStyle>;
     horizontalRulesStyle?: any;
-    yAxisTextStyle?: any;
+    yAxisTextStyle?: StyleProp<TextStyle>;
     yAxisTextNumberOfLines?: number;
     xAxisTextNumberOfLines?: number;
     showFractionalValues?: boolean;
@@ -571,7 +571,7 @@ export interface LineChartBicolorPropsType {
     textShiftY?: number;
     yAxisLabelTexts?: string[];
     xAxisLabelTexts?: string[];
-    xAxisLabelTextStyle?: any;
+    xAxisLabelTextStyle?: StyleProp<TextStyle>;
     width?: number;
     yAxisLabelPrefix?: string;
     yAxisLabelSuffix?: string;
@@ -590,6 +590,8 @@ export interface LineChartBicolorPropsType {
     overScrollMode?: 'auto' | 'always' | 'never';
     onScrollEndDrag?: (event: any, direction: any) => void;
     parentWidth?: number;
+    yAxisExtraHeight?: number;
+    trimYAxisAtTop?: boolean;
 }
 export interface LineChartPropsTypeForWeb extends LineChartPropsType {
     onContextMenu?: Function;

package/package.json

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