@fluentui/react-charting 5.12.25 → 5.12.26

package/lib/utilities/ChartHoverCard/ChartHoverCard.js

@@ -0,0 +1,6 @@
+import { styled } from '../../Utilities';
+import { ChartHoverCardBase } from './ChartHoverCard.base';
+import { getChartHoverCardStyles } from './ChartHoverCard.styles';
+//  Create a ChartHoverCard variant which uses these default styles and this styled subcomponent.
+export var ChartHoverCard = styled(ChartHoverCardBase, getChartHoverCardStyles);
+//# sourceMappingURL=ChartHoverCard.js.map

package/lib/utilities/ChartHoverCard/ChartHoverCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartHoverCard.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAGlE,iGAAiG;AACjG,MAAM,CAAC,IAAM,cAAc,GAAkD,MAAM,CAIjF,kBAAkB,EAAE,uBAAuB,CAAC,CAAC","sourcesContent":["import { styled } from '../../Utilities';\nimport * as React from 'react';\nimport { ChartHoverCardBase } from './ChartHoverCard.base';\nimport { getChartHoverCardStyles } from './ChartHoverCard.styles';\nimport { IChartHoverCardStyles, IChartHoverCardStyleProps, IChartHoverCardProps } from './ChartHoverCard.types';\n\n//  Create a ChartHoverCard variant which uses these default styles and this styled subcomponent.\nexport const ChartHoverCard: React.FunctionComponent<IChartHoverCardProps> = styled<\n  IChartHoverCardProps,\n  IChartHoverCardStyleProps,\n  IChartHoverCardStyles\n>(ChartHoverCardBase, getChartHoverCardStyles);\n"]}

package/lib/utilities/ChartHoverCard/ChartHoverCard.styles.d.ts

@@ -0,0 +1,2 @@
+import { IChartHoverCardStyles, IChartHoverCardStyleProps } from './ChartHoverCard.types';
+export declare const getChartHoverCardStyles: (props: IChartHoverCardStyleProps) => IChartHoverCardStyles;

package/lib/utilities/ChartHoverCard/ChartHoverCard.styles.js

@@ -0,0 +1,82 @@
+import { FontWeights } from '@fluentui/react/lib/Styling';
+export var getChartHoverCardStyles = function (props) {
+    var color = props.color, XValue = props.XValue, theme = props.theme, _a = props.isRatioPresent, isRatioPresent = _a === void 0 ? false : _a;
+    return {
+        calloutContentRoot: [
+            {
+                display: 'grid',
+                overflow: 'hidden',
+                padding: '11px 16px 10px 16px',
+                backgroundColor: theme.semanticColors.bodyBackground,
+                backgroundBlendMode: 'normal, luminosity',
+            },
+        ],
+        calloutDateTimeContainer: {
+            display: 'flex',
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+        },
+        calloutContentX: [
+            theme.fonts.small,
+            {
+                lineHeight: '16px',
+                opacity: '0.8',
+                color: theme.semanticColors.bodySubtext,
+            },
+        ],
+        calloutBlockContainer: [
+            theme.fonts.xxLarge,
+            {
+                marginTop: XValue ? '13px' : 'unset',
+                paddingLeft: '8px',
+                lineHeight: '22px',
+                color: theme.semanticColors.bodyText,
+                borderLeft: "4px solid " + color,
+            },
+        ],
+        calloutlegendText: [
+            theme.fonts.small,
+            {
+                lineHeight: '16px',
+                color: theme.semanticColors.bodyText,
+            },
+        ],
+        calloutContentY: [
+            theme.fonts.xxLarge,
+            {
+                color: color ? color : theme.semanticColors.bodyText,
+                fontWeight: 'bold',
+                lineHeight: '36px',
+            },
+        ],
+        calloutInfoContainer: [
+            isRatioPresent && {
+                display: 'flex',
+                alignItems: 'flex-end',
+            },
+        ],
+        ratio: [
+            theme.fonts.small,
+            {
+                marginLeft: '6px',
+                color: theme.semanticColors.bodyText,
+            },
+        ],
+        numerator: {
+            fontWeight: FontWeights.bold,
+        },
+        denominator: {
+            fontWeight: FontWeights.semibold,
+        },
+        descriptionMessage: [
+            theme.fonts.small,
+            {
+                color: theme.semanticColors.bodyText,
+                marginTop: '10px',
+                paddingTop: '10px',
+                borderTop: "1px solid " + theme.semanticColors.menuDivider,
+            },
+        ],
+    };
+};
+//# sourceMappingURL=ChartHoverCard.styles.js.map

package/lib/utilities/ChartHoverCard/ChartHoverCard.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartHoverCard.styles.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,KAAgC;IAC9D,IAAA,KAAK,GAA4C,KAAK,MAAjD,EAAE,MAAM,GAAoC,KAAK,OAAzC,EAAE,KAAK,GAA6B,KAAK,MAAlC,EAAE,KAA2B,KAAK,eAAV,EAAtB,cAAc,mBAAG,KAAK,KAAA,CAAW;IAC/D,OAAO;QACL,kBAAkB,EAAE;YAClB;gBACE,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,QAAQ;gBAClB,OAAO,EAAE,qBAAqB;gBAC9B,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;gBACpD,mBAAmB,EAAE,oBAAoB;aAC1C;SACF;QACD,wBAAwB,EAAE;YACxB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,eAAe;SAChC;QACD,eAAe,EAAE;YACf,KAAK,CAAC,KAAK,CAAC,KAAK;YACjB;gBACE,UAAU,EAAE,MAAM;gBAClB,OAAO,EAAE,KAAK;gBACd,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW;aACxC;SACF;QACD,qBAAqB,EAAE;YACrB,KAAK,CAAC,KAAK,CAAC,OAAO;YACnB;gBACE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACpC,WAAW,EAAE,KAAK;gBAClB,UAAU,EAAE,MAAM;gBAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;gBACpC,UAAU,EAAE,eAAa,KAAO;aACjC;SACF;QACD,iBAAiB,EAAE;YACjB,KAAK,CAAC,KAAK,CAAC,KAAK;YACjB;gBACE,UAAU,EAAE,MAAM;gBAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;aACrC;SACF;QACD,eAAe,EAAE;YACf,KAAK,CAAC,KAAK,CAAC,OAAO;YACnB;gBACE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ;gBACpD,UAAU,EAAE,MAAM;gBAClB,UAAU,EAAE,MAAM;aACnB;SACF;QACD,oBAAoB,EAAE;YACpB,cAAc,IAAI;gBAChB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,UAAU;aACvB;SACF;QACD,KAAK,EAAE;YACL,KAAK,CAAC,KAAK,CAAC,KAAK;YACjB;gBACE,UAAU,EAAE,KAAK;gBACjB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;aACrC;SACF;QACD,SAAS,EAAE;YACT,UAAU,EAAE,WAAW,CAAC,IAAI;SAC7B;QACD,WAAW,EAAE;YACX,UAAU,EAAE,WAAW,CAAC,QAAQ;SACjC;QACD,kBAAkB,EAAE;YAClB,KAAK,CAAC,KAAK,CAAC,KAAK;YACjB;gBACE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;gBACpC,SAAS,EAAE,MAAM;gBACjB,UAAU,EAAE,MAAM;gBAClB,SAAS,EAAE,eAAa,KAAK,CAAC,cAAc,CAAC,WAAa;aAC3D;SACF;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { IChartHoverCardStyles, IChartHoverCardStyleProps } from './ChartHoverCard.types';\nimport { FontWeights } from '@fluentui/react/lib/Styling';\n\nexport const getChartHoverCardStyles = (props: IChartHoverCardStyleProps): IChartHoverCardStyles => {\n  const { color, XValue, theme, isRatioPresent = false } = props;\n  return {\n    calloutContentRoot: [\n      {\n        display: 'grid',\n        overflow: 'hidden',\n        padding: '11px 16px 10px 16px',\n        backgroundColor: theme.semanticColors.bodyBackground,\n        backgroundBlendMode: 'normal, luminosity',\n      },\n    ],\n    calloutDateTimeContainer: {\n      display: 'flex',\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n    },\n    calloutContentX: [\n      theme.fonts.small,\n      {\n        lineHeight: '16px',\n        opacity: '0.8',\n        color: theme.semanticColors.bodySubtext,\n      },\n    ],\n    calloutBlockContainer: [\n      theme.fonts.xxLarge,\n      {\n        marginTop: XValue ? '13px' : 'unset',\n        paddingLeft: '8px',\n        lineHeight: '22px',\n        color: theme.semanticColors.bodyText,\n        borderLeft: `4px solid ${color}`,\n      },\n    ],\n    calloutlegendText: [\n      theme.fonts.small,\n      {\n        lineHeight: '16px',\n        color: theme.semanticColors.bodyText,\n      },\n    ],\n    calloutContentY: [\n      theme.fonts.xxLarge,\n      {\n        color: color ? color : theme.semanticColors.bodyText,\n        fontWeight: 'bold',\n        lineHeight: '36px',\n      },\n    ],\n    calloutInfoContainer: [\n      isRatioPresent && {\n        display: 'flex',\n        alignItems: 'flex-end',\n      },\n    ],\n    ratio: [\n      theme.fonts.small,\n      {\n        marginLeft: '6px',\n        color: theme.semanticColors.bodyText,\n      },\n    ],\n    numerator: {\n      fontWeight: FontWeights.bold,\n    },\n    denominator: {\n      fontWeight: FontWeights.semibold,\n    },\n    descriptionMessage: [\n      theme.fonts.small,\n      {\n        color: theme.semanticColors.bodyText,\n        marginTop: '10px',\n        paddingTop: '10px',\n        borderTop: `1px solid ${theme.semanticColors.menuDivider}`,\n      },\n    ],\n  };\n};\n"]}

package/lib/utilities/ChartHoverCard/ChartHoverCard.types.d.ts

@@ -0,0 +1,105 @@
+import { ITheme, IStyle, IStyleFunctionOrObject } from '@fluentui/react';
+export interface IChartHoverCardProps {
+    /**
+     * X  value for hover card
+     */
+    XValue?: string;
+    /**
+     * Y value for hover card
+     */
+    YValue?: string | number | Date;
+    /**
+     * Legend value  for hover card
+     */
+    Legend?: string | number | Date;
+    /**
+     * color for hover card
+     */
+    color?: string;
+    /**
+     * ratio to show
+     * first number is numerator
+     * and second number is denominator
+     */
+    ratio?: [number, number];
+    /**
+     * Theme (provided through customization.)
+     */
+    theme?: ITheme;
+    /**
+     * description message in the callout
+     */
+    descriptionMessage?: string;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<IChartHoverCardStyleProps, IChartHoverCardStyles>;
+    /**
+     * The prop used to define the culture to localized the numbers
+     */
+    culture?: string;
+}
+export interface IChartHoverCardStyles {
+    /**
+     * styles for callout root-content
+     */
+    calloutContentRoot?: IStyle;
+    /**
+     * styles for callout Date time container
+     */
+    calloutDateTimeContainer?: IStyle;
+    /**
+     * styles for callout Date time container
+     */
+    calloutInfoContainer?: IStyle;
+    /**
+     * styles for callout Date time container
+     */
+    calloutBlockContainer?: IStyle;
+    /**
+     * styles for callout y-content
+     */
+    calloutlegendText?: IStyle;
+    /**
+     * styles for callout x-content
+     */
+    calloutContentX?: IStyle;
+    /**
+     * styles for callout y-content
+     */
+    calloutContentY?: IStyle;
+    /**
+     * styles for denomination
+     */
+    ratio?: IStyle;
+    /**
+     * styles for numerator
+     */
+    numerator?: IStyle;
+    /**
+     * styles for denominator
+     */
+    denominator?: IStyle;
+    /**
+     * styles for the description
+     */
+    descriptionMessage?: IStyle;
+}
+export interface IChartHoverCardStyleProps {
+    /**
+     * Theme (provided through customization.)
+     */
+    theme: ITheme;
+    /**
+     * color for hover card
+     */
+    color?: string;
+    /**
+     * X  value for hover card
+     */
+    XValue?: string;
+    /**
+     * indicate if denomination is present
+     */
+    isRatioPresent?: boolean;
+}

package/lib/utilities/ChartHoverCard/ChartHoverCard.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ChartHoverCard.types.js.map

package/lib/utilities/ChartHoverCard/ChartHoverCard.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartHoverCard.types.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ITheme, IStyle, IStyleFunctionOrObject } from '@fluentui/react';\nexport interface IChartHoverCardProps {\n  /**\n   * X  value for hover card\n   */\n  XValue?: string;\n\n  /**\n   * Y value for hover card\n   */\n  YValue?: string | number | Date;\n\n  /**\n   * Legend value  for hover card\n   */\n  Legend?: string | number | Date;\n\n  /**\n   * color for hover card\n   */\n  color?: string;\n  /**\n   * ratio to show\n   * first number is numerator\n   * and second number is denominator\n   */\n  ratio?: [number, number];\n  /**\n   * Theme (provided through customization.)\n   */\n  theme?: ITheme;\n  /**\n   * description message in the callout\n   */\n  descriptionMessage?: string;\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<IChartHoverCardStyleProps, IChartHoverCardStyles>;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n}\n\nexport interface IChartHoverCardStyles {\n  /**\n   * styles for callout root-content\n   */\n  calloutContentRoot?: IStyle;\n\n  /**\n   * styles for callout Date time container\n   */\n  calloutDateTimeContainer?: IStyle;\n\n  /**\n   * styles for callout Date time container\n   */\n  calloutInfoContainer?: IStyle;\n\n  /**\n   * styles for callout Date time container\n   */\n  calloutBlockContainer?: IStyle;\n\n  /**\n   * styles for callout y-content\n   */\n  calloutlegendText?: IStyle;\n\n  /**\n   * styles for callout x-content\n   */\n  calloutContentX?: IStyle;\n  /**\n   * styles for callout y-content\n   */\n  calloutContentY?: IStyle;\n  /**\n   * styles for denomination\n   */\n  ratio?: IStyle;\n  /**\n   * styles for numerator\n   */\n  numerator?: IStyle;\n  /**\n   * styles for denominator\n   */\n  denominator?: IStyle;\n  /**\n   * styles for the description\n   */\n  descriptionMessage?: IStyle;\n}\n\nexport interface IChartHoverCardStyleProps {\n  /**\n   * Theme (provided through customization.)\n   */\n  theme: ITheme;\n\n  /**\n   * color for hover card\n   */\n  color?: string;\n\n  /**\n   * X  value for hover card\n   */\n  XValue?: string;\n\n  /**\n   * indicate if denomination is present\n   */\n  isRatioPresent?: boolean;\n}\n"]}

package/lib/utilities/ChartHoverCard/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ChartHoverCard';
+export * from './ChartHoverCard.styles';
+export * from './ChartHoverCard.types';

package/lib/utilities/ChartHoverCard/index.js

@@ -0,0 +1,4 @@
+export * from './ChartHoverCard';
+export * from './ChartHoverCard.styles';
+export * from './ChartHoverCard.types';
+//# sourceMappingURL=index.js.map

package/lib/utilities/ChartHoverCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC","sourcesContent":["export * from './ChartHoverCard';\nexport * from './ChartHoverCard.styles';\nexport * from './ChartHoverCard.types';\n"]}

package/lib/utilities/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ChartHoverCard/index';
+export * from './utilities';

package/lib/utilities/index.js

@@ -0,0 +1,3 @@
+export * from './ChartHoverCard/index';
+export * from './utilities';
+//# sourceMappingURL=index.js.map

package/lib/utilities/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC","sourcesContent":["export * from './ChartHoverCard/index';\nexport * from './utilities';\n"]}

package/lib/utilities/utilities.d.ts

@@ -0,0 +1,374 @@
+import { Axis as D3Axis } from 'd3-axis';
+import { IAccessibilityProps, IEventsAnnotationProps, ILineChartPoints, IDataPoint, IVerticalBarChartDataPoint } from '../index';
+export declare type NumericAxis = D3Axis<number | {
+    valueOf(): number;
+}>;
+export declare type StringAxis = D3Axis<string>;
+export declare enum ChartTypes {
+    AreaChart = 0,
+    LineChart = 1,
+    VerticalBarChart = 2,
+    VerticalStackedBarChart = 3,
+    GroupedVerticalBarChart = 4,
+    HeatMapChart = 5
+}
+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;
+}
+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, culture?: string): import("d3-scale").ScaleLinear<number, number>;
+/**
+ * Creating Date x axis of the Chart
+ * @export
+ * @param {IXAxisParams} xAxisParams
+ * @param {ITickParams} tickParams
+ */
+export declare function createDateXAxis(xAxisParams: IXAxisParams, tickParams: ITickParams): import("d3-scale").ScaleTime<number, number>;
+/**
+ * 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): import("d3-scale").ScaleBand<string>;
+/**
+ * This method used for creating data points for the y axis.
+ * @export
+ * @param {number} maxVal
+ * @param {number} minVal
+ * @param {number} splitInto
+ * @returns {number[]}
+ */
+export declare function prepareDatapoints(maxVal: number, minVal: number, splitInto: number): number[];
+/**
+ * Creating Numeric Y axis of the chart
+ * @export
+ * @param {IYAxisParams} yAxisParams
+ * @param {boolean} isRtl
+ */
+export declare function createYAxis(yAxisParams: IYAxisParams, isRtl: boolean, axisData: IAxisData): import("d3-scale").ScaleLinear<number, number>;
+/**
+ * Creating String Y axis of the chart
+ * @param yAxisParams
+ * @param dataPoints
+ * @param isRtl
+ */
+export declare const createStringYAxis: (yAxisParams: IYAxisParams, dataPoints: string[], isRtl: boolean) => import("d3-scale").ScaleBand<string>;
+export declare function calloutData(values: (ILineChartPoints & {
+    index?: number;
+})[]): {
+    x: string | number | Date;
+    values: {
+        legend: string;
+        y: number;
+    }[];
+}[];
+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 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 Date X axis.
+ * This method calculates Area chart and line chart.
+ * @export
+ * @param {ILineChartPoints[]} points
+ * @param {IMargins} margins
+ * @param {number} width
+ * @param {boolean} isRTL
+ * @param {Date[] | number[]} tickValues
+ * @returns {IDomainNRange}
+ */
+export declare function domainRangeOfDateForAreaChart(points: ILineChartPoints[], margins: IMargins, width: number, isRTL: boolean, tickValues?: Date[]): IDomainNRange;
+/**
+ * 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 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;
+/**
+ * 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;
+/**
+ * For creating X axis, need to calculate x axis domain and range values from given points.
+ * This may vary based on chart type and type of x axis
+ * So, this method will define which method need to call based on chart type and axis type.
+ * @export
+ * @param {*} points
+ * @param {IMargins} margins
+ * @param {number} width
+ * @param {ChartTypes} chartType
+ * @param {boolean} isRTL
+ * @param {XAxisTypes} xAxisType
+ * @param {number} [barWidth]
+ * @returns {IDomainNRange}
+ */
+export declare function getDomainNRangeValues(points: any, margins: IMargins, width: number, chartType: ChartTypes, isRTL: boolean, xAxisType: XAxisTypes, barWidth: number, tickValues: Date[] | number[] | undefined): 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;
+};
+/**
+ * For creating Y axis, need to calculate y axis domain values from given points. This may vary based on chart type.
+ * So, this method will define which method need to call based on chart type to find out min and max values(For Domain).
+ * For grouped vertical bar chart, Calculating yMax value in the base file and sending as MaxOfYVal to cartesian.
+ * @export
+ * @param {*} points
+ * @param {ChartTypes} chartType
+ * @returns {{ startValue: number; endValue: number }}
+ */
+export declare function getMinMaxOfYAxis(points: any, chartType: ChartTypes): {
+    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, isXAsix: 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 declare 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 | undefined, role?: string, isDataFocusable?: boolean) => {
+    role: string;
+    'data-is-focusable': boolean;
+    'aria-label': string | undefined;
+    'aria-labelledby': string | undefined;
+    'aria-describedby': string | undefined;
+};
+declare type LocaleStringDataProps = number | string | Date | undefined;
+export declare const convertToLocaleString: (data: LocaleStringDataProps, culture?: string | undefined) => LocaleStringDataProps;
+export declare function rotateXAxisLabels(rotateLabelProps: IRotateLabelProps): number | undefined;
+export declare function wrapTextInsideDonut(selectorClass: string, maxWidth: number): void;
+export {};