gifted-charts-core 0.0.25 → 0.0.27

package/src/components/BarAndLineChartsWrapper/getHorizSectionsVals.js

@@ -0,0 +1,217 @@
+import { AxesAndRulesDefaults } from '../../utils/constants';
+import { computeMaxAndMinItems, 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, roundToDigits = props.roundToDigits, yAxisOffset = props.yAxisOffset, formatYLabel = props.formatYLabel, secondaryData = props.secondaryData, secondaryYAxis = props.secondaryYAxis;
+    var yAxisExtraHeightAtTop = trimYAxisAtTop ? 0 : yAxisExtraHeight;
+    /***********************************************************************************************************************************
+     *                                                                                                                                  *
+     *****************************               secondary Y Axis related props computations               ******************************
+     *                                                                                                                                  *
+     ***********************************************************************************************************************************/
+    var secondaryYAxisConfig = {
+        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,
+        stepHeight: secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.stepHeight,
+        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,
+        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,
+        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);
+    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);
+    secondaryYAxisConfig.stepHeight =
+        secondaryYAxisConfig.stepHeight ||
+            containerHeight / ((_1 = secondaryYAxisConfig.noOfSections) !== null && _1 !== void 0 ? _1 : noOfSections);
+    var horizSections = [];
+    for (var i = 0; i <= noOfSections; i++) {
+        var value = maxValue - stepValue * i;
+        if (showFractionalValues || roundToDigits) {
+            value = parseFloat(value.toFixed(roundToDigits !== null && roundToDigits !== void 0 ? roundToDigits : AxesAndRulesDefaults.roundToDigits));
+        }
+        horizSections.push({
+            value: (yAxisLabelTexts === null || yAxisLabelTexts === void 0 ? void 0 : yAxisLabelTexts.length)
+                ? (_2 = yAxisLabelTexts[noOfSections + noOfSectionsBelowXAxis - i]) !== null && _2 !== void 0 ? _2 : value.toString()
+                : value.toString()
+        });
+    }
+    var horizSectionsBelow = [];
+    if (noOfSectionsBelowXAxis) {
+        for (var i = 1; i <= noOfSectionsBelowXAxis; i++) {
+            var value = stepValue * -i;
+            if (showFractionalValues || roundToDigits) {
+                value = parseFloat(value.toFixed(roundToDigits !== null && roundToDigits !== void 0 ? roundToDigits : AxesAndRulesDefaults.roundToDigits));
+            }
+            horizSectionsBelow.push({
+                value: props.yAxisLabelTexts
+                    ? (_3 = props.yAxisLabelTexts[noOfSectionsBelowXAxis - i]) !== null && _3 !== void 0 ? _3 : value.toString()
+                    : value.toString()
+            });
+        }
+    }
+    var secondaryHorizSections = [];
+    if (secondaryYAxis) {
+        for (var i = 0; i <= ((_4 = secondaryYAxisConfig.noOfSections) !== null && _4 !== void 0 ? _4 : 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));
+            }
+            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.toString()
+            });
+        }
+    }
+    var secondaryHorizSectionsBelow = [];
+    if (secondaryYAxisConfig.noOfSectionsBelowXAxis) {
+        for (var i = 1; i <= secondaryYAxisConfig.noOfSectionsBelowXAxis; i++) {
+            var value = secondaryYAxisConfig.stepValue *
+                (i - secondaryYAxisConfig.noOfSectionsBelowXAxis - 1);
+            if (secondaryYAxisConfig.showFractionalValues ||
+                secondaryYAxisConfig.roundToDigits) {
+                value = parseFloat(value.toFixed((_8 = secondaryYAxisConfig.roundToDigits) !== null && _8 !== void 0 ? _8 : 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.toString()
+            });
+        }
+    }
+    /***********************************************************************************************************************************
+     ***********************************************************************************************************************************/
+    var showReferenceLine1 = referenceLinesConfig.showReferenceLine1, referenceLine1Position = referenceLinesConfig.referenceLine1Position, referenceLine1Config = referenceLinesConfig.referenceLine1Config, showReferenceLine2 = referenceLinesConfig.showReferenceLine2, referenceLine2Position = referenceLinesConfig.referenceLine2Position, referenceLine2Config = referenceLinesConfig.referenceLine2Config, showReferenceLine3 = referenceLinesConfig.showReferenceLine3, referenceLine3Position = referenceLinesConfig.referenceLine3Position, referenceLine3Config = referenceLinesConfig.referenceLine3Config;
+    var defaultReferenceConfig = {
+        thickness: rulesThickness,
+        width: (width || totalWidth - spacing) + endSpacing,
+        color: 'black',
+        type: rulesType,
+        dashWidth: dashWidth,
+        dashGap: dashGap,
+        labelText: '',
+        labelTextStyle: null,
+        zIndex: 1
+    };
+    showReferenceLine1 = referenceLinesConfig.showReferenceLine1 || false;
+    referenceLine1Position =
+        (_11 = referenceLinesConfig.referenceLine1Position) !== null && _11 !== void 0 ? _11 : (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,
+            color: referenceLinesConfig.referenceLine1Config.color ||
+                defaultReferenceConfig.color,
+            type: referenceLinesConfig.referenceLine1Config.type ||
+                defaultReferenceConfig.type,
+            dashWidth: referenceLinesConfig.referenceLine1Config.dashWidth ||
+                defaultReferenceConfig.dashWidth,
+            dashGap: referenceLinesConfig.referenceLine1Config.dashGap ||
+                defaultReferenceConfig.dashGap,
+            labelText: referenceLinesConfig.referenceLine1Config.labelText ||
+                defaultReferenceConfig.labelText,
+            labelTextStyle: referenceLinesConfig.referenceLine1Config.labelTextStyle ||
+                defaultReferenceConfig.labelTextStyle,
+            zIndex: (_13 = referenceLinesConfig.referenceLine1Config.zIndex) !== null && _13 !== void 0 ? _13 : defaultReferenceConfig.zIndex
+        }
+        : defaultReferenceConfig;
+    showReferenceLine2 = referenceLinesConfig.showReferenceLine2 || false;
+    referenceLine2Position =
+        (_14 = referenceLinesConfig.referenceLine2Position) !== null && _14 !== void 0 ? _14 : (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,
+            color: referenceLinesConfig.referenceLine2Config.color ||
+                defaultReferenceConfig.color,
+            type: referenceLinesConfig.referenceLine2Config.type ||
+                defaultReferenceConfig.type,
+            dashWidth: referenceLinesConfig.referenceLine2Config.dashWidth ||
+                defaultReferenceConfig.dashWidth,
+            dashGap: referenceLinesConfig.referenceLine2Config.dashGap ||
+                defaultReferenceConfig.dashGap,
+            labelText: referenceLinesConfig.referenceLine2Config.labelText ||
+                defaultReferenceConfig.labelText,
+            labelTextStyle: referenceLinesConfig.referenceLine2Config.labelTextStyle ||
+                defaultReferenceConfig.labelTextStyle,
+            zIndex: (_16 = referenceLinesConfig.referenceLine2Config.zIndex) !== null && _16 !== void 0 ? _16 : defaultReferenceConfig.zIndex
+        }
+        : defaultReferenceConfig;
+    showReferenceLine3 = referenceLinesConfig.showReferenceLine3 || false;
+    referenceLine3Position =
+        (_17 = referenceLinesConfig.referenceLine3Position) !== null && _17 !== void 0 ? _17 : (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,
+            color: referenceLinesConfig.referenceLine3Config.color ||
+                defaultReferenceConfig.color,
+            type: referenceLinesConfig.referenceLine3Config.type ||
+                defaultReferenceConfig.type,
+            dashWidth: referenceLinesConfig.referenceLine3Config.dashWidth ||
+                defaultReferenceConfig.dashWidth,
+            dashGap: referenceLinesConfig.referenceLine3Config.dashGap ||
+                defaultReferenceConfig.dashGap,
+            labelText: referenceLinesConfig.referenceLine3Config.labelText ||
+                defaultReferenceConfig.labelText,
+            labelTextStyle: referenceLinesConfig.referenceLine3Config.labelTextStyle ||
+                defaultReferenceConfig.labelTextStyle,
+            zIndex: (_19 = referenceLinesConfig.referenceLine3Config.zIndex) !== null && _19 !== void 0 ? _19 : defaultReferenceConfig.zIndex
+        }
+        : defaultReferenceConfig;
+    var getLabelTexts = function (val, index) {
+        return getLabelTextUtil(val, index, showFractionalValues, yAxisLabelTexts, yAxisOffset, yAxisLabelPrefix, yAxisLabelSuffix, roundToDigits !== null && roundToDigits !== void 0 ? roundToDigits : AxesAndRulesDefaults.roundToDigits, formatYLabel);
+    };
+    var getLabelTextsForSecondaryYAxis = function (val, index) {
+        var showFractionalValues = secondaryYAxisConfig.showFractionalValues, yAxisLabelTexts = secondaryYAxisConfig.yAxisLabelTexts, yAxisOffset = secondaryYAxisConfig.yAxisOffset, yAxisLabelPrefix = secondaryYAxisConfig.yAxisLabelPrefix, yAxisLabelSuffix = secondaryYAxisConfig.yAxisLabelSuffix, roundToDigits = secondaryYAxisConfig.roundToDigits, formatYLabel = secondaryYAxisConfig.formatYLabel;
+        return getLabelTextUtil(val, index, showFractionalValues, yAxisLabelTexts, yAxisOffset, yAxisLabelPrefix, yAxisLabelSuffix, roundToDigits !== null && roundToDigits !== void 0 ? roundToDigits : AxesAndRulesDefaults.roundToDigits, formatYLabel);
+    };
+    return {
+        secondaryYAxisConfig: secondaryYAxisConfig,
+        horizSections: horizSections,
+        yAxisExtraHeightAtTop: yAxisExtraHeightAtTop,
+        secondaryHorizSections: secondaryHorizSections,
+        showReferenceLine1: showReferenceLine1,
+        referenceLine1Config: referenceLine1Config,
+        referenceLine1Position: referenceLine1Position,
+        showReferenceLine2: showReferenceLine2,
+        referenceLine2Config: referenceLine2Config,
+        referenceLine2Position: referenceLine2Position,
+        showReferenceLine3: showReferenceLine3,
+        referenceLine3Config: referenceLine3Config,
+        referenceLine3Position: referenceLine3Position,
+        horizSectionsBelow: horizSectionsBelow,
+        secondaryHorizSectionsBelow: secondaryHorizSectionsBelow,
+        getLabelTexts: getLabelTexts,
+        getLabelTextsForSecondaryYAxis: getLabelTextsForSecondaryYAxis
+    };
+};

package/src/components/BarAndLineChartsWrapper/index.d.ts

@@ -0,0 +1,97 @@
+/// <reference types="react" />
+import { type BarAndLineChartsWrapperTypes, type horizSectionPropTypes } from '../../utils/types';
+import { type NativeScrollEvent } from 'react-native';
+export declare const useBarAndLineChartsWrapper: (props: BarAndLineChartsWrapperTypes) => {
+    containerHeightIncludingBelowXAxis: any;
+    xAxisLabelsVerticalShift: any;
+    trimYAxisAtTop: any;
+    yAxisExtraHeight: any;
+    overflowTop: any;
+    xAxisLabelsHeight: any;
+    xAxisTextNumberOfLines: any;
+    actualContainerWidth: number;
+    transformForHorizontal: ({
+        rotate: string;
+        translateY?: undefined;
+        translateX?: undefined;
+    } | {
+        translateY: number;
+        rotate?: undefined;
+        translateX?: undefined;
+    } | {
+        translateX: number;
+        rotate?: undefined;
+        translateY?: undefined;
+    })[];
+    horizSectionProps: horizSectionPropTypes;
+    referenceLinesOverChartContent: any;
+    setCanMomentum: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    isCloseToStart: ({ layoutMeasurement, contentOffset, contentSize }: NativeScrollEvent) => boolean;
+    isCloseToEnd: ({ layoutMeasurement, contentOffset, contentSize }: NativeScrollEvent) => boolean;
+    canMomentum: boolean;
+    yAxisAtTop: boolean;
+    yAxisThickness: any;
+    yAxisSide: any;
+    showVerticalLines: any;
+    verticalLinesProps: {
+        verticalLinesAr: number[];
+        verticalLinesSpacing: any;
+        spacing: any;
+        initialSpacing: number;
+        verticalLinesZIndex: any;
+        verticalLinesHeight: any;
+        verticalLinesThickness: any;
+        verticalLinesColor: any;
+        verticalLinesStrokeDashArray: any;
+        verticalLinesShift: any;
+        verticalLinesUptoDataPoint: any;
+        xAxisThickness: number;
+        labelsExtraHeight: number;
+        containerHeight: number;
+        data: any[];
+        stackData: any[] | undefined;
+        barWidth: number | undefined;
+        maxValue: number;
+        chartType: import("../../utils/constants").chartTypes;
+        containerHeightIncludingBelowXAxis: any;
+        yAxisLabelWidth: number;
+        totalWidth: number;
+        xAxisLabelsVerticalShift: any;
+    };
+    lineInBarChartProps: {
+        yAxisLabelWidth: number;
+        initialSpacing: number;
+        spacing: number;
+        containerHeight: number;
+        lineConfig: any;
+        maxValue: any;
+        animatedWidth: any;
+        lineBehindBars: boolean;
+        points: string | any[];
+        arrowPoints: any;
+        data: any[];
+        totalWidth: number;
+        barWidth: number | undefined;
+        labelsExtraHeight: number;
+        scrollEventThrottle: number;
+        xAxisLabelsVerticalShift: any;
+    };
+    lineInBarChartProps2: {
+        lineConfig: any;
+        points: string | any[];
+        data: (import("../..").lineDataItem | import("../..").barDataItem | import("../..").stackDataItem)[] | undefined;
+        yAxisLabelWidth: number;
+        initialSpacing: number;
+        spacing: number;
+        containerHeight: number;
+        maxValue: any;
+        animatedWidth: any;
+        lineBehindBars: boolean;
+        arrowPoints: any;
+        totalWidth: number;
+        barWidth: number | undefined;
+        labelsExtraHeight: number;
+        scrollEventThrottle: number;
+        xAxisLabelsVerticalShift: any;
+    };
+};

package/src/components/BarAndLineChartsWrapper/index.js

@@ -0,0 +1,266 @@
+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);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { useEffect, useState } from 'react';
+import { AxesAndRulesDefaults, BarDefaults } from '../../utils/constants';
+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, stepHeight = props.stepHeight, 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;
+    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;
+    var yAxisLabelContainerStyle = axesAndRulesProps.yAxisLabelContainerStyle;
+    var yAxisColor = (_c = axesAndRulesProps.yAxisColor) !== null && _c !== void 0 ? _c : AxesAndRulesDefaults.yAxisColor;
+    var yAxisExtraHeight = (_d = axesAndRulesProps.yAxisExtraHeight) !== null && _d !== void 0 ? _d : containerHeight / 20;
+    var trimYAxisAtTop = (_e = axesAndRulesProps.trimYAxisAtTop) !== null && _e !== void 0 ? _e : AxesAndRulesDefaults.trimYAxisAtTop;
+    var overflowTop = (_f = axesAndRulesProps.overflowTop) !== null && _f !== void 0 ? _f : AxesAndRulesDefaults.overflowTop;
+    var yAxisThickness = (_g = axesAndRulesProps.yAxisThickness) !== null && _g !== void 0 ? _g : AxesAndRulesDefaults.yAxisThickness;
+    var xAxisColor = (_h = axesAndRulesProps.xAxisColor) !== null && _h !== void 0 ? _h : AxesAndRulesDefaults.xAxisColor;
+    var xAxisLength = axesAndRulesProps.xAxisLength;
+    var xAxisType = (_j = axesAndRulesProps.xAxisType) !== null && _j !== void 0 ? _j : AxesAndRulesDefaults.xAxisType;
+    var xAxisLabelsVerticalShift = (_k = axesAndRulesProps.xAxisLabelsVerticalShift) !== null && _k !== void 0 ? _k : AxesAndRulesDefaults.xAxisLabelsVerticalShift;
+    var xAxisLabelsHeight = axesAndRulesProps.xAxisLabelsHeight;
+    var xAxisTextNumberOfLines = axesAndRulesProps.xAxisTextNumberOfLines;
+    var dashWidth = (_l = axesAndRulesProps.dashWidth) !== null && _l !== void 0 ? _l : AxesAndRulesDefaults.dashWidth;
+    var dashGap = (_m = axesAndRulesProps.dashGap) !== null && _m !== void 0 ? _m : AxesAndRulesDefaults.dashGap;
+    var backgroundColor = (_o = axesAndRulesProps.backgroundColor) !== null && _o !== void 0 ? _o : AxesAndRulesDefaults.backgroundColor;
+    var hideRules = (_p = axesAndRulesProps.hideRules) !== null && _p !== void 0 ? _p : AxesAndRulesDefaults.hideRules;
+    var rulesLength = axesAndRulesProps.rulesLength;
+    var rulesType = (_q = axesAndRulesProps.rulesType) !== null && _q !== void 0 ? _q : AxesAndRulesDefaults.rulesType;
+    var rulesThickness = (_r = axesAndRulesProps.rulesThickness) !== null && _r !== void 0 ? _r : AxesAndRulesDefaults.rulesThickness;
+    var rulesColor = (_s = axesAndRulesProps.rulesColor) !== null && _s !== void 0 ? _s : AxesAndRulesDefaults.rulesColor;
+    var rulesConfigArray = (_t = axesAndRulesProps.rulesConfigArray) !== null && _t !== void 0 ? _t : AxesAndRulesDefaults.rulesConfigArray;
+    var showYAxisIndices = (_u = axesAndRulesProps.showYAxisIndices) !== null && _u !== void 0 ? _u : false;
+    var yAxisIndicesHeight = (_v = axesAndRulesProps.yAxisIndicesHeight) !== null && _v !== void 0 ? _v : AxesAndRulesDefaults.yAxisIndicesHeight;
+    var yAxisIndicesWidth = (_w = axesAndRulesProps.yAxisIndicesWidth) !== null && _w !== void 0 ? _w : AxesAndRulesDefaults.yAxisIndicesWidth;
+    var yAxisIndicesColor = (_x = axesAndRulesProps.yAxisIndicesColor) !== null && _x !== void 0 ? _x : AxesAndRulesDefaults.yAxisIndicesColor;
+    var hideYAxisText = (_y = axesAndRulesProps.hideYAxisText) !== null && _y !== void 0 ? _y : AxesAndRulesDefaults.hideYAxisText;
+    var yAxisTextNumberOfLines = (_z = axesAndRulesProps.yAxisTextNumberOfLines) !== null && _z !== void 0 ? _z : AxesAndRulesDefaults.yAxisTextNumberOfLines;
+    var yAxisLabelPrefix = (_0 = axesAndRulesProps.yAxisLabelPrefix) !== null && _0 !== void 0 ? _0 : '';
+    var yAxisLabelSuffix = (_1 = axesAndRulesProps.yAxisLabelSuffix) !== null && _1 !== void 0 ? _1 : '';
+    var yAxisTextStyle = axesAndRulesProps.yAxisTextStyle;
+    var secondaryYAxis = axesAndRulesProps.secondaryYAxis;
+    var stepValue = axesAndRulesProps.stepValue;
+    var roundToDigits = axesAndRulesProps.roundToDigits;
+    var referenceLinesConfig = axesAndRulesProps.referenceLinesConfig;
+    var referenceLinesOverChartContent = (_2 = referenceLinesConfig.referenceLinesOverChartContent) !== null && _2 !== void 0 ? _2 : AxesAndRulesDefaults.referenceLinesOverChartContent;
+    var showVerticalLines = (_3 = axesAndRulesProps.showVerticalLines) !== null && _3 !== void 0 ? _3 : AxesAndRulesDefaults.showVerticalLines;
+    var verticalLinesThickness = (_4 = axesAndRulesProps.verticalLinesThickness) !== null && _4 !== void 0 ? _4 : AxesAndRulesDefaults.verticalLinesThickness;
+    var verticalLinesHeight = axesAndRulesProps.verticalLinesHeight;
+    var verticalLinesColor = (_5 = axesAndRulesProps.verticalLinesColor) !== null && _5 !== void 0 ? _5 : AxesAndRulesDefaults.verticalLinesColor;
+    var verticalLinesStrokeDashArray = (_6 = axesAndRulesProps.verticalLinesStrokeDashArray) !== null && _6 !== void 0 ? _6 : AxesAndRulesDefaults.verticalLinesStrokeDashArray;
+    var verticalLinesShift = (_7 = axesAndRulesProps.verticalLinesShift) !== null && _7 !== void 0 ? _7 : AxesAndRulesDefaults.verticalLinesShift;
+    var verticalLinesZIndex = (_8 = axesAndRulesProps.verticalLinesZIndex) !== null && _8 !== void 0 ? _8 : AxesAndRulesDefaults.verticalLinesZIndex;
+    var verticalLinesSpacing = (_9 = axesAndRulesProps.verticalLinesSpacing) !== null && _9 !== void 0 ? _9 : AxesAndRulesDefaults.verticalLinesSpacing;
+    var verticalLinesUptoDataPoint = (_10 = axesAndRulesProps.verticalLinesUptoDataPoint) !== null && _10 !== void 0 ? _10 : AxesAndRulesDefaults.verticalLinesUptoDataPoint;
+    var noOfVerticalLines = axesAndRulesProps.noOfVerticalLines;
+    var verticalLinesAr = noOfVerticalLines
+        ? __spreadArray([], __read(Array(noOfVerticalLines).keys()), false) : __spreadArray([], __read(Array(stackData ? stackData.length : data.length).keys()), false);
+    var horizSectionProps = {
+        width: width,
+        horizSections: horizSections,
+        noOfSectionsBelowXAxis: noOfSectionsBelowXAxis,
+        totalWidth: totalWidth,
+        endSpacing: endSpacing,
+        yAxisSide: yAxisSide,
+        horizontalRulesStyle: horizontalRulesStyle,
+        noOfSections: noOfSections,
+        stepHeight: stepHeight,
+        yAxisLabelWidth: yAxisLabelWidth,
+        yAxisLabelContainerStyle: yAxisLabelContainerStyle,
+        yAxisThickness: yAxisThickness,
+        yAxisColor: yAxisColor,
+        yAxisExtraHeight: yAxisExtraHeight,
+        trimYAxisAtTop: trimYAxisAtTop,
+        xAxisThickness: xAxisThickness,
+        xAxisColor: xAxisColor,
+        xAxisLength: xAxisLength,
+        xAxisType: xAxisType,
+        dashWidth: dashWidth,
+        dashGap: dashGap,
+        backgroundColor: backgroundColor,
+        hideRules: hideRules,
+        rulesLength: rulesLength,
+        rulesType: rulesType,
+        rulesThickness: rulesThickness,
+        rulesColor: rulesColor,
+        rulesConfigArray: rulesConfigArray,
+        spacing: spacing,
+        showYAxisIndices: showYAxisIndices,
+        yAxisIndicesHeight: yAxisIndicesHeight,
+        yAxisIndicesWidth: yAxisIndicesWidth,
+        yAxisIndicesColor: yAxisIndicesColor,
+        hideOrigin: hideOrigin,
+        hideYAxisText: hideYAxisText,
+        showFractionalValues: showFractionalValues,
+        yAxisTextNumberOfLines: yAxisTextNumberOfLines,
+        yAxisLabelPrefix: yAxisLabelPrefix,
+        yAxisLabelSuffix: yAxisLabelSuffix,
+        yAxisTextStyle: yAxisTextStyle,
+        rotateYAxisTexts: rotateYAxisTexts,
+        rtl: rtl,
+        containerHeight: containerHeight,
+        overflowTop: overflowTop,
+        maxValue: maxValue,
+        referenceLinesConfig: referenceLinesConfig,
+        yAxisLabelTexts: yAxisLabelTexts,
+        yAxisOffset: yAxisOffset,
+        horizontal: horizontal,
+        yAxisAtTop: yAxisAtTop,
+        stepValue: stepValue,
+        roundToDigits: roundToDigits,
+        secondaryData: secondaryData,
+        secondaryYAxis: secondaryYAxis,
+        formatYLabel: axesAndRulesProps.formatYLabel
+    };
+    var lineInBarChartProps = {
+        yAxisLabelWidth: yAxisLabelWidth,
+        initialSpacing: initialSpacing,
+        spacing: spacing,
+        containerHeight: containerHeight,
+        lineConfig: lineConfig,
+        maxValue: (_11 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.maxValue) !== null && _11 !== void 0 ? _11 : maxValue,
+        animatedWidth: animatedWidth,
+        lineBehindBars: lineBehindBars,
+        points: points,
+        arrowPoints: arrowPoints,
+        data: (lineData === null || lineData === void 0 ? void 0 : lineData.length) ? lineData : stackData !== null && stackData !== void 0 ? stackData : data,
+        totalWidth: totalWidth,
+        barWidth: barWidth,
+        labelsExtraHeight: labelsExtraHeight,
+        scrollEventThrottle: scrollEventThrottle,
+        xAxisLabelsVerticalShift: xAxisLabelsVerticalShift
+    };
+    var lineInBarChartProps2 = __assign(__assign({}, lineInBarChartProps), { lineConfig: lineConfig2, points: points2, data: 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,
+        initialSpacing: initialSpacing,
+        verticalLinesZIndex: verticalLinesZIndex,
+        verticalLinesHeight: verticalLinesHeight,
+        verticalLinesThickness: verticalLinesThickness,
+        verticalLinesColor: verticalLinesColor,
+        verticalLinesStrokeDashArray: verticalLinesStrokeDashArray,
+        verticalLinesShift: verticalLinesShift,
+        verticalLinesUptoDataPoint: verticalLinesUptoDataPoint,
+        xAxisThickness: xAxisThickness,
+        labelsExtraHeight: labelsExtraHeight,
+        containerHeight: containerHeight,
+        data: data,
+        stackData: stackData,
+        barWidth: barWidth,
+        maxValue: maxValue,
+        chartType: chartType,
+        containerHeightIncludingBelowXAxis: containerHeightIncludingBelowXAxis,
+        yAxisLabelWidth: yAxisLabelWidth,
+        totalWidth: totalWidth,
+        xAxisLabelsVerticalShift: xAxisLabelsVerticalShift
+    };
+    var actualContainerHeight = containerHeightIncludingBelowXAxis + labelsExtraHeight - 10;
+    var actualContainerWidth = (width !== null && width !== void 0 ? width : totalWidth) + yAxisLabelWidth;
+    /*******************************************************************************************************************************************/
+    /** *************                                 horizontal chart related calculations                                   *******************/
+    /*******************************************************************************************************************************************/
+    var containerHeightIncludingXaxisLabels = actualContainerHeight + BarDefaults.labelsWidthForHorizontal;
+    var difBwWidthHeight = actualContainerWidth - containerHeightIncludingXaxisLabels;
+    var transformForHorizontal = [
+        { rotate: rtl ? '-90deg' : '90deg' },
+        {
+            translateY: -shiftX + (rtl ? -difBwWidthHeight + 14 : difBwWidthHeight) / 2 - 20
+        },
+        {
+            translateX: shiftY +
+                (rtl
+                    ? (props.width ? -98 - endSpacing : -75 - endSpacing) -
+                        difBwWidthHeight
+                    : props.width
+                        ? difBwWidthHeight
+                        : difBwWidthHeight - 40) /
+                    2 +
+                (yAxisAtTop ? (rtl ? (props.width ? 12 : 40) : 12) : 52)
+        }
+    ];
+    var _13 = __read(useState(false), 2), canMomentum = _13[0], setCanMomentum = _13[1];
+    var isCloseToEnd = function (_a) {
+        var layoutMeasurement = _a.layoutMeasurement, contentOffset = _a.contentOffset, contentSize = _a.contentSize;
+        return isRTL
+            ? contentOffset.x <= initialSpacing
+            : layoutMeasurement.width + contentOffset.x >=
+                contentSize.width - initialSpacing - endReachedOffset;
+    };
+    // const isCloseToStart = ({ layoutMeasurement, contentOffset }) => {
+    //   return layoutMeasurement.width + contentOffset.x <= initialSpacing;
+    // };
+    var isCloseToStart = function (_a) {
+        var layoutMeasurement = _a.layoutMeasurement, contentOffset = _a.contentOffset, contentSize = _a.contentSize;
+        return isRTL
+            ? layoutMeasurement.width + contentOffset.x >=
+                contentSize.width - initialSpacing - endReachedOffset
+            : contentOffset.x <= initialSpacing;
+    };
+    useEffect(function () {
+        if (pointerConfig && getPointerProps) {
+            getPointerProps({ pointerIndex: pointerIndex, pointerX: pointerX, pointerY: pointerY });
+        }
+    }, [pointerIndex, pointerX, pointerY]);
+    return {
+        containerHeightIncludingBelowXAxis: containerHeightIncludingBelowXAxis,
+        xAxisLabelsVerticalShift: xAxisLabelsVerticalShift,
+        trimYAxisAtTop: trimYAxisAtTop,
+        yAxisExtraHeight: yAxisExtraHeight,
+        overflowTop: overflowTop,
+        xAxisLabelsHeight: xAxisLabelsHeight,
+        xAxisTextNumberOfLines: xAxisTextNumberOfLines,
+        actualContainerWidth: actualContainerWidth,
+        transformForHorizontal: transformForHorizontal,
+        horizSectionProps: horizSectionProps,
+        referenceLinesOverChartContent: referenceLinesOverChartContent,
+        setCanMomentum: setCanMomentum,
+        isCloseToStart: isCloseToStart,
+        isCloseToEnd: isCloseToEnd,
+        canMomentum: canMomentum,
+        yAxisAtTop: yAxisAtTop,
+        yAxisThickness: yAxisThickness,
+        yAxisSide: yAxisSide,
+        showVerticalLines: showVerticalLines,
+        verticalLinesProps: verticalLinesProps,
+        lineInBarChartProps: lineInBarChartProps,
+        lineInBarChartProps2: lineInBarChartProps2
+    };
+};

package/src/components/BarAndLineChartsWrapper/index.ts

@@ -4,7 +4,7 @@ import {
   type BarAndLineChartsWrapperTypes,
   type horizSectionPropTypes
 } from '../../utils/types'
-import { I18nManager, type NativeScrollEvent } from 'react-native'
+import { type NativeScrollEvent } from 'react-native'
 
 export const useBarAndLineChartsWrapper = (
   props: BarAndLineChartsWrapperTypes
@@ -58,7 +58,8 @@ export const useBarAndLineChartsWrapper = (
     pointerY,
 
     scrollEventThrottle,
-    endReachedOffset
+    endReachedOffset,
+    isRTL
   } = props
 
   const yAxisAtTop = rtl ? !props.yAxisAtTop : props.yAxisAtTop
@@ -322,7 +323,7 @@ export const useBarAndLineChartsWrapper = (
     contentOffset,
     contentSize
   }: NativeScrollEvent): boolean => {
-    return I18nManager.isRTL
+    return isRTL
       ? contentOffset.x <= initialSpacing
       : layoutMeasurement.width + contentOffset.x >=
           contentSize.width - initialSpacing - endReachedOffset
@@ -337,7 +338,7 @@ export const useBarAndLineChartsWrapper = (
     contentOffset,
     contentSize
   }: NativeScrollEvent): boolean => {
-    return I18nManager.isRTL
+    return isRTL
       ? layoutMeasurement.width + contentOffset.x >=
           contentSize.width - initialSpacing - endReachedOffset
       : contentOffset.x <= initialSpacing

package/src/components/common/StripAndLabel.d.ts

@@ -0,0 +1,7 @@
+import { type StripAndLabelProps } from './types';
+interface IgetTopAndLeftForStripAndLabel {
+    top: number;
+    left: number;
+}
+export declare const getTopAndLeftForStripAndLabel: (props: StripAndLabelProps) => IgetTopAndLeftForStripAndLabel;
+export {};