gifted-charts-core 0.1.29 → 0.1.31

package/dist/BarChart/types.d.ts

@@ -58,6 +58,7 @@ export interface StackedBarChartPropsType {
     color?: ColorValue;
     topLabelComponent?: Component;
     topLabelContainerStyle?: any;
+    topLabelTextStyle?: any;
     opacity?: number;
     label: string;
     labelTextStyle?: any;

package/dist/LineChart/index.d.ts

@@ -374,7 +374,6 @@ export declare const useLineChart: (props: extendedLineChartPropsType) => {
     stripStrokeDashArray: number[] | undefined;
     unFocusOnPressOut: boolean;
     delayBeforeUnFocus: number;
-    containerHeightIncludingBelowXAxis: number;
     lineGradient: boolean;
     lineGradientDirection: string;
     lineGradientStartColor: string;

package/dist/LineChart/index.js

@@ -474,7 +474,7 @@ export var useLineChart = function (props) {
                                 (initialSpacing + spacing * (set.data.length - 1)) +
                                 ' ' +
                                 heightUptoXaxis;
-                        ppp += 'L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
+                        ppp += ' L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
                         fillPointsArray_1.push(ppp.replace('L', 'M'));
                     }
                 }
@@ -598,7 +598,7 @@ export var useLineChart = function (props) {
                                 (initialSpacing + spacing * (data.length - 1)) +
                                 ' ' +
                                 heightUptoXaxis;
-                        ppp += 'L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
+                        ppp += ' L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
                         setFillPoints(ppp.replace('L', 'M'));
                     }
                     if ((areaChart !== null && areaChart !== void 0 ? areaChart : areaChart2) && data2.length > 0) {
@@ -609,7 +609,7 @@ export var useLineChart = function (props) {
                                 (initialSpacing + spacing * (data.length - 1)) +
                                 ' ' +
                                 heightUptoXaxis;
-                        ppp2 += 'L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
+                        ppp2 += ' L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
                         setFillPoints2(ppp2.replace('L', 'M'));
                     }
                     if ((areaChart !== null && areaChart !== void 0 ? areaChart : areaChart3) && data3.length > 0) {
@@ -620,7 +620,7 @@ export var useLineChart = function (props) {
                                 (initialSpacing + spacing * (data.length - 1)) +
                                 ' ' +
                                 heightUptoXaxis;
-                        ppp3 += 'L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
+                        ppp3 += ' L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
                         setFillPoints3(ppp3.replace('L', 'M'));
                     }
                     if ((areaChart !== null && areaChart !== void 0 ? areaChart : areaChart4) && data4.length > 0) {
@@ -631,7 +631,7 @@ export var useLineChart = function (props) {
                                 (initialSpacing + spacing * (data.length - 1)) +
                                 ' ' +
                                 heightUptoXaxis;
-                        ppp4 += 'L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
+                        ppp4 += ' L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
                         setFillPoints4(ppp4.replace('L', 'M'));
                     }
                     if ((areaChart !== null && areaChart !== void 0 ? areaChart : areaChart5) && data5.length > 0) {
@@ -642,7 +642,7 @@ export var useLineChart = function (props) {
                                 (initialSpacing + spacing * (data.length - 1)) +
                                 ' ' +
                                 heightUptoXaxis;
-                        ppp5 += 'L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
+                        ppp5 += ' L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
                         setFillPoints5(ppp5.replace('L', 'M'));
                     }
                 }
@@ -833,7 +833,7 @@ export var useLineChart = function (props) {
                             (initialSpacing + spacing * (secondaryData.length - 1)) +
                             ' ' +
                             heightUptoXaxis;
-                    ppp += 'L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
+                    ppp += ' L' + initialSpacing + ' ' + heightUptoXaxis + ' ';
                     setSecondaryFillPoints(ppp.replace('L', 'M'));
                 }
             }
@@ -938,7 +938,6 @@ export var useLineChart = function (props) {
     var stripStrokeDashArray = props.stripStrokeDashArray;
     var unFocusOnPressOut = (_288 = props.unFocusOnPressOut) !== null && _288 !== void 0 ? _288 : LineDefaults.unFocusOnPressOut;
     var delayBeforeUnFocus = (_289 = props.delayBeforeUnFocus) !== null && _289 !== void 0 ? _289 : LineDefaults.delayBeforeUnFocus;
-    var containerHeightIncludingBelowXAxis = extendedContainerHeight + noOfSectionsBelowXAxis * stepHeight;
     var lineGradient = (_290 = props.lineGradient) !== null && _290 !== void 0 ? _290 : LineDefaults.lineGradient;
     var lineGradientDirection = (_291 = props.lineGradientDirection) !== null && _291 !== void 0 ? _291 : 'vertical';
     var lineGradientStartColor = (_292 = props.lineGradientStartColor) !== null && _292 !== void 0 ? _292 : LineDefaults.lineGradientStartColor;
@@ -1428,7 +1427,6 @@ export var useLineChart = function (props) {
         stripStrokeDashArray: stripStrokeDashArray,
         unFocusOnPressOut: unFocusOnPressOut,
         delayBeforeUnFocus: delayBeforeUnFocus,
-        containerHeightIncludingBelowXAxis: containerHeightIncludingBelowXAxis,
         lineGradient: lineGradient,
         lineGradientDirection: lineGradientDirection,
         lineGradientStartColor: lineGradientStartColor,

package/dist/PieChart/main.js

@@ -34,7 +34,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { emptyExternaLabelProperties, getTextSizeForPieLabels } from '../utils';
+import { defaultLabelLineConfig, emptyExternaLabelProperties, getTextSizeForPieLabels } from '../utils';
 export var getPieChartMainProps = 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;
     var isThreeD = props.isThreeD, isBiggerPie = props.isBiggerPie, paddingHorizontal = props.paddingHorizontal, paddingVertical = props.paddingVertical, extraRadius = props.extraRadius, showExternalLabels = props.showExternalLabels, externalLabelComponent = props.externalLabelComponent;
@@ -73,13 +73,13 @@ export var getPieChartMainProps = function (props) {
     var textColor = (_o = props.textColor) !== null && _o !== void 0 ? _o : '';
     var textSize = getTextSizeForPieLabels((_p = props.textSize) !== null && _p !== void 0 ? _p : 0, radius);
     var labelLineConfig = {
-        length: (_r = (_q = props.labelLineConfig) === null || _q === void 0 ? void 0 : _q.length) !== null && _r !== void 0 ? _r : 10,
-        tailLength: (_t = (_s = props.labelLineConfig) === null || _s === void 0 ? void 0 : _s.tailLength) !== null && _t !== void 0 ? _t : 8,
-        color: (_v = (_u = props.labelLineConfig) === null || _u === void 0 ? void 0 : _u.color) !== null && _v !== void 0 ? _v : 'black',
-        thickness: (_x = (_w = props.labelLineConfig) === null || _w === void 0 ? void 0 : _w.thickness) !== null && _x !== void 0 ? _x : 1,
-        labelComponentWidth: (_z = (_y = props.labelLineConfig) === null || _y === void 0 ? void 0 : _y.labelComponentWidth) !== null && _z !== void 0 ? _z : 20,
-        labelComponentHeight: (_1 = (_0 = props.labelLineConfig) === null || _0 === void 0 ? void 0 : _0.labelComponentHeight) !== null && _1 !== void 0 ? _1 : 10,
-        labelComponentMargin: (_3 = (_2 = props.labelLineConfig) === null || _2 === void 0 ? void 0 : _2.labelComponentMargin) !== null && _3 !== void 0 ? _3 : 4
+        length: (_r = (_q = props.labelLineConfig) === null || _q === void 0 ? void 0 : _q.length) !== null && _r !== void 0 ? _r : defaultLabelLineConfig.length,
+        tailLength: (_t = (_s = props.labelLineConfig) === null || _s === void 0 ? void 0 : _s.tailLength) !== null && _t !== void 0 ? _t : defaultLabelLineConfig.tailLength,
+        color: (_v = (_u = props.labelLineConfig) === null || _u === void 0 ? void 0 : _u.color) !== null && _v !== void 0 ? _v : defaultLabelLineConfig.color,
+        thickness: (_x = (_w = props.labelLineConfig) === null || _w === void 0 ? void 0 : _w.thickness) !== null && _x !== void 0 ? _x : defaultLabelLineConfig.thickness,
+        labelComponentWidth: (_z = (_y = props.labelLineConfig) === null || _y === void 0 ? void 0 : _y.labelComponentWidth) !== null && _z !== void 0 ? _z : defaultLabelLineConfig.labelComponentWidth,
+        labelComponentHeight: (_1 = (_0 = props.labelLineConfig) === null || _0 === void 0 ? void 0 : _0.labelComponentHeight) !== null && _1 !== void 0 ? _1 : defaultLabelLineConfig.labelComponentHeight,
+        labelComponentMargin: (_3 = (_2 = props.labelLineConfig) === null || _2 === void 0 ? void 0 : _2.labelComponentMargin) !== null && _3 !== void 0 ? _3 : defaultLabelLineConfig.labelComponentMargin
     };
     var tiltAngle = (_4 = props.tiltAngle) !== null && _4 !== void 0 ? _4 : '55deg';
     if (tiltAngle &&

package/dist/components/BarAndLineChartsWrapper/getHorizSectionsVals.d.ts

@@ -1,6 +1,8 @@
 import { type HorizSectionsType, type horizSectionPropTypes, type secondaryYAxisType } from '../../utils/types';
 export declare const getHorizSectionVals: (props: horizSectionPropTypes) => {
-    secondaryYAxisConfig: secondaryYAxisType;
+    secondaryYAxisConfig: secondaryYAxisType & {
+        stepValue: number;
+    };
     horizSections: HorizSectionsType;
     yAxisExtraHeightAtTop: number;
     secondaryHorizSections: HorizSectionsType;

package/dist/components/BarAndLineChartsWrapper/getHorizSectionsVals.js

@@ -1,8 +1,8 @@
 import { AxesAndRulesDefaults } from '../../utils/constants';
-import { computeMaxAndMinItems, getLabelTextUtil } from '../../utils';
+import { getLabelTextUtil } from '../../utils';
 export var getHorizSectionVals = 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;
-    var width = props.width, noOfSectionsBelowXAxis = props.noOfSectionsBelowXAxis, totalWidth = props.totalWidth, endSpacing = props.endSpacing, yAxisSide = props.yAxisSide, noOfSections = props.noOfSections, yAxisLabelWidth = props.yAxisLabelWidth, yAxisLabelContainerStyle = props.yAxisLabelContainerStyle, yAxisThickness = props.yAxisThickness, yAxisColor = props.yAxisColor, yAxisExtraHeight = props.yAxisExtraHeight, trimYAxisAtTop = props.trimYAxisAtTop, dashWidth = props.dashWidth, dashGap = props.dashGap, rulesType = props.rulesType, rulesThickness = props.rulesThickness, spacing = props.spacing, showYAxisIndices = props.showYAxisIndices, yAxisIndicesHeight = props.yAxisIndicesHeight, yAxisIndicesWidth = props.yAxisIndicesWidth, yAxisIndicesColor = props.yAxisIndicesColor, hideOrigin = props.hideOrigin, hideYAxisText = props.hideYAxisText, showFractionalValues = props.showFractionalValues, yAxisTextNumberOfLines = props.yAxisTextNumberOfLines, yAxisLabelPrefix = props.yAxisLabelPrefix, yAxisLabelSuffix = props.yAxisLabelSuffix, yAxisTextStyle = props.yAxisTextStyle, containerHeight = props.containerHeight, maxValue = props.maxValue, referenceLinesConfig = props.referenceLinesConfig, yAxisLabelTexts = props.yAxisLabelTexts, stepValue = props.stepValue, negativeStepValue = props.negativeStepValue, roundToDigits = props.roundToDigits, yAxisOffset = props.yAxisOffset, formatYLabel = props.formatYLabel, secondaryData = props.secondaryData, secondaryYAxis = props.secondaryYAxis;
+    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;
+    var width = props.width, noOfSectionsBelowXAxis = props.noOfSectionsBelowXAxis, totalWidth = props.totalWidth, endSpacing = props.endSpacing, yAxisSide = props.yAxisSide, noOfSections = props.noOfSections, yAxisLabelWidth = props.yAxisLabelWidth, yAxisLabelContainerStyle = props.yAxisLabelContainerStyle, yAxisThickness = props.yAxisThickness, yAxisColor = props.yAxisColor, yAxisExtraHeight = props.yAxisExtraHeight, trimYAxisAtTop = props.trimYAxisAtTop, dashWidth = props.dashWidth, dashGap = props.dashGap, rulesType = props.rulesType, rulesThickness = props.rulesThickness, spacing = props.spacing, showYAxisIndices = props.showYAxisIndices, yAxisIndicesHeight = props.yAxisIndicesHeight, yAxisIndicesWidth = props.yAxisIndicesWidth, yAxisIndicesColor = props.yAxisIndicesColor, hideOrigin = props.hideOrigin, hideYAxisText = props.hideYAxisText, showFractionalValues = props.showFractionalValues, yAxisTextNumberOfLines = props.yAxisTextNumberOfLines, yAxisLabelPrefix = props.yAxisLabelPrefix, yAxisLabelSuffix = props.yAxisLabelSuffix, yAxisTextStyle = props.yAxisTextStyle, containerHeight = props.containerHeight, maxValue = props.maxValue, referenceLinesConfig = props.referenceLinesConfig, yAxisLabelTexts = props.yAxisLabelTexts, stepValue = props.stepValue, negativeStepValue = props.negativeStepValue, roundToDigits = props.roundToDigits, yAxisOffset = props.yAxisOffset, formatYLabel = props.formatYLabel, secondaryMaxItem = props.secondaryMaxItem, secondaryMinItem = props.secondaryMinItem, secondaryYAxis = props.secondaryYAxis, secondaryStepValue = props.secondaryStepValue, secondaryNegativeStepValue = props.secondaryNegativeStepValue, secondaryNoOfSectionsBelowXAxis = props.secondaryNoOfSectionsBelowXAxis;
     var yAxisExtraHeightAtTop = trimYAxisAtTop ? 0 : yAxisExtraHeight;
     /***********************************************************************************************************************************
      *                                                                                                                                  *
@@ -13,43 +13,39 @@ export var getHorizSectionVals = function (props) {
         noOfSections: (_a = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.noOfSections) !== null && _a !== void 0 ? _a : noOfSections,
         maxValue: secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.maxValue,
         mostNegativeValue: secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.mostNegativeValue,
-        stepValue: secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.stepValue,
+        stepValue: secondaryStepValue,
         stepHeight: secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.stepHeight,
-        negativeStepValue: secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.stepValue,
-        negativeStepHeight: secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.stepHeight,
+        negativeStepValue: secondaryNegativeStepValue,
+        negativeStepHeight: secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.negativeStepHeight,
         showFractionalValues: (_b = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.showFractionalValues) !== null && _b !== void 0 ? _b : showFractionalValues,
         roundToDigits: (_c = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.roundToDigits) !== null && _c !== void 0 ? _c : roundToDigits,
-        noOfSectionsBelowXAxis: (_d = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.noOfSectionsBelowXAxis) !== null && _d !== void 0 ? _d : noOfSectionsBelowXAxis,
-        showYAxisIndices: (_e = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.showYAxisIndices) !== null && _e !== void 0 ? _e : showYAxisIndices,
-        yAxisIndicesHeight: (_f = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisIndicesHeight) !== null && _f !== void 0 ? _f : yAxisIndicesHeight,
-        yAxisIndicesWidth: (_g = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisIndicesWidth) !== null && _g !== void 0 ? _g : yAxisIndicesWidth,
-        yAxisIndicesColor: (_h = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisIndicesColor) !== null && _h !== void 0 ? _h : yAxisIndicesColor,
-        yAxisSide: (_j = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisSide) !== null && _j !== void 0 ? _j : yAxisSide,
+        noOfSectionsBelowXAxis: secondaryNoOfSectionsBelowXAxis,
+        showYAxisIndices: (_d = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.showYAxisIndices) !== null && _d !== void 0 ? _d : showYAxisIndices,
+        yAxisIndicesHeight: (_e = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisIndicesHeight) !== null && _e !== void 0 ? _e : yAxisIndicesHeight,
+        yAxisIndicesWidth: (_f = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisIndicesWidth) !== null && _f !== void 0 ? _f : yAxisIndicesWidth,
+        yAxisIndicesColor: (_g = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisIndicesColor) !== null && _g !== void 0 ? _g : yAxisIndicesColor,
+        yAxisSide: (_h = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisSide) !== null && _h !== void 0 ? _h : yAxisSide,
         yAxisOffset: secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisOffset,
-        yAxisThickness: (_k = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisThickness) !== null && _k !== void 0 ? _k : yAxisThickness,
-        yAxisColor: (_l = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisColor) !== null && _l !== void 0 ? _l : yAxisColor,
-        yAxisLabelContainerStyle: (_m = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisLabelContainerStyle) !== null && _m !== void 0 ? _m : yAxisLabelContainerStyle,
-        yAxisLabelTexts: (_o = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisLabelTexts) !== null && _o !== void 0 ? _o : yAxisLabelTexts,
-        yAxisTextStyle: (_p = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisTextStyle) !== null && _p !== void 0 ? _p : yAxisTextStyle,
-        yAxisTextNumberOfLines: (_q = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisTextNumberOfLines) !== null && _q !== void 0 ? _q : yAxisTextNumberOfLines,
-        yAxisLabelWidth: (_r = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisLabelWidth) !== null && _r !== void 0 ? _r : yAxisLabelWidth,
-        hideYAxisText: (_s = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.hideYAxisText) !== null && _s !== void 0 ? _s : hideYAxisText,
-        yAxisLabelPrefix: (_t = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisLabelPrefix) !== null && _t !== void 0 ? _t : yAxisLabelPrefix,
-        yAxisLabelSuffix: (_u = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisLabelSuffix) !== null && _u !== void 0 ? _u : yAxisLabelSuffix,
-        hideOrigin: (_v = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.hideOrigin) !== null && _v !== void 0 ? _v : hideOrigin,
+        yAxisThickness: (_j = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisThickness) !== null && _j !== void 0 ? _j : yAxisThickness,
+        yAxisColor: (_k = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisColor) !== null && _k !== void 0 ? _k : yAxisColor,
+        yAxisLabelContainerStyle: (_l = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisLabelContainerStyle) !== null && _l !== void 0 ? _l : yAxisLabelContainerStyle,
+        yAxisLabelTexts: (_m = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisLabelTexts) !== null && _m !== void 0 ? _m : yAxisLabelTexts,
+        yAxisTextStyle: (_o = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisTextStyle) !== null && _o !== void 0 ? _o : yAxisTextStyle,
+        yAxisTextNumberOfLines: (_p = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisTextNumberOfLines) !== null && _p !== void 0 ? _p : yAxisTextNumberOfLines,
+        yAxisLabelWidth: (_q = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisLabelWidth) !== null && _q !== void 0 ? _q : yAxisLabelWidth,
+        hideYAxisText: (_r = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.hideYAxisText) !== null && _r !== void 0 ? _r : hideYAxisText,
+        yAxisLabelPrefix: (_s = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisLabelPrefix) !== null && _s !== void 0 ? _s : yAxisLabelPrefix,
+        yAxisLabelSuffix: (_t = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.yAxisLabelSuffix) !== null && _t !== void 0 ? _t : yAxisLabelSuffix,
+        hideOrigin: (_u = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.hideOrigin) !== null && _u !== void 0 ? _u : hideOrigin,
         formatYLabel: secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.formatYLabel
     };
-    var _20 = computeMaxAndMinItems(secondaryData, secondaryYAxisConfig.roundToDigits, secondaryYAxisConfig.showFractionalValues), maxItem = _20.maxItem, minItem = _20.minItem;
     secondaryYAxisConfig.maxValue =
-        (_w = secondaryYAxisConfig.maxValue) !== null && _w !== void 0 ? _w : (maxItem || maxValue);
+        (_v = secondaryYAxisConfig.maxValue) !== null && _v !== void 0 ? _v : (secondaryMaxItem || maxValue);
     secondaryYAxisConfig.mostNegativeValue =
-        (_x = secondaryYAxisConfig.mostNegativeValue) !== null && _x !== void 0 ? _x : minItem;
-    secondaryYAxisConfig.stepValue =
-        (_y = secondaryYAxisConfig.stepValue) !== null && _y !== void 0 ? _y : ((_z = secondaryYAxisConfig.maxValue) !== null && _z !== void 0 ? _z : 0) /
-            ((_0 = secondaryYAxisConfig.noOfSections) !== null && _0 !== void 0 ? _0 : noOfSections);
+        (_w = secondaryYAxisConfig.mostNegativeValue) !== null && _w !== void 0 ? _w : secondaryMinItem;
     secondaryYAxisConfig.stepHeight =
         secondaryYAxisConfig.stepHeight ||
-            containerHeight / ((_1 = secondaryYAxisConfig.noOfSections) !== null && _1 !== void 0 ? _1 : noOfSections);
+            containerHeight / ((_x = secondaryYAxisConfig.noOfSections) !== null && _x !== void 0 ? _x : noOfSections);
     var horizSections = [];
     for (var i = 0; i <= noOfSections; i++) {
         var value = maxValue - stepValue * i;
@@ -58,7 +54,7 @@ export var getHorizSectionVals = function (props) {
         }
         horizSections.push({
             value: (yAxisLabelTexts === null || yAxisLabelTexts === void 0 ? void 0 : yAxisLabelTexts.length)
-                ? (_2 = yAxisLabelTexts[noOfSections + noOfSectionsBelowXAxis - i]) !== null && _2 !== void 0 ? _2 : value.toString()
+                ? (_y = yAxisLabelTexts[noOfSections + noOfSectionsBelowXAxis - i]) !== null && _y !== void 0 ? _y : value.toString()
                 : value.toString()
         });
     }
@@ -71,22 +67,22 @@ export var getHorizSectionVals = function (props) {
             }
             horizSectionsBelow.push({
                 value: props.yAxisLabelTexts
-                    ? (_3 = props.yAxisLabelTexts[noOfSectionsBelowXAxis - i]) !== null && _3 !== void 0 ? _3 : value.toString()
+                    ? (_z = props.yAxisLabelTexts[noOfSectionsBelowXAxis - i]) !== null && _z !== void 0 ? _z : value.toString()
                     : value.toString()
             });
         }
     }
     var secondaryHorizSections = [];
     if (secondaryYAxis) {
-        for (var i = 0; i <= ((_4 = secondaryYAxisConfig.noOfSections) !== null && _4 !== void 0 ? _4 : noOfSections); i++) {
+        for (var i = 0; i <= ((_0 = secondaryYAxisConfig.noOfSections) !== null && _0 !== void 0 ? _0 : noOfSections); i++) {
             var value = secondaryYAxisConfig.stepValue * i;
             if (secondaryYAxisConfig.showFractionalValues ||
                 secondaryYAxisConfig.roundToDigits) {
-                value = parseFloat(value.toFixed((_5 = secondaryYAxisConfig.roundToDigits) !== null && _5 !== void 0 ? _5 : AxesAndRulesDefaults.roundToDigits));
+                value = parseFloat(value.toFixed((_1 = secondaryYAxisConfig.roundToDigits) !== null && _1 !== void 0 ? _1 : AxesAndRulesDefaults.roundToDigits));
             }
             secondaryHorizSections.push({
-                value: ((_6 = secondaryYAxisConfig.yAxisLabelTexts) === null || _6 === void 0 ? void 0 : _6.length)
-                    ? (_7 = secondaryYAxisConfig.yAxisLabelTexts[i - noOfSectionsBelowXAxis - 1]) !== null && _7 !== void 0 ? _7 : value.toString()
+                value: ((_2 = secondaryYAxisConfig.yAxisLabelTexts) === null || _2 === void 0 ? void 0 : _2.length)
+                    ? (_3 = secondaryYAxisConfig.yAxisLabelTexts[i - noOfSectionsBelowXAxis - 1]) !== null && _3 !== void 0 ? _3 : value.toString()
                     : value.toString()
             });
         }
@@ -98,11 +94,11 @@ export var getHorizSectionVals = function (props) {
                 (i - secondaryYAxisConfig.noOfSectionsBelowXAxis - 1);
             if (secondaryYAxisConfig.showFractionalValues ||
                 secondaryYAxisConfig.roundToDigits) {
-                value = parseFloat(value.toFixed((_8 = secondaryYAxisConfig.roundToDigits) !== null && _8 !== void 0 ? _8 : AxesAndRulesDefaults.roundToDigits));
+                value = parseFloat(value.toFixed((_4 = secondaryYAxisConfig.roundToDigits) !== null && _4 !== void 0 ? _4 : AxesAndRulesDefaults.roundToDigits));
             }
             secondaryHorizSectionsBelow.push({
-                value: ((_9 = secondaryYAxisConfig.yAxisLabelTexts) === null || _9 === void 0 ? void 0 : _9.length)
-                    ? (_10 = secondaryYAxisConfig.yAxisLabelTexts[i - 1]) !== null && _10 !== void 0 ? _10 : value.toString()
+                value: ((_5 = secondaryYAxisConfig.yAxisLabelTexts) === null || _5 === void 0 ? void 0 : _5.length)
+                    ? (_6 = secondaryYAxisConfig.yAxisLabelTexts[i - 1]) !== null && _6 !== void 0 ? _6 : value.toString()
                     : value.toString()
             });
         }
@@ -123,12 +119,12 @@ export var getHorizSectionVals = function (props) {
     };
     showReferenceLine1 = referenceLinesConfig.showReferenceLine1 || false;
     referenceLine1Position =
-        (_11 = referenceLinesConfig.referenceLine1Position) !== null && _11 !== void 0 ? _11 : (referenceLinesConfig.referenceLine1Position || containerHeight / 2);
+        (_7 = referenceLinesConfig.referenceLine1Position) !== null && _7 !== void 0 ? _7 : (referenceLinesConfig.referenceLine1Position || containerHeight / 2);
     referenceLine1Config = referenceLinesConfig.referenceLine1Config
         ? {
             thickness: referenceLinesConfig.referenceLine1Config.thickness ||
                 defaultReferenceConfig.thickness,
-            width: (_12 = referenceLinesConfig.referenceLine1Config.width) !== null && _12 !== void 0 ? _12 : defaultReferenceConfig.width,
+            width: (_8 = referenceLinesConfig.referenceLine1Config.width) !== null && _8 !== void 0 ? _8 : defaultReferenceConfig.width,
             color: referenceLinesConfig.referenceLine1Config.color ||
                 defaultReferenceConfig.color,
             type: referenceLinesConfig.referenceLine1Config.type ||
@@ -141,17 +137,17 @@ export var getHorizSectionVals = function (props) {
                 defaultReferenceConfig.labelText,
             labelTextStyle: referenceLinesConfig.referenceLine1Config.labelTextStyle ||
                 defaultReferenceConfig.labelTextStyle,
-            zIndex: (_13 = referenceLinesConfig.referenceLine1Config.zIndex) !== null && _13 !== void 0 ? _13 : defaultReferenceConfig.zIndex
+            zIndex: (_9 = referenceLinesConfig.referenceLine1Config.zIndex) !== null && _9 !== void 0 ? _9 : defaultReferenceConfig.zIndex
         }
         : defaultReferenceConfig;
     showReferenceLine2 = referenceLinesConfig.showReferenceLine2 || false;
     referenceLine2Position =
-        (_14 = referenceLinesConfig.referenceLine2Position) !== null && _14 !== void 0 ? _14 : (referenceLinesConfig.referenceLine2Position || (3 * containerHeight) / 2);
+        (_10 = referenceLinesConfig.referenceLine2Position) !== null && _10 !== void 0 ? _10 : (referenceLinesConfig.referenceLine2Position || (3 * containerHeight) / 2);
     referenceLine2Config = referenceLinesConfig.referenceLine2Config
         ? {
             thickness: referenceLinesConfig.referenceLine2Config.thickness ||
                 defaultReferenceConfig.thickness,
-            width: (_15 = referenceLinesConfig.referenceLine2Config.width) !== null && _15 !== void 0 ? _15 : defaultReferenceConfig.width,
+            width: (_11 = referenceLinesConfig.referenceLine2Config.width) !== null && _11 !== void 0 ? _11 : defaultReferenceConfig.width,
             color: referenceLinesConfig.referenceLine2Config.color ||
                 defaultReferenceConfig.color,
             type: referenceLinesConfig.referenceLine2Config.type ||
@@ -164,17 +160,17 @@ export var getHorizSectionVals = function (props) {
                 defaultReferenceConfig.labelText,
             labelTextStyle: referenceLinesConfig.referenceLine2Config.labelTextStyle ||
                 defaultReferenceConfig.labelTextStyle,
-            zIndex: (_16 = referenceLinesConfig.referenceLine2Config.zIndex) !== null && _16 !== void 0 ? _16 : defaultReferenceConfig.zIndex
+            zIndex: (_12 = referenceLinesConfig.referenceLine2Config.zIndex) !== null && _12 !== void 0 ? _12 : defaultReferenceConfig.zIndex
         }
         : defaultReferenceConfig;
     showReferenceLine3 = referenceLinesConfig.showReferenceLine3 || false;
     referenceLine3Position =
-        (_17 = referenceLinesConfig.referenceLine3Position) !== null && _17 !== void 0 ? _17 : (referenceLinesConfig.referenceLine3Position || containerHeight / 3);
+        (_13 = referenceLinesConfig.referenceLine3Position) !== null && _13 !== void 0 ? _13 : (referenceLinesConfig.referenceLine3Position || containerHeight / 3);
     referenceLine3Config = referenceLinesConfig.referenceLine3Config
         ? {
             thickness: referenceLinesConfig.referenceLine3Config.thickness ||
                 defaultReferenceConfig.thickness,
-            width: (_18 = referenceLinesConfig.referenceLine3Config.width) !== null && _18 !== void 0 ? _18 : defaultReferenceConfig.width,
+            width: (_14 = referenceLinesConfig.referenceLine3Config.width) !== null && _14 !== void 0 ? _14 : defaultReferenceConfig.width,
             color: referenceLinesConfig.referenceLine3Config.color ||
                 defaultReferenceConfig.color,
             type: referenceLinesConfig.referenceLine3Config.type ||
@@ -187,7 +183,7 @@ export var getHorizSectionVals = function (props) {
                 defaultReferenceConfig.labelText,
             labelTextStyle: referenceLinesConfig.referenceLine3Config.labelTextStyle ||
                 defaultReferenceConfig.labelTextStyle,
-            zIndex: (_19 = referenceLinesConfig.referenceLine3Config.zIndex) !== null && _19 !== void 0 ? _19 : defaultReferenceConfig.zIndex
+            zIndex: (_15 = referenceLinesConfig.referenceLine3Config.zIndex) !== null && _15 !== void 0 ? _15 : defaultReferenceConfig.zIndex
         }
         : defaultReferenceConfig;
     var getLabelTexts = function (val, index) {

package/dist/components/BarAndLineChartsWrapper/index.js

@@ -36,9 +36,10 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { useEffect, useState } from 'react';
 import { AxesAndRulesDefaults, BarDefaults } from '../../utils/constants';
+import { computeMaxAndMinItems } from '../../utils';
 export var useBarAndLineChartsWrapper = 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;
-    var chartType = props.chartType, containerHeight = props.containerHeight, noOfSectionsBelowXAxis = props.noOfSectionsBelowXAxis, sectionColors = props.sectionColors, stepHeight = props.stepHeight, negativeStepHeight = props.negativeStepHeight, labelsExtraHeight = props.labelsExtraHeight, yAxisLabelWidth = props.yAxisLabelWidth, horizontal = props.horizontal, rtl = props.rtl, shiftX = props.shiftX, shiftY = props.shiftY, initialSpacing = props.initialSpacing, data = props.data, stackData = props.stackData, secondaryData = props.secondaryData, barWidth = props.barWidth, xAxisThickness = props.xAxisThickness, totalWidth = props.totalWidth, spacing = props.spacing, lineConfig = props.lineConfig, lineConfig2 = props.lineConfig2, maxValue = props.maxValue, lineData = props.lineData, lineData2 = props.lineData2, animatedWidth = props.animatedWidth, lineBehindBars = props.lineBehindBars, points = props.points, points2 = props.points2, arrowPoints = props.arrowPoints, width = props.width, horizSections = props.horizSections, endSpacing = props.endSpacing, horizontalRulesStyle = props.horizontalRulesStyle, noOfSections = props.noOfSections, showFractionalValues = props.showFractionalValues, axesAndRulesProps = props.axesAndRulesProps, yAxisLabelTexts = props.yAxisLabelTexts, yAxisOffset = props.yAxisOffset, rotateYAxisTexts = props.rotateYAxisTexts, pointerConfig = props.pointerConfig, getPointerProps = props.getPointerProps, pointerIndex = props.pointerIndex, pointerX = props.pointerX, pointerY = props.pointerY, scrollEventThrottle = props.scrollEventThrottle, endReachedOffset = props.endReachedOffset, isRTL = props.isRTL, selectedIndex = props.selectedIndex;
+    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;
+    var chartType = props.chartType, containerHeight = props.containerHeight, noOfSectionsBelowXAxis = props.noOfSectionsBelowXAxis, sectionColors = props.sectionColors, stepHeight = props.stepHeight, negativeStepHeight = props.negativeStepHeight, labelsExtraHeight = props.labelsExtraHeight, yAxisLabelWidth = props.yAxisLabelWidth, horizontal = props.horizontal, rtl = props.rtl, shiftX = props.shiftX, shiftY = props.shiftY, initialSpacing = props.initialSpacing, data = props.data, dataSet = props.dataSet, stackData = props.stackData, secondaryData = props.secondaryData, barWidth = props.barWidth, xAxisThickness = props.xAxisThickness, totalWidth = props.totalWidth, spacing = props.spacing, lineConfig = props.lineConfig, lineConfig2 = props.lineConfig2, maxValue = props.maxValue, lineData = props.lineData, lineData2 = props.lineData2, animatedWidth = props.animatedWidth, lineBehindBars = props.lineBehindBars, points = props.points, points2 = props.points2, arrowPoints = props.arrowPoints, width = props.width, horizSections = props.horizSections, endSpacing = props.endSpacing, horizontalRulesStyle = props.horizontalRulesStyle, noOfSections = props.noOfSections, showFractionalValues = props.showFractionalValues, axesAndRulesProps = props.axesAndRulesProps, yAxisLabelTexts = props.yAxisLabelTexts, yAxisOffset = props.yAxisOffset, rotateYAxisTexts = props.rotateYAxisTexts, pointerConfig = props.pointerConfig, getPointerProps = props.getPointerProps, pointerIndex = props.pointerIndex, pointerX = props.pointerX, pointerY = props.pointerY, scrollEventThrottle = props.scrollEventThrottle, endReachedOffset = props.endReachedOffset, isRTL = props.isRTL, selectedIndex = props.selectedIndex;
     var yAxisAtTop = rtl ? !props.yAxisAtTop : props.yAxisAtTop;
     var hideOrigin = (_a = axesAndRulesProps.hideOrigin) !== null && _a !== void 0 ? _a : AxesAndRulesDefaults.hideOrigin;
     var yAxisSide = (_b = axesAndRulesProps.yAxisSide) !== null && _b !== void 0 ? _b : AxesAndRulesDefaults.yAxisSide;
@@ -92,6 +93,28 @@ export var useBarAndLineChartsWrapper = function (props) {
     var secondaryXAxis = axesAndRulesProps.secondaryXAxis;
     var verticalLinesAr = noOfVerticalLines
         ? __spreadArray([], __read(Array(noOfVerticalLines).keys()), false) : __spreadArray([], __read(Array(stackData ? stackData.length : data.length).keys()), false);
+    var extendedContainerHeight = containerHeight + overflowTop + 10;
+    var dataSetArray = __spreadArray([], __read((dataSet !== null && dataSet !== void 0 ? dataSet : [])), false);
+    var setWithMinValueInDataset = (_12 = (_11 = dataSetArray
+        .filter(function (set) { return set.isSecondary; })).sort) === null || _12 === void 0 ? void 0 : _12.call(_11, function (a, b) {
+        var minA = Math.min.apply(Math, __spreadArray([], __read(a.data.map(function (item) { return item.value; })), false));
+        var minB = Math.min.apply(Math, __spreadArray([], __read(b.data.map(function (item) { return item.value; })), false));
+        return minA - minB;
+    })[0];
+    var secondaryDataArrayWithMinValue = (secondaryData === null || secondaryData === void 0 ? void 0 : secondaryData.length)
+        ? secondaryData
+        : setWithMinValueInDataset === null || setWithMinValueInDataset === void 0 ? void 0 : setWithMinValueInDataset.data;
+    var _25 = computeMaxAndMinItems(secondaryDataArrayWithMinValue, (_13 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.roundToDigits) !== null && _13 !== void 0 ? _13 : roundToDigits, (_14 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.showFractionalValues) !== null && _14 !== void 0 ? _14 : showFractionalValues), secondaryMaxItem = _25.maxItem, secondaryMinItem = _25.minItem;
+    var secondaryStepValue = (_15 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.stepValue) !== null && _15 !== void 0 ? _15 : ((_16 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.maxValue) !== null && _16 !== void 0 ? _16 : 0) /
+        ((_17 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.noOfSections) !== null && _17 !== void 0 ? _17 : noOfSections);
+    var secondaryNegativeStepValue = (_18 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.negativeStepValue) !== null && _18 !== void 0 ? _18 : secondaryStepValue;
+    var secondaryNoOfSectionsBelowXAxis = (_19 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.noOfSectionsBelowXAxis) !== null && _19 !== void 0 ? _19 : (secondaryNegativeStepValue ? Math.ceil(((_20 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.mostNegativeValue) !== null && _20 !== void 0 ? _20 : secondaryMinItem) /
+        -secondaryNegativeStepValue) : 0);
+    var primaryYAxisHeightBelowOrigin = noOfSectionsBelowXAxis * negativeStepHeight;
+    var secondaryYAxisHeightBelowOrigin = secondaryNoOfSectionsBelowXAxis *
+        ((_22 = (_21 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.negativeStepHeight) !== null && _21 !== void 0 ? _21 : secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.stepHeight) !== null && _22 !== void 0 ? _22 : stepHeight);
+    var biggerNegativeYAxisHeight = Math.max(primaryYAxisHeightBelowOrigin, secondaryYAxisHeightBelowOrigin);
+    var containerHeightIncludingBelowXAxis = extendedContainerHeight + biggerNegativeYAxisHeight;
     var horizSectionProps = {
         chartType: chartType,
         width: width,
@@ -149,10 +172,14 @@ export var useBarAndLineChartsWrapper = function (props) {
         stepValue: stepValue,
         negativeStepValue: negativeStepValue,
         roundToDigits: roundToDigits,
-        secondaryData: secondaryData,
         secondaryYAxis: secondaryYAxis,
         formatYLabel: axesAndRulesProps.formatYLabel,
-        secondaryXAxis: secondaryXAxis
+        secondaryXAxis: secondaryXAxis,
+        secondaryMaxItem: secondaryMaxItem,
+        secondaryMinItem: secondaryMinItem,
+        secondaryStepValue: secondaryStepValue,
+        secondaryNegativeStepValue: secondaryNegativeStepValue,
+        secondaryNoOfSectionsBelowXAxis: secondaryNoOfSectionsBelowXAxis
     };
     var lineInBarChartProps = {
         yAxisLabelWidth: yAxisLabelWidth,
@@ -160,7 +187,7 @@ export var useBarAndLineChartsWrapper = function (props) {
         spacing: spacing,
         containerHeight: containerHeight,
         lineConfig: lineConfig,
-        maxValue: (_11 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.maxValue) !== null && _11 !== void 0 ? _11 : maxValue,
+        maxValue: (_23 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.maxValue) !== null && _23 !== void 0 ? _23 : maxValue,
         animatedWidth: animatedWidth,
         lineBehindBars: lineBehindBars,
         points: points,
@@ -174,12 +201,10 @@ export var useBarAndLineChartsWrapper = function (props) {
         selectedIndex: selectedIndex
     };
     var lineInBarChartProps2 = __assign(__assign({}, lineInBarChartProps), { lineConfig: lineConfig2, points: points2, data: lineData2 !== null && lineData2 !== void 0 ? lineData2 : [] });
-    var extendedContainerHeight = containerHeight + overflowTop + 10;
-    var containerHeightIncludingBelowXAxis = extendedContainerHeight + noOfSectionsBelowXAxis * stepHeight;
     var verticalLinesProps = {
         verticalLinesAr: verticalLinesAr,
         verticalLinesSpacing: verticalLinesSpacing,
-        spacing: (_12 = lineConfig === null || lineConfig === void 0 ? void 0 : lineConfig.spacing) !== null && _12 !== void 0 ? _12 : spacing,
+        spacing: (_24 = lineConfig === null || lineConfig === void 0 ? void 0 : lineConfig.spacing) !== null && _24 !== void 0 ? _24 : spacing,
         initialSpacing: initialSpacing,
         verticalLinesZIndex: verticalLinesZIndex,
         verticalLinesHeight: verticalLinesHeight,
@@ -234,7 +259,7 @@ export var useBarAndLineChartsWrapper = function (props) {
                 : difBwWidthHeight - 40) /
             2 +
         (yAxisAtTop ? (rtl ? (props.width ? 12 : 40) : 12) : 52), ")");
-    var _13 = __read(useState(false), 2), canMomentum = _13[0], setCanMomentum = _13[1];
+    var _26 = __read(useState(false), 2), canMomentum = _26[0], setCanMomentum = _26[1];
     var isCloseToEnd = function (_a) {
         var layoutMeasurement = _a.layoutMeasurement, contentOffset = _a.contentOffset, contentSize = _a.contentSize;
         return isRTL

package/dist/index.d.ts

@@ -34,6 +34,6 @@ export { type StripAndLabelProps } from './components/common/types';
 /***********************************************************************************************************************
 /*********************************          common utils, constants and types           ********************************
 /***********************************************************************************************************************/
-export { getCumulativeWidth, getLighterColor, svgQuadraticCurvePath, svgPath, bezierCommand, getSegmentString, getCurvePathWithSegments, getPreviousSegmentsLastPoint, getPathWithHighlight, getRegionPathObjects, getSegmentedPathObjects, getArrowPoints, getAxesAndRulesProps, getExtendedContainerHeightWithPadding, getSecondaryDataWithOffsetIncluded, getArrowProperty, getAllArrowProperties, maxAndMinUtil, computeMaxAndMinItems, getLabelTextUtil, getXForLineInBar, getYForLineInBar, clone, getLineConfigForBarChart, adjustToOffset } from './utils';
+export { getCumulativeWidth, getLighterColor, svgQuadraticCurvePath, svgPath, bezierCommand, getSegmentString, getCurvePathWithSegments, getPreviousSegmentsLastPoint, getPathWithHighlight, getRegionPathObjects, getSegmentedPathObjects, getArrowPoints, getAxesAndRulesProps, getExtendedContainerHeightWithPadding, getSecondaryDataWithOffsetIncluded, getArrowProperty, getAllArrowProperties, maxAndMinUtil, computeMaxAndMinItems, getLabelTextUtil, getXForLineInBar, getYForLineInBar, clone, getLineConfigForBarChart, adjustToOffset, pointsWithPaddedRepititions } from './utils';
 export { chartTypes, yAxisSides, loc, SEGMENT_START, SEGMENT_END, RANGE_ENTER, RANGE_EXIT, STOP, ruleTypes, AxesAndRulesDefaults, defaultArrowConfig, BarDefaults, defaultLineConfig, LineDefaults, defaultPointerConfig, pieColors, populationDefaults, defaultAnimationDuration } from './utils/constants';
 export { type RuleType, type RuleTypes, type RulesConfig, CurveType, EdgePosition, type LabelsPosition, type PointerEvents, type secondaryYAxisType, type secondaryLineConfigType, type referenceConfigType, type arrowConfigType, type horizSectionPropTypes, type HorizSectionsType, type BarAndLineChartsWrapperTypes, type Pointer, type HighlightedRange, type LineSegment, type LineSvgProps, type LineProperties, type DataSet, Framework, type XAxisConfig, type LineInBarChartPropsType, type DataPointProps, type Linecap, type IntersectionAreaConfig, type LabelLineConfig } from './utils/types';

package/dist/index.js

@@ -29,6 +29,6 @@ export { getTopAndLeftForStripAndLabel } from './components/common/StripAndLabel
 /***********************************************************************************************************************
 /*********************************          common utils, constants and types           ********************************
 /***********************************************************************************************************************/
-export { getCumulativeWidth, getLighterColor, svgQuadraticCurvePath, svgPath, bezierCommand, getSegmentString, getCurvePathWithSegments, getPreviousSegmentsLastPoint, getPathWithHighlight, getRegionPathObjects, getSegmentedPathObjects, getArrowPoints, getAxesAndRulesProps, getExtendedContainerHeightWithPadding, getSecondaryDataWithOffsetIncluded, getArrowProperty, getAllArrowProperties, maxAndMinUtil, computeMaxAndMinItems, getLabelTextUtil, getXForLineInBar, getYForLineInBar, clone, getLineConfigForBarChart, adjustToOffset } from './utils';
+export { getCumulativeWidth, getLighterColor, svgQuadraticCurvePath, svgPath, bezierCommand, getSegmentString, getCurvePathWithSegments, getPreviousSegmentsLastPoint, getPathWithHighlight, getRegionPathObjects, getSegmentedPathObjects, getArrowPoints, getAxesAndRulesProps, getExtendedContainerHeightWithPadding, getSecondaryDataWithOffsetIncluded, getArrowProperty, getAllArrowProperties, maxAndMinUtil, computeMaxAndMinItems, getLabelTextUtil, getXForLineInBar, getYForLineInBar, clone, getLineConfigForBarChart, adjustToOffset, pointsWithPaddedRepititions } from './utils';
 export { chartTypes, yAxisSides, loc, SEGMENT_START, SEGMENT_END, RANGE_ENTER, RANGE_EXIT, STOP, ruleTypes, AxesAndRulesDefaults, defaultArrowConfig, BarDefaults, defaultLineConfig, LineDefaults, defaultPointerConfig, pieColors, populationDefaults, defaultAnimationDuration } from './utils/constants';
 export { CurveType, EdgePosition, Framework } from './utils/types';

package/dist/utils/index.d.ts

@@ -120,4 +120,5 @@ export declare const defaultLabelLineConfig: {
     labelComponentHeight: number;
     labelComponentMargin: number;
 };
+export declare const pointsWithPaddedRepititions: (oldPoints: string, newPoints: string) => string[];
 export {};

package/dist/utils/index.js

@@ -658,10 +658,7 @@ export var maxAndMinUtil = function (maxItem, minItem, roundToDigits, showFracti
         maxItem /= 10 * (roundToDigits !== null && roundToDigits !== void 0 ? roundToDigits : 1);
         maxItem = parseFloat(maxItem.toFixed(roundToDigits !== null && roundToDigits !== void 0 ? roundToDigits : 1));
         if (minItem !== 0) {
-            minItem *= 10 * (roundToDigits !== null && roundToDigits !== void 0 ? roundToDigits : 1);
-            minItem = minItem - (10 + (minItem % 10));
-            minItem /= 10 * (roundToDigits !== null && roundToDigits !== void 0 ? roundToDigits : 1);
-            minItem = parseFloat(minItem.toFixed(roundToDigits !== null && roundToDigits !== void 0 ? roundToDigits : 1));
+            minItem += minItem / 10;
         }
     }
     else {
@@ -1047,3 +1044,111 @@ export var defaultLabelLineConfig = {
     labelComponentHeight: 10,
     labelComponentMargin: 4
 };
+var secondLastIndexOf = function (text, seq) {
+    // assuming seq is a single char
+    var strCopy = text;
+    var lastIndex = strCopy.lastIndexOf(seq);
+    strCopy =
+        strCopy.substring(0, lastIndex) + 'x' + strCopy.substring(lastIndex + 1);
+    return strCopy.lastIndexOf(seq);
+};
+var thirdLastIndexOf = function (text, seq) {
+    // assuming seq is a single char
+    var strCopy = text;
+    var lastIndex = strCopy.lastIndexOf(seq);
+    strCopy =
+        strCopy.substring(0, lastIndex) + 'x' + strCopy.substring(lastIndex + 1);
+    lastIndex = strCopy.lastIndexOf(seq);
+    strCopy =
+        strCopy.substring(0, lastIndex) + 'x' + strCopy.substring(lastIndex + 1);
+    return strCopy.lastIndexOf(seq);
+};
+export var pointsWithPaddedRepititions = function (oldPoints, newPoints) {
+    /*
+     **          Handles these cases-
+     **
+     **          1. Straight line chart
+     **          2. Curved Line chart
+     **          3. Straight Area chart -> we need to repeatedly add the 3rd last substring from the points array which represents the last point
+     **          4. Curved Area chart -> we need to repeatedly add the 3nd last substring (the 2 last substrings start with L while the 3rd last will start with C) from the points array which represents the last point
+     */
+    var oldPointsCopy = oldPoints.trim();
+    var newPointsCopy = newPoints.trim();
+    var char = oldPointsCopy.indexOf('C') === -1 ? 'L' : 'C';
+    var oldPointsCopyAr = oldPointsCopy.split(char);
+    var newPointsCopyAr = newPointsCopy.split(char);
+    var oldPointsCopyLen = oldPointsCopyAr.length - 1;
+    var newPointsCopyLen = newPointsCopyAr.length - 1;
+    var diff = Math.abs(oldPointsCopyLen - newPointsCopyLen);
+    var lastSequence = oldPointsCopyLen < newPointsCopyLen
+        ? oldPointsCopyAr[oldPointsCopyLen].trim()
+        : newPointsCopyAr[newPointsCopyLen].trim();
+    var indexOfL = lastSequence.indexOf('L');
+    var isCurvedAreaChart = char === 'C' && indexOfL !== -1;
+    var isStraightAreaChart = !isCurvedAreaChart &&
+        oldPointsCopyAr[0].substring(1).trim() ===
+            oldPointsCopyAr[oldPointsCopyLen].trim();
+    var repeats = isCurvedAreaChart
+        ? lastSequence.substring(0, indexOfL)
+        : isStraightAreaChart
+            ? oldPointsCopyLen < newPointsCopyLen
+                ? oldPointsCopyAr[oldPointsCopyLen - 2]
+                : newPointsCopyAr[newPointsCopyLen - 2]
+            : lastSequence;
+    repeats = char + (repeats === null || repeats === void 0 ? void 0 : repeats.trim());
+    if (isCurvedAreaChart) {
+        if (oldPointsCopyLen < newPointsCopyLen) {
+            oldPointsCopy = oldPointsCopy
+                .substring(0, secondLastIndexOf(oldPointsCopy, 'L'))
+                .trim();
+        }
+        else {
+            newPointsCopy = newPointsCopy
+                .substring(0, secondLastIndexOf(newPointsCopy, 'L'))
+                .trim();
+        }
+    }
+    if (isStraightAreaChart) {
+        if (oldPointsCopyLen < newPointsCopyLen) {
+            oldPointsCopy = oldPointsCopy
+                .substring(0, thirdLastIndexOf(oldPointsCopy, 'L'))
+                .trim();
+        }
+        else {
+            newPointsCopy = newPointsCopy
+                .substring(0, thirdLastIndexOf(newPointsCopy, 'L'))
+                .trim();
+        }
+    }
+    for (var i = 0; i < diff; i++) {
+        if (oldPointsCopyLen < newPointsCopyLen) {
+            oldPointsCopy += " ".concat(repeats);
+        }
+        else {
+            newPointsCopy += " ".concat(repeats);
+        }
+    }
+    oldPointsCopy = oldPointsCopy.trim();
+    newPointsCopy = newPointsCopy.trim();
+    if (isCurvedAreaChart) {
+        if (oldPointsCopyLen < newPointsCopyLen) {
+            oldPointsCopy +=
+                ' ' + oldPoints.substring(secondLastIndexOf(oldPoints, 'L'));
+        }
+        else {
+            newPointsCopy +=
+                ' ' + newPoints.substring(secondLastIndexOf(newPoints, 'L'));
+        }
+    }
+    if (isStraightAreaChart) {
+        if (oldPointsCopyLen < newPointsCopyLen) {
+            oldPointsCopy +=
+                ' ' + oldPoints.substring(thirdLastIndexOf(oldPoints, 'L'));
+        }
+        else {
+            newPointsCopy +=
+                ' ' + newPoints.substring(thirdLastIndexOf(newPoints, 'L'));
+        }
+    }
+    return [oldPointsCopy.trim(), newPointsCopy.trim()];
+};

package/dist/utils/types.d.ts

@@ -210,12 +210,16 @@ export interface horizSectionPropTypes {
     stepValue: number;
     negativeStepValue: number;
     roundToDigits: number | undefined;
-    secondaryData: any[] | undefined;
     secondaryYAxis: secondaryYAxisType | null;
     formatYLabel?: (label: string) => string;
     onlyReferenceLines?: boolean;
     renderReferenceLines?: boolean;
     secondaryXAxis?: XAxisConfig;
+    secondaryMaxItem: number;
+    secondaryMinItem: number;
+    secondaryStepValue: number;
+    secondaryNegativeStepValue: number;
+    secondaryNoOfSectionsBelowXAxis: number;
 }
 interface HorizSectionObject {
     value: string;
@@ -293,6 +297,7 @@ export interface BarAndLineChartsWrapperTypes {
     isRTL?: boolean;
     extraWidthDueToDataPoint?: number;
     nestedScrollEnabled?: boolean;
+    dataSet?: DataSet[];
 }
 export interface Pointer {
     height?: number;

package/package.json

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