@fluentui/react-charting 5.21.28 → 5.21.30

package/lib-amd/utilities/test-data.js

@@ -0,0 +1,214 @@
+define(["require", "exports", "@fluentui/react/lib/Styling"], function (require, exports, Styling_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.chartPointsWithAxisToolTipHBCWA = exports.chartPointsWithStringYAxisHBCWA = exports.chartPointsHBCWA = exports.chartPointsDCElevateMinimums = exports.chartPointsDC = exports.pointsDCElevateMinimumsExample = exports.pointsDC = exports.pointsHBCWA = exports.emptychartPointsVSBC = exports.chartPoints2VSBC = exports.chartPointsVSBC = exports.chartPointsVBC = void 0;
+    exports.chartPointsVBC = [
+        {
+            x: 0,
+            y: 10000,
+            legend: 'First',
+            color: Styling_1.DefaultPalette.accent,
+            xAxisCalloutData: '2020/04/30',
+            yAxisCalloutData: '10%',
+        },
+        {
+            x: 10000,
+            y: 50000,
+            legend: 'Second',
+            color: Styling_1.DefaultPalette.blueDark,
+            xAxisCalloutData: '2020/04/30',
+            yAxisCalloutData: '20%',
+        },
+        {
+            x: 25000,
+            y: 30000,
+            legend: 'Third',
+            color: Styling_1.DefaultPalette.blueMid,
+            xAxisCalloutData: '2020/04/30',
+            yAxisCalloutData: '37%',
+        },
+    ];
+    var firstChartPointsVSBC = [
+        {
+            legend: 'Metadata1',
+            data: 40,
+            color: Styling_1.DefaultPalette.accent,
+            xAxisCalloutData: '2020/04/30',
+            yAxisCalloutData: '40%',
+        },
+        {
+            legend: 'Metadata2',
+            data: 5,
+            color: Styling_1.DefaultPalette.blueMid,
+            xAxisCalloutData: '2020/04/30',
+            yAxisCalloutData: '5%',
+        },
+    ];
+    var secondChartPointsVSBC = [
+        {
+            legend: 'Metadata1',
+            data: 30,
+            color: Styling_1.DefaultPalette.accent,
+            xAxisCalloutData: '2020/04/30',
+            yAxisCalloutData: '30%',
+        },
+        {
+            legend: 'Metadata2',
+            data: 20,
+            color: Styling_1.DefaultPalette.blueMid,
+            xAxisCalloutData: '2020/04/30',
+            yAxisCalloutData: '20%',
+        },
+    ];
+    exports.chartPointsVSBC = [
+        { chartData: firstChartPointsVSBC, xAxisPoint: 0 },
+        { chartData: secondChartPointsVSBC, xAxisPoint: 20 },
+    ];
+    exports.chartPoints2VSBC = [
+        {
+            chartData: firstChartPointsVSBC,
+            xAxisPoint: 0,
+            lineData: [{ y: 15, legend: 'Line1', color: Styling_1.DefaultPalette.yellow }],
+        },
+        {
+            chartData: secondChartPointsVSBC,
+            xAxisPoint: 20,
+            lineData: [{ y: 30, legend: 'Line1', color: Styling_1.DefaultPalette.yellow }],
+        },
+    ];
+    exports.emptychartPointsVSBC = [{ chartData: [], xAxisPoint: 0 }];
+    exports.pointsHBCWA = [
+        {
+            x: 10000,
+            y: 5000,
+            legend: 'Oranges',
+            color: Styling_1.DefaultPalette.accent,
+            xAxisCalloutData: '2020/04/30',
+            yAxisCalloutData: '10%',
+        },
+        {
+            x: 20000,
+            y: 50000,
+            legend: 'Dogs',
+            color: Styling_1.DefaultPalette.blueDark,
+            xAxisCalloutData: '2020/04/30',
+            yAxisCalloutData: '20%',
+        },
+        {
+            x: 25000,
+            y: 30000,
+            legend: 'Apples',
+            color: Styling_1.DefaultPalette.blueMid,
+            xAxisCalloutData: '2020/04/30',
+            yAxisCalloutData: '37%',
+        },
+        {
+            x: 40000,
+            y: 13000,
+            legend: 'Bananas',
+            color: Styling_1.DefaultPalette.blueLight,
+            xAxisCalloutData: '2020/04/30',
+            yAxisCalloutData: '88%',
+        },
+    ];
+    exports.pointsDC = [
+        { legend: 'first', data: 20000, color: '#E5E5E5', xAxisCalloutData: '2020/04/30' },
+        { legend: 'second', data: 39000, color: '#0078D4', xAxisCalloutData: '2020/04/20' },
+        { legend: 'third', data: 45000, color: '#DADADA', xAxisCalloutData: '2020/04/25' },
+    ];
+    exports.pointsDCElevateMinimumsExample = [
+        { legend: 'first', data: 39000, color: '#E5E5E5', xAxisCalloutData: '2020/04/30' },
+        { legend: 'second', data: 20, color: '#0078D4', xAxisCalloutData: '2020/04/20' },
+        { legend: 'third', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },
+        { legend: 'fourth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },
+        { legend: 'fifth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },
+        { legend: 'sixth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },
+    ];
+    exports.chartPointsDC = {
+        chartTitle: 'Donut chart example',
+        chartData: exports.pointsDC,
+    };
+    exports.chartPointsDCElevateMinimums = {
+        chartTitle: 'Donut chart example',
+        chartData: exports.pointsDC,
+    };
+    exports.chartPointsHBCWA = [
+        {
+            x: 10000,
+            y: 5000,
+            legend: 'Oranges',
+            color: Styling_1.DefaultPalette.accent,
+            yAxisCalloutData: '2020/04/30',
+            xAxisCalloutData: '10%',
+        },
+        {
+            x: 20000,
+            y: 50000,
+            legend: 'Grapes',
+            color: Styling_1.DefaultPalette.blueDark,
+            yAxisCalloutData: '2020/04/30',
+            xAxisCalloutData: '20%',
+        },
+        {
+            x: 25000,
+            y: 30000,
+            legend: 'Apples',
+            color: Styling_1.DefaultPalette.blueMid,
+            yAxisCalloutData: '2020/04/30',
+            xAxisCalloutData: '37%',
+        },
+        {
+            x: 40000,
+            y: 13000,
+            legend: 'Bananas',
+            color: Styling_1.DefaultPalette.blueLight,
+            yAxisCalloutData: '2020/04/30',
+            xAxisCalloutData: '88%',
+        },
+    ];
+    exports.chartPointsWithStringYAxisHBCWA = [
+        {
+            y: 'String One',
+            x: 1000,
+            color: Styling_1.DefaultPalette.accent,
+        },
+        {
+            y: 'String Two',
+            x: 5000,
+            color: Styling_1.DefaultPalette.blueDark,
+        },
+        {
+            y: 'String Three',
+            x: 3000,
+            color: Styling_1.DefaultPalette.blueMid,
+        },
+        {
+            y: 'String Four',
+            x: 2000,
+            color: Styling_1.DefaultPalette.blue,
+        },
+    ];
+    exports.chartPointsWithAxisToolTipHBCWA = [
+        {
+            x: 1000,
+            y: 1000,
+            color: Styling_1.DefaultPalette.accent,
+        },
+        {
+            x: 2000,
+            y: 5000,
+            color: Styling_1.DefaultPalette.blueDark,
+        },
+        {
+            x: 3000,
+            y: 3000,
+            color: Styling_1.DefaultPalette.blueMid,
+        },
+        {
+            x: 4000,
+            y: 2000,
+            color: Styling_1.DefaultPalette.blue,
+        },
+    ];
+});
+//# sourceMappingURL=test-data.js.map

package/lib-amd/utilities/test-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-data.js","sourceRoot":"../src/","sources":["utilities/test-data.ts"],"names":[],"mappings":"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","sourcesContent":["import { DefaultPalette } from '@fluentui/react/lib/Styling';\nimport {\n  IChartDataPoint,\n  IChartProps,\n  IHorizontalBarChartWithAxisDataPoint,\n  IVSChartDataPoint,\n  IVerticalStackedChartProps,\n} from '../index';\n\nexport const chartPointsVBC = [\n  {\n    x: 0,\n    y: 10000,\n    legend: 'First',\n    color: DefaultPalette.accent,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 10000,\n    y: 50000,\n    legend: 'Second',\n    color: DefaultPalette.blueDark,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Third',\n    color: DefaultPalette.blueMid,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n];\n\nconst firstChartPointsVSBC: IVSChartDataPoint[] = [\n  {\n    legend: 'Metadata1',\n    data: 40,\n    color: DefaultPalette.accent,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '40%',\n  },\n  {\n    legend: 'Metadata2',\n    data: 5,\n    color: DefaultPalette.blueMid,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '5%',\n  },\n];\n\nconst secondChartPointsVSBC: IVSChartDataPoint[] = [\n  {\n    legend: 'Metadata1',\n    data: 30,\n    color: DefaultPalette.accent,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '30%',\n  },\n  {\n    legend: 'Metadata2',\n    data: 20,\n    color: DefaultPalette.blueMid,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n];\n\nexport const chartPointsVSBC: IVerticalStackedChartProps[] = [\n  { chartData: firstChartPointsVSBC, xAxisPoint: 0 },\n  { chartData: secondChartPointsVSBC, xAxisPoint: 20 },\n];\n\nexport const chartPoints2VSBC: IVerticalStackedChartProps[] = [\n  {\n    chartData: firstChartPointsVSBC,\n    xAxisPoint: 0,\n    lineData: [{ y: 15, legend: 'Line1', color: DefaultPalette.yellow }],\n  },\n  {\n    chartData: secondChartPointsVSBC,\n    xAxisPoint: 20,\n    lineData: [{ y: 30, legend: 'Line1', color: DefaultPalette.yellow }],\n  },\n];\n\nexport const emptychartPointsVSBC: IVerticalStackedChartProps[] = [{ chartData: [], xAxisPoint: 0 }];\n\nexport const pointsHBCWA = [\n  {\n    x: 10000,\n    y: 5000,\n    legend: 'Oranges',\n    color: DefaultPalette.accent,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '10%',\n  },\n  {\n    x: 20000,\n    y: 50000,\n    legend: 'Dogs',\n    color: DefaultPalette.blueDark,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Apples',\n    color: DefaultPalette.blueMid,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '37%',\n  },\n\n  {\n    x: 40000,\n    y: 13000,\n    legend: 'Bananas',\n    color: DefaultPalette.blueLight,\n    xAxisCalloutData: '2020/04/30',\n    yAxisCalloutData: '88%',\n  },\n];\n\nexport const pointsDC: IChartDataPoint[] = [\n  { legend: 'first', data: 20000, color: '#E5E5E5', xAxisCalloutData: '2020/04/30' },\n  { legend: 'second', data: 39000, color: '#0078D4', xAxisCalloutData: '2020/04/20' },\n  { legend: 'third', data: 45000, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n];\n\nexport const pointsDCElevateMinimumsExample: IChartDataPoint[] = [\n  { legend: 'first', data: 39000, color: '#E5E5E5', xAxisCalloutData: '2020/04/30' },\n  { legend: 'second', data: 20, color: '#0078D4', xAxisCalloutData: '2020/04/20' },\n  { legend: 'third', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n  { legend: 'fourth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n  { legend: 'fifth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n  { legend: 'sixth', data: 20, color: '#DADADA', xAxisCalloutData: '2020/04/25' },\n];\n\nexport const chartPointsDC: IChartProps = {\n  chartTitle: 'Donut chart example',\n  chartData: pointsDC,\n};\n\nexport const chartPointsDCElevateMinimums: IChartProps = {\n  chartTitle: 'Donut chart example',\n  chartData: pointsDC,\n};\n\nexport const chartPointsHBCWA: IHorizontalBarChartWithAxisDataPoint[] = [\n  {\n    x: 10000,\n    y: 5000,\n    legend: 'Oranges',\n    color: DefaultPalette.accent,\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '10%',\n  },\n  {\n    x: 20000,\n    y: 50000,\n    legend: 'Grapes',\n    color: DefaultPalette.blueDark,\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '20%',\n  },\n  {\n    x: 25000,\n    y: 30000,\n    legend: 'Apples',\n    color: DefaultPalette.blueMid,\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '37%',\n  },\n\n  {\n    x: 40000,\n    y: 13000,\n    legend: 'Bananas',\n    color: DefaultPalette.blueLight,\n    yAxisCalloutData: '2020/04/30',\n    xAxisCalloutData: '88%',\n  },\n];\n\nexport const chartPointsWithStringYAxisHBCWA: IHorizontalBarChartWithAxisDataPoint[] = [\n  {\n    y: 'String One',\n    x: 1000,\n    color: DefaultPalette.accent,\n  },\n  {\n    y: 'String Two',\n    x: 5000,\n    color: DefaultPalette.blueDark,\n  },\n  {\n    y: 'String Three',\n    x: 3000,\n    color: DefaultPalette.blueMid,\n  },\n  {\n    y: 'String Four',\n    x: 2000,\n    color: DefaultPalette.blue,\n  },\n];\n\nexport const chartPointsWithAxisToolTipHBCWA: IHorizontalBarChartWithAxisDataPoint[] = [\n  {\n    x: 1000,\n    y: 1000,\n    color: DefaultPalette.accent,\n  },\n  {\n    x: 2000,\n    y: 5000,\n    color: DefaultPalette.blueDark,\n  },\n  {\n    x: 3000,\n    y: 3000,\n    color: DefaultPalette.blueMid,\n  },\n  {\n    x: 4000,\n    y: 2000,\n    color: DefaultPalette.blue,\n  },\n];\n"]}

package/lib-amd/utilities/utilities.d.ts

@@ -0,0 +1,411 @@
+import { Axis as D3Axis } from 'd3-axis';
+import { TimeLocaleDefinition as d3TimeLocaleDefinition } from 'd3-time-format';
+import { IAccessibilityProps, IEventsAnnotationProps, ILineChartPoints, IDataPoint, IVerticalStackedBarDataPoint, IVerticalBarChartDataPoint, IHorizontalBarChartWithAxisDataPoint } from '../index';
+export type NumericAxis = D3Axis<number | {
+    valueOf(): number;
+}>;
+export type StringAxis = D3Axis<string>;
+export declare enum ChartTypes {
+    AreaChart = 0,
+    LineChart = 1,
+    VerticalBarChart = 2,
+    VerticalStackedBarChart = 3,
+    GroupedVerticalBarChart = 4,
+    HeatMapChart = 5,
+    HorizontalBarChartWithAxis = 6
+}
+export declare enum XAxisTypes {
+    NumericAxis = 0,
+    DateAxis = 1,
+    StringAxis = 2
+}
+export declare enum YAxisType {
+    NumericAxis = 0,
+    DateAxis = 1,
+    StringAxis = 2
+}
+export interface IWrapLabelProps {
+    node: SVGElement | null;
+    xAxis: NumericAxis | StringAxis;
+    noOfCharsToTruncate: number;
+    showXAxisLablesTooltip: boolean;
+}
+export interface IRotateLabelProps {
+    node: SVGElement | null;
+    xAxis: NumericAxis | StringAxis;
+}
+export interface IAxisData {
+    yAxisDomainValues: number[];
+}
+export interface IMargins {
+    /**
+     * left margin for the chart.
+     * @default 40
+     */
+    left?: number;
+    /**
+     * Right margin for the chart.
+     * @default 20
+     */
+    right?: number;
+    /**
+     * Top margin for the chart.
+     * @default 20
+     */
+    top?: number;
+    /**
+     * Bottom margin for the chart.
+     * @default 35
+     */
+    bottom?: number;
+}
+export interface IDomainNRange {
+    dStartValue: number | Date;
+    dEndValue: number | Date;
+    rStartValue: number;
+    rEndValue: number;
+}
+export interface IXAxisParams {
+    domainNRangeValues: IDomainNRange;
+    xAxisElement?: SVGElement | null;
+    xAxisCount?: number;
+    showRoundOffXTickValues?: boolean;
+    xAxistickSize?: number;
+    tickPadding?: number;
+    xAxisPadding?: number;
+    xAxisInnerPadding?: number;
+    xAxisOuterPadding?: number;
+    margins: IMargins;
+    containerHeight: number;
+}
+export interface ITickParams {
+    tickValues?: Date[] | number[];
+    tickFormat?: string;
+}
+export interface IYAxisParams {
+    yMinMaxValues?: {
+        startValue: number;
+        endValue: number;
+    };
+    maxOfYVal?: number;
+    margins: IMargins;
+    containerWidth: number;
+    containerHeight: number;
+    yAxisElement?: SVGElement | null;
+    yAxisTickFormat?: any;
+    yAxisTickCount: number;
+    yMaxValue?: number;
+    yMinValue?: number;
+    tickPadding?: number;
+    eventAnnotationProps?: IEventsAnnotationProps;
+    eventLabelHeight?: number;
+    yAxisPadding?: number;
+}
+/**
+ * Create Numeric X axis
+ * @export
+ * @param {IXAxisParams} xAxisParams
+ */
+export declare function createNumericXAxis(xAxisParams: IXAxisParams, chartType: ChartTypes, culture?: string): {
+    xScale: import("d3-scale").ScaleLinear<number, number, never>;
+    tickValues: string[];
+};
+/**
+ * Creating Date x axis of the Chart
+ * @export
+ * @param {IXAxisParams} xAxisParams
+ * @param {ITickParams} tickParams
+ */
+export declare function createDateXAxis(xAxisParams: IXAxisParams, tickParams: ITickParams, culture?: string, options?: Intl.DateTimeFormatOptions, timeFormatLocale?: d3TimeLocaleDefinition, customDateTimeFormatter?: (dateTime: Date) => string, useUTC?: boolean): {
+    xScale: import("d3-scale").ScaleTime<number, number, never>;
+    tickValues: string[];
+};
+/**
+ * Create String X axis
+ * Currently using for only Vetical stacked bar chart and grouped vertical bar chart
+ * @export
+ * @param {IXAxisParams} xAxisParams
+ * @param {ITickParams} tickParams
+ * @param {string[]} dataset
+ * @returns
+ */
+export declare function createStringXAxis(xAxisParams: IXAxisParams, tickParams: ITickParams, dataset: string[], culture?: string): {
+    xScale: import("d3-scale").ScaleBand<string>;
+    tickValues: string[];
+};
+/**
+ * This method used for creating data points for the y axis.
+ * @export
+ * @param {number} maxVal
+ * @param {number} minVal
+ * @param {number} splitInto
+ * @param {boolean} isIntegralDataset
+ * @returns {number[]}
+ */
+export declare function prepareDatapoints(maxVal: number, minVal: number, splitInto: number, isIntegralDataset: boolean): number[];
+export declare function createYAxisForHorizontalBarChartWithAxis(yAxisParams: IYAxisParams, isRtl: boolean): import("d3-scale").ScaleLinear<number, number, never>;
+export declare function createNumericYAxis(yAxisParams: IYAxisParams, isRtl: boolean, axisData: IAxisData, isIntegralDataset: boolean, useSecondaryYScale?: boolean): import("d3-scale").ScaleLinear<number, number, never>;
+/**
+ * Creating String Y axis of the chart for Horizontal Bar Chart With Axis
+ * @param yAxisParams
+ * @param dataPoints
+ * @param isRtl
+ */
+export declare const createStringYAxisForHorizontalBarChartWithAxis: (yAxisParams: IYAxisParams, dataPoints: string[], isRtl: boolean, barWidth: number) => import("d3-scale").ScaleBand<string>;
+/**
+ * Creating String Y axis of the chart for other chart except Horizontal Bar Chart With Axis
+ * @param yAxisParams
+ * @param dataPoints
+ * @param isRtl
+ */
+export declare const createStringYAxis: (yAxisParams: IYAxisParams, dataPoints: string[], isRtl: boolean) => import("d3-scale").ScaleBand<string>;
+/**
+ * For area chart and line chart, while displaying stackCallout, Need to form a callout data object.
+ * This methos creates an object for those 2 charts.
+ * @param values
+ */
+export declare function calloutData(values: (ILineChartPoints & {
+    index?: number;
+})[]): {
+    x: number;
+    values: {
+        legend: string;
+        y: number;
+        color: string;
+        xAxisCalloutData?: string | undefined;
+        yAxisCalloutData?: string | {
+            [id: string]: number;
+        } | undefined;
+        callOutAccessibilityData?: IAccessibilityProps | undefined;
+        index?: number | undefined;
+    }[];
+}[];
+export declare function getUnique(arr: {
+    x: number | Date | string;
+    values: {
+        legend: string;
+        y: number;
+    }[];
+}[], comp: string | number): {
+    x: number | Date | string;
+    values: {
+        legend: string;
+        y: number;
+    }[];
+}[];
+/**
+ * This function takes two paramerter
+ * 1. an array of strings
+ * 2. a string value
+ * if the value is not present in the given array then it will return the new
+ * array by appending the value to the present arrray.
+ *
+ * if the value is already present in  the given array then it will return the new
+ * array by deleteing the value from the the array
+ * @param array
+ * @param value
+ */
+export declare function silceOrAppendToArray(array: string[], value: string): string[];
+/**
+ * This method used for wrapping of x axis labels (tick values).
+ * It breaks down given text value by space separated and calculates the total height needed to display all the words.
+ * That value = removal value. This value needs to be remove from total svg height, svg will shrink and
+ * total text will be displayed.
+ * @export
+ * @param {IWrapLabelProps} wrapLabelProps
+ * @returns
+ */
+export declare function createWrapOfXLabels(wrapLabelProps: IWrapLabelProps): number | undefined;
+/**
+ * This method used for wrapping of y axis labels (tick values).
+ */
+export declare function createYAxisLabels(node: SVGElement | null, yAxis: any, noOfCharsToTruncate: number, truncateLabel: boolean, isRtl: boolean): void;
+export declare const wrapContent: (content: string, id: string, maxWidth: number) => boolean;
+/**
+ * Calculates the width of the longest axis label in pixels
+ */
+export declare const calculateLongestLabelWidth: (labels: (string | number)[], query?: string) => number;
+/**
+ * This method displays a tooltip to the x axis lables(tick values)
+ * when prop 'showXAxisLablesTooltip' enables to the respected chart.
+ * On hover of the truncated word(at x axis labels tick), a tooltip will be appeared.
+ */
+export declare function tooltipOfXAxislabels(xAxistooltipProps: any): null | undefined;
+/**
+ * Find the axis type of line chart and area chart from given data
+ * @param points
+ */
+export declare function getXAxisType(points: ILineChartPoints[]): boolean;
+/**
+ * Calculates Domain and range values for Numeric X axis.
+ * This method calculates Area cart and line chart.
+ * @export
+ * @param {ILineChartPoints[]} points
+ * @param {IMargins} margins
+ * @param {number} width
+ * @param {boolean} isRTL
+ * @returns {IDomainNRange}
+ */
+export declare function domainRangeOfNumericForAreaChart(points: ILineChartPoints[], margins: IMargins, width: number, isRTL: boolean): IDomainNRange;
+/**
+ * Calculates Domain and range values for Numeric X axis.
+ * This method calculates Horizontal Chart with Axis
+ * @export
+ * @param {ILineChartPoints[]} points
+ * @param {IMargins} margins
+ * @param {number} width
+ * @param {boolean} isRTL
+ * @returns {IDomainNRange}
+ */
+export declare function domainRangeOfNumericForHorizontalBarChartWithAxis(points: IHorizontalBarChartWithAxisDataPoint[], margins: IMargins, containerWidth: number, isRTL: boolean, shiftX: number): IDomainNRange;
+/**
+ * Calculates Range values of x Axis string axis
+ * For String axis, we need to give domain values (Not start and end array values)
+ * So sending 0 as domain values. Domain will be handled at creation of string axis
+ * For charts stacked bar chart, grouped vertical bar chart, HeatMapChart and Vertical bar chart
+ * @export
+ * @param {IMargins} margins
+ * @param {number} width
+ * @param {boolean} isRTL
+ * @returns {IDomainNRange}
+ */
+export declare function domainRangeOfXStringAxis(margins: IMargins, width: number, isRTL: boolean): IDomainNRange;
+/**
+ * Calculate domain and range values to the Vertical stacked bar chart - For Numeric axis
+ * @export
+ * @param {IDataPoint[]} points
+ * @param {IMargins} margins
+ * @param {number} width
+ * @param {boolean} isRTL
+ * @param {number} barWidth
+ * @returns {IDomainNRange}
+ */
+export declare function domainRangeOfVSBCNumeric(points: IDataPoint[], margins: IMargins, width: number, isRTL: boolean, barWidth: number): IDomainNRange;
+/**
+ * Calculates Domain and range values for Date X axis.
+ * This method calculates Bar chart.
+ * @export
+ * @param {IVerticalBarChartDataPoint[]} points
+ * @param {IMargins} margins
+ * @param {number} width
+ * @param {boolean} isRTL
+ * @param {Date[] | number[]} tickValues
+ * @returns {IDomainNRange}
+ */
+export declare function domainRangeOfDateForAreaLineVerticalBarChart(points: ILineChartPoints[] | IVerticalBarChartDataPoint[] | IVerticalStackedBarDataPoint[], margins: IMargins, width: number, isRTL: boolean, tickValues: Date[] | undefined, chartType: ChartTypes, barWidth?: number): IDomainNRange;
+/**
+ * Calculate domain and range values to the Vertical bar chart - For Numeric axis
+ * @export
+ * @param {IDataPoint[]} points
+ * @param {IMargins} margins
+ * @param {number} containerWidth
+ * @param {boolean} isRTL
+ * @param {number} barWidth
+ * @returns {IDomainNRange}
+ */
+export declare function domainRageOfVerticalNumeric(points: IDataPoint[], margins: IMargins, containerWidth: number, isRTL: boolean, barWidth: number): IDomainNRange;
+/**
+ * Calculating start and ending values of the Area chart and LineChart
+ * @export
+ * @param {ILineChartPoints[]} points
+ * @returns {{ startValue: number; endValue: number }}
+ */
+export declare function findNumericMinMaxOfY(points: ILineChartPoints[]): {
+    startValue: number;
+    endValue: number;
+};
+/**
+ * Find the minimum and maximum values of the vertical stacked bar chart y axis data point. Used for create y axis.
+ * @export
+ * @param {IDataPoint[]} dataset
+ * @returns {{ startValue: number; endValue: number }}
+ */
+export declare function findVSBCNumericMinMaxOfY(dataset: IDataPoint[]): {
+    startValue: number;
+    endValue: number;
+};
+/**
+ * Fins the min and max values of the vertical bar chart y axis data point.
+ * @export
+ * @param {IVerticalBarChartDataPoint[]} points
+ * @returns {{ startValue: number; endValue: number }}
+ */
+export declare function findVerticalNumericMinMaxOfY(points: IVerticalBarChartDataPoint[]): {
+    startValue: number;
+    endValue: number;
+};
+/**
+ * Fins the min and max values of the vertical bar chart y axis data point.
+ * @export
+ * @param {IVerticalBarChartDataPoint[]} points
+ * @returns {{ startValue: number; endValue: number }}
+ */
+export declare function findHBCWANumericMinMaxOfY(points: IHorizontalBarChartWithAxisDataPoint[], yAxisType: YAxisType | undefined): {
+    startValue: number;
+    endValue: number;
+};
+/**
+ * @param p string or number or Date
+ *
+ * This function takes the single data point of the x-aixs
+ * and decides what is the x-axis
+ */
+export declare const getTypeOfAxis: (p: string | number | Date, isXAxis: boolean) => XAxisTypes | YAxisType;
+/**
+ * we need to make sure that if we add any property to this, then
+ * we need to also add that in  pointTypes below and vise-versa
+ */
+export declare enum Points {
+    circle = 0,
+    square = 1,
+    triangle = 2,
+    diamond = 3,
+    pyramid = 4,
+    hexagon = 5,
+    pentagon = 6,
+    octagon = 7
+}
+export declare enum CustomPoints {
+    dottedLine = 0
+}
+export type PointTypes = {
+    [key in number]: {
+        /**
+         * For certian shapes like pentagon, hexagon and octagon.
+         * the width of the bouding box increase by the time of the
+         * length of the side, so when we want to render a pentagon
+         * having each side of length 7 units we need to decrease it's
+         * units by width ratio so that the bounding box width of the pentagon
+         * stays as 7
+         */
+        widthRatio: number;
+    };
+};
+/**
+ * we need to make sure that if we add any property to this, then
+ * we need to also add that in enum Point and vise-versa
+ */
+export declare const pointTypes: PointTypes;
+/**
+ * @param accessibleData accessible data
+ * @param role string to define role of tag
+ * @param isDataFocusable boolean
+ * function returns the accessibility data object
+ */
+export declare const getAccessibleDataObject: (accessibleData?: IAccessibilityProps, role?: string, isDataFocusable?: boolean) => {
+    role: string;
+    'data-is-focusable': boolean;
+    'aria-label': string | undefined;
+    'aria-labelledby': string | undefined;
+    'aria-describedby': string | undefined;
+};
+type LocaleStringDataProps = number | string | Date | undefined;
+export declare const convertToLocaleString: (data: LocaleStringDataProps, culture?: string) => LocaleStringDataProps;
+export declare function rotateXAxisLabels(rotateLabelProps: IRotateLabelProps): number | undefined;
+export declare function wrapTextInsideDonut(selectorClass: string, maxWidth: number): void;
+export declare function formatValueWithSIPrefix(value: number): string;
+export declare const getBarWidth: (barWidthProp: number | 'default' | 'auto' | undefined, maxBarWidthProp: number | undefined, adjustedValue?: number) => number;
+export declare const getScalePadding: (prop: number | undefined, shorthandProp?: number, defaultValue?: number) => number;
+export declare const isScalePaddingDefined: (prop: number | undefined, shorthandProp?: number) => boolean;
+export declare const formatDate: (date: Date, useUTC?: boolean) => string;
+export {};