@fluentui/react-charting 5.16.22 → 5.16.23

package/lib/components/CommonComponents/CartesianChart.types.d.ts

@@ -1,428 +0,0 @@
-import * as React from 'react';
-import { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
-import { ITheme, IStyle } from '@fluentui/react/lib/Styling';
-import { IOverflowSetProps } from '@fluentui/react/lib/OverflowSet';
-import { IFocusZoneProps, FocusZoneDirection } from '@fluentui/react-focus';
-import { ICalloutProps } from '@fluentui/react/lib/Callout';
-import { ILegendsProps } from '../Legends/index';
-import { IAccessibilityProps, IMargins } from '../../types/index';
-import { ChartTypes, IChartHoverCardProps, XAxisTypes, YAxisType } from '../../utilities/index';
-import * as d3TimeFormat from 'd3-time-format';
-export interface ICartesianChartStyleProps {
-    /**
-     * Theme (provided through customization.)
-     */
-    theme: ITheme;
-    /**
-     * Additional CSS class(es) to apply to the Chart.
-     */
-    className?: string;
-    /**
-     * Width of the chart.
-     */
-    width?: number;
-    /**
-     * Height of the chart.
-     */
-    height?: number;
-    /**
-     * Color of the chart.
-     */
-    color?: string;
-    /**
-     * Link to redirect if click action for graph
-     */
-    href?: string;
-    /**
-     * prop to check if the chart is selected or hovered upon to determine opacity
-     */
-    shouldHighlight?: boolean;
-    /**
-     * prop to check if the Page is in Rtl
-     */
-    isRtl?: boolean;
-    /**
-     * color of the line
-     */
-    lineColor?: string;
-    /**
-     * boolean flag which determines if shape is drawn in callout
-     */
-    toDrawShape?: boolean;
-}
-export interface ICartesianChartStyles {
-    /**
-     *  Style for the root element.
-     */
-    root?: IStyle;
-    /**
-     * Style for the element containing the x-axis.
-     */
-    xAxis?: IStyle;
-    /**
-     * Style for the element containing the y-axis.
-     */
-    yAxis?: IStyle;
-    /**
-     * Style for legend container
-     */
-    legendContainer?: IStyle;
-    /**
-     * line hover box css
-     */
-    hover?: IStyle;
-    /**
-     * styles for callout root-content
-     */
-    calloutContentRoot?: IStyle;
-    /**
-     * styles for callout x-content
-     */
-    calloutContentX?: IStyle;
-    /**
-     * styles for callout y-content
-     */
-    calloutContentY?: IStyle;
-    /**
-     * styles for description message
-     */
-    descriptionMessage?: IStyle;
-    /**
-     * styles for callout Date time container
-     */
-    calloutDateTimeContainer?: IStyle;
-    /**
-     * styles for callout info container
-     */
-    calloutInfoContainer?: IStyle;
-    /**
-     * styles for callout block container
-     */
-    calloutBlockContainer?: IStyle;
-    /**
-     * styles for callout legend text
-     */
-    calloutlegendText?: IStyle;
-    /**
-     * styles for tooltip
-     */
-    tooltip?: IStyle;
-    /**
-     * Style for the chart Title.
-     */
-    chartTitle?: IStyle;
-    /**
-     * Style to change the opacity of bars in dataviz when we hover on a single bar or legends
-     */
-    opacityChangeOnHover?: IStyle;
-    /**
-     * styles for the shape object in the callout
-     */
-    shapeStyles?: IStyle;
-}
-export interface ICartesianChartProps {
-    /**
-     * Below height used for resizing of the chart
-     * Wrap chart in your container and send the updated height and width to these props.
-     * These values decide wheather chart re render or not. Please check examples for reference
-     */
-    height?: number;
-    /**
-     * Below width used for resizing of the chart
-     * Wrap chart in your container and send the updated height and width to these props.
-     * These values decide wheather chart re render or not. Please check examples for reference
-     */
-    width?: number;
-    /**
-     * this prop takes its parent as a HTML element to define the width and height of the chart
-     */
-    parentRef?: HTMLElement | null;
-    /**
-     * Additional CSS class(es) to apply to the Chart.
-     */
-    className?: string;
-    /**
-     * Theme (provided through customization.)
-     */
-    theme?: ITheme;
-    /**
-     * Margins for the chart
-     * @default `{ top: 20, bottom: 35, left: 40, right: 20 }`
-     * To avoid edge cuttings to the chart, we recommend you use default values or greater then default values
-     */
-    margins?: IMargins;
-    /** decides wether to show/hide legends
-     * @defaultvalue false
-     */
-    hideLegend?: boolean;
-    /**
-     * Do not show tooltips in chart
-     * @default false
-     */
-    hideTooltip?: boolean;
-    /**
-     * this prop takes values that you want the chart to render on x-axis
-     * This is a optional parameter if not specified D3 will decide which values appear on the x-axis for you
-     * Please look at https://github.com/d3/d3-scale for more information on how D3 decides what data to appear on the axis of chart
-     */
-    tickValues?: number[] | Date[];
-    /**
-     * the format for the data on x-axis. For date object this can be specified to your requirement. Eg: '%m/%d', '%d'
-     * Please look at https://github.com/d3/d3-time-format for all the formats supported for date axis
-     * Only applicable for date axis. For y-axis format use yAxisTickFormat prop.
-     */
-    tickFormat?: string;
-    /**
-     * Width of line stroke
-     */
-    strokeWidth?: number;
-    /**
-     * x Axis labels tick padding. This defines the gap between tick labels and tick lines.
-     * @default 10
-     */
-    xAxisTickPadding?: number;
-    /**
-     * the format in for the data on y-axis. For data object this can be specified to your requirement.
-     *  Eg: d3.format(".0%")(0.123),d3.format("+20")(42);
-     * Please look at https://github.com/d3/d3-format for all the formats supported
-     */
-    yAxisTickFormat?: any;
-    /**
-     * minimum  data value point in y-axis
-     */
-    yMinValue?: number;
-    /**
-     * maximum data value point in y-axis
-     */
-    yMaxValue?: number;
-    /**
-     * Number of ticks on the y-axis.
-     * Tick count should be factor of difference between (yMinValue, yMaxValue)?
-     * @default 4
-     */
-    yAxisTickCount?: number;
-    /**
-     * defines the number of ticks on the x-axis. Tries to match the nearest interval satisfying the count.
-     * Does not work for string axis.
-     * @default 6
-     */
-    xAxisTickCount?: number;
-    /**
-     * define the size of the tick lines on the x-axis
-     * @default 10
-     */
-    xAxistickSize?: number;
-    /**
-     * defines the space between the tick line and the data label
-     * @default 10
-     */
-    tickPadding?: number;
-    /**
-     * Url that the data-viz needs to redirect to upon clicking on it
-     */
-    href?: string;
-    /**
-     * Label to apply to the whole chart.
-     * @deprecated - Use your chart label for the chart.
-     */
-    chartLabel?: string;
-    /**
-     * overflow props for the legends
-     */
-    legendsOverflowProps?: Partial<IOverflowSetProps>;
-    legendsOverflowText?: any;
-    /**
-     * focus zone props in hover card for legends
-     */
-    focusZonePropsForLegendsInHoverCard?: IFocusZoneProps;
-    /**
-     * Enable the legends to wrap lines if there is not enough space to show all legends on a single line
-     */
-    enabledLegendsWrapLines?: boolean;
-    legendProps?: Partial<ILegendsProps>;
-    /**
-     *@default false
-     *Used for to elipse x axis labes and show tooltip on x axis labels
-     */
-    showXAxisLablesTooltip?: boolean;
-    /**
-     * @default 4
-     * Used for X axis labels
-     * While Giving showXAxisLablesTooltip prop, need to define after how many chars, we need to truncate the word.
-     */
-    noOfCharsToTruncate?: number;
-    /**
-     * @default false
-     * Used to wrap x axis labels values (whole value)
-     */
-    wrapXAxisLables?: boolean;
-    /**
-     * @default false
-     * Used to rotate x axis labels by 45 degrees
-     */
-    rotateXAxisLables?: boolean;
-    /**
-     * The prop used to define the date time localization options
-     */
-    dateLocalizeOptions?: Intl.DateTimeFormatOptions;
-    /**
-     * The prop used to define a custom locale for the date time format.
-     */
-    timeFormatLocale?: d3TimeFormat.TimeLocaleDefinition;
-    /**
-     * The prop used to define a custom datetime formatter for date axis.
-     */
-    customDateTimeFormatter?: (dateTime: Date) => string;
-    /**
-     * Call to provide customized styling that will layer on top of the variant rules.
-     */
-    styles?: IStyleFunctionOrObject<ICartesianChartStyleProps, ICartesianChartStyles>;
-    /**
-     * Callout customization props
-     */
-    calloutProps?: Partial<ICalloutProps>;
-    /**
-     * props for the svg; use this to include aria-* or other attributes on the tag
-     */
-    svgProps?: React.SVGProps<SVGSVGElement>;
-}
-export interface IYValueHover {
-    legend?: string;
-    y?: number;
-    color?: string;
-    data?: string | number;
-    shouldDrawBorderBottom?: boolean;
-    yAxisCalloutData?: string | {
-        [id: string]: number;
-    };
-    index?: number;
-    callOutAccessibilityData?: IAccessibilityProps;
-}
-export interface IChildProps {
-    xScale?: any;
-    yScale?: any;
-    containerHeight?: number;
-    containerWidth?: number;
-}
-export interface IModifiedCartesianChartProps extends ICartesianChartProps {
-    /**
-     * Define the chart title
-     */
-    chartTitle?: string;
-    /**
-     * Only used for Area chart
-     * Value used to draw y axis of that chart.
-     */
-    maxOfYVal?: number;
-    /**
-     * Data of the chart
-     */
-    points: any;
-    /**
-     * Define type of the chart
-     */
-    chartType: ChartTypes;
-    /** X axis type */
-    xAxisType: XAxisTypes;
-    /** Y axis type */
-    yAxisType?: YAxisType;
-    /**
-     * Legends of the chart.
-     */
-    legendBars: JSX.Element;
-    /**
-     * Callout props
-     */
-    calloutProps: Partial<ICalloutProps> & {
-        isCalloutVisible: boolean;
-        id: string;
-        YValueHover?: IYValueHover[];
-        hoverXValue?: string | number | null;
-        legend?: string;
-        color?: string;
-        YValue?: string | number;
-        XValue?: string;
-        descriptionMessage?: string;
-    };
-    /**
-     * Callback method used for to get margins to the chart.
-     */
-    getmargins?: (margins: IMargins) => void;
-    /**
-     * This is a call back method to the chart from cartesian chart.
-     * params are xScale, yScale, containerHeight, containerWidth. These values were used to draw the graph.
-     * It also contians an optional param xAxisElement - defines as x axis scale element.
-     * This param used to enable feature word wrap of Xaxis.
-     */
-    getGraphData?: any;
-    /**
-     * Used for bar chart graphs.
-     * To define width of the bar
-     */
-    barwidth?: number;
-    /**
-     * Used for tick styles of the x axis of the chart
-     * Tick params are applicable for date axis only.
-     */
-    tickParams?: {
-        tickValues?: number[] | Date[];
-        tickFormat?: string;
-    };
-    /**
-     * it's padding between bar's or lines in the graph
-     */
-    xAxisPadding?: number;
-    /**
-     * it's padding between bar's or lines in the graph
-     */
-    yAxisPadding?: number;
-    /**
-     * Children elements specific to derived chart types.
-     */
-    children(props: IChildProps): React.ReactNode;
-    /**
-     * To enable callout for individualbar or complete stack. Using for only Vertical stacked bar chart.
-     * @default false
-     * @type {boolean}
-     */
-    isCalloutForStack?: boolean;
-    /** dataset values to find out domain of the String axis
-     * Present using for only vertical stacked bar chart and grouped vertical bar chart
-     */
-    datasetForXAxisDomain?: string[];
-    /** Own callout design */
-    customizedCallout?: any;
-    /**
-     * if the data points for the y-axis is of type string, then we need to give this
-     * prop to construct the y-axis
-     */
-    stringDatasetForYAxisDomain?: string[];
-    /**
-     * Focus zone direction to the chart
-     * @default FocusZoneDirection.horizontal
-     */
-    focusZoneDirection?: FocusZoneDirection;
-    /**
-     * props to send into the chart hover card
-     */
-    chartHoverProps?: IChartHoverCardProps;
-    /**
-     * props to send to the focuszone
-     */
-    svgFocusZoneProps?: IFocusZoneProps;
-    /**
-     * The prop used to define the culture to localize the numbers and date
-     */
-    culture?: string;
-    getAxisData?: any;
-    /**
-     * Callback method used when mouse leaves the chart boundary.
-     */
-    onChartMouseLeave?: () => void;
-    /** Callback method to get extra margins for domain */
-    getDomainMargins?: (containerWidth: number) => IMargins;
-    /** Padding between each bar/line-point */
-    xAxisInnerPadding?: number;
-    /** Padding before first bar/line-point and after last bar/line-point */
-    xAxisOuterPadding?: number;
-}

package/lib/components/CommonComponents/CartesianChart.types.js

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

package/lib/components/CommonComponents/CartesianChart.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CartesianChart.types.js","sourceRoot":"../src/","sources":["components/CommonComponents/CartesianChart.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';\nimport { ITheme, IStyle } from '@fluentui/react/lib/Styling';\nimport { IOverflowSetProps } from '@fluentui/react/lib/OverflowSet';\nimport { IFocusZoneProps, FocusZoneDirection } from '@fluentui/react-focus';\nimport { ICalloutProps } from '@fluentui/react/lib/Callout';\nimport { ILegendsProps } from '../Legends/index';\nimport { IAccessibilityProps, IMargins } from '../../types/index';\nimport { ChartTypes, IChartHoverCardProps, XAxisTypes, YAxisType } from '../../utilities/index';\nimport * as d3TimeFormat from 'd3-time-format';\n\nexport interface ICartesianChartStyleProps {\n  /**\n   * Theme (provided through customization.)\n   */\n  theme: ITheme;\n\n  /**\n   * Additional CSS class(es) to apply to the Chart.\n   */\n  className?: string;\n\n  /**\n   * Width of the chart.\n   */\n  width?: number;\n\n  /**\n   * Height of the chart.\n   */\n  height?: number;\n\n  /**\n   * Color of the chart.\n   */\n  color?: string;\n\n  /**\n   * Link to redirect if click action for graph\n   */\n  href?: string;\n\n  /**\n   * prop to check if the chart is selected or hovered upon to determine opacity\n   */\n  shouldHighlight?: boolean;\n\n  /**\n   * prop to check if the Page is in Rtl\n   */\n  isRtl?: boolean;\n\n  /**\n   * color of the line\n   */\n  lineColor?: string;\n\n  /**\n   * boolean flag which determines if shape is drawn in callout\n   */\n  toDrawShape?: boolean;\n}\n\nexport interface ICartesianChartStyles {\n  /**\n   *  Style for the root element.\n   */\n  root?: IStyle;\n\n  /**\n   * Style for the element containing the x-axis.\n   */\n  xAxis?: IStyle;\n\n  /**\n   * Style for the element containing the y-axis.\n   */\n  yAxis?: IStyle;\n\n  /**\n   * Style for legend container\n   */\n  legendContainer?: IStyle;\n\n  /**\n   * line hover box css\n   */\n  hover?: IStyle;\n\n  /**\n   * styles for callout root-content\n   */\n  calloutContentRoot?: IStyle;\n\n  /**\n   * styles for callout x-content\n   */\n  calloutContentX?: IStyle;\n\n  /**\n   * styles for callout y-content\n   */\n  calloutContentY?: IStyle;\n\n  /**\n   * styles for description message\n   */\n  descriptionMessage?: IStyle;\n\n  /**\n   * styles for callout Date time container\n   */\n  calloutDateTimeContainer?: IStyle;\n\n  /**\n   * styles for callout info container\n   */\n  calloutInfoContainer?: IStyle;\n\n  /**\n   * styles for callout block container\n   */\n  calloutBlockContainer?: IStyle;\n\n  /**\n   * styles for callout legend text\n   */\n  calloutlegendText?: IStyle;\n\n  /**\n   * styles for tooltip\n   */\n  tooltip?: IStyle;\n\n  /**\n   * Style for the chart Title.\n   */\n  chartTitle?: IStyle;\n\n  /**\n   * Style to change the opacity of bars in dataviz when we hover on a single bar or legends\n   */\n  opacityChangeOnHover?: IStyle;\n\n  /**\n   * styles for the shape object in the callout\n   */\n  shapeStyles?: IStyle;\n}\n\nexport interface ICartesianChartProps {\n  /**\n   * Below height used for resizing of the chart\n   * Wrap chart in your container and send the updated height and width to these props.\n   * These values decide wheather chart re render or not. Please check examples for reference\n   */\n  height?: number;\n\n  /**\n   * Below width used for resizing of the chart\n   * Wrap chart in your container and send the updated height and width to these props.\n   * These values decide wheather chart re render or not. Please check examples for reference\n   */\n  width?: number;\n\n  /**\n   * this prop takes its parent as a HTML element to define the width and height of the chart\n   */\n  parentRef?: HTMLElement | null;\n\n  /**\n   * Additional CSS class(es) to apply to the Chart.\n   */\n  className?: string;\n\n  /**\n   * Theme (provided through customization.)\n   */\n  theme?: ITheme;\n\n  /**\n   * Margins for the chart\n   * @default `{ top: 20, bottom: 35, left: 40, right: 20 }`\n   * To avoid edge cuttings to the chart, we recommend you use default values or greater then default values\n   */\n  margins?: IMargins;\n\n  /** decides wether to show/hide legends\n   * @defaultvalue false\n   */\n  hideLegend?: boolean;\n\n  /**\n   * Do not show tooltips in chart\n   * @default false\n   */\n  hideTooltip?: boolean;\n\n  /**\n   * this prop takes values that you want the chart to render on x-axis\n   * This is a optional parameter if not specified D3 will decide which values appear on the x-axis for you\n   * Please look at https://github.com/d3/d3-scale for more information on how D3 decides what data to appear on the axis of chart\n   */\n  tickValues?: number[] | Date[];\n\n  /**\n   * the format for the data on x-axis. For date object this can be specified to your requirement. Eg: '%m/%d', '%d'\n   * Please look at https://github.com/d3/d3-time-format for all the formats supported for date axis\n   * Only applicable for date axis. For y-axis format use yAxisTickFormat prop.\n   */\n  tickFormat?: string;\n\n  /**\n   * Width of line stroke\n   */\n  strokeWidth?: number;\n\n  /**\n   * x Axis labels tick padding. This defines the gap between tick labels and tick lines.\n   * @default 10\n   */\n  xAxisTickPadding?: number;\n\n  /**\n   * the format in for the data on y-axis. For data object this can be specified to your requirement.\n   *  Eg: d3.format(\".0%\")(0.123),d3.format(\"+20\")(42);\n   * Please look at https://github.com/d3/d3-format for all the formats supported\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  yAxisTickFormat?: any;\n\n  /**\n   * minimum  data value point in y-axis\n   */\n  yMinValue?: number;\n\n  /**\n   * maximum data value point in y-axis\n   */\n  yMaxValue?: number;\n\n  /**\n   * Number of ticks on the y-axis.\n   * Tick count should be factor of difference between (yMinValue, yMaxValue)?\n   * @default 4\n   */\n  yAxisTickCount?: number;\n\n  /**\n   * defines the number of ticks on the x-axis. Tries to match the nearest interval satisfying the count.\n   * Does not work for string axis.\n   * @default 6\n   */\n  xAxisTickCount?: number;\n\n  /**\n   * define the size of the tick lines on the x-axis\n   * @default 10\n   */\n  xAxistickSize?: number;\n\n  /**\n   * defines the space between the tick line and the data label\n   * @default 10\n   */\n  tickPadding?: number;\n\n  /**\n   * Url that the data-viz needs to redirect to upon clicking on it\n   */\n  href?: string;\n\n  /**\n   * Label to apply to the whole chart.\n   * @deprecated - Use your chart label for the chart.\n   */\n  chartLabel?: string;\n\n  /**\n   * overflow props for the legends\n   */\n  legendsOverflowProps?: Partial<IOverflowSetProps>;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  legendsOverflowText?: any;\n\n  /**\n   * focus zone props in hover card for legends\n   */\n  focusZonePropsForLegendsInHoverCard?: IFocusZoneProps;\n\n  /**\n   * Enable the legends to wrap lines if there is not enough space to show all legends on a single line\n   */\n  enabledLegendsWrapLines?: boolean;\n\n  /*\n   * props for the legends in the chart\n   */\n  legendProps?: Partial<ILegendsProps>;\n\n  /**\n   *@default false\n   *Used for to elipse x axis labes and show tooltip on x axis labels\n   */\n  showXAxisLablesTooltip?: boolean;\n\n  /**\n   * @default 4\n   * Used for X axis labels\n   * While Giving showXAxisLablesTooltip prop, need to define after how many chars, we need to truncate the word.\n   */\n  noOfCharsToTruncate?: number;\n\n  /**\n   * @default false\n   * Used to wrap x axis labels values (whole value)\n   */\n  wrapXAxisLables?: boolean;\n\n  /**\n   * @default false\n   * Used to rotate x axis labels by 45 degrees\n   */\n  rotateXAxisLables?: boolean;\n\n  /**\n   * The prop used to define the date time localization options\n   */\n  dateLocalizeOptions?: Intl.DateTimeFormatOptions;\n\n  /**\n   * The prop used to define a custom locale for the date time format.\n   */\n  timeFormatLocale?: d3TimeFormat.TimeLocaleDefinition;\n\n  /**\n   * The prop used to define a custom datetime formatter for date axis.\n   */\n  customDateTimeFormatter?: (dateTime: Date) => string;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<ICartesianChartStyleProps, ICartesianChartStyles>;\n\n  /**\n   * Callout customization props\n   */\n  calloutProps?: Partial<ICalloutProps>;\n\n  /**\n   * props for the svg; use this to include aria-* or other attributes on the tag\n   */\n  svgProps?: React.SVGProps<SVGSVGElement>;\n}\n\nexport interface IYValueHover {\n  legend?: string;\n  y?: number;\n  color?: string;\n  data?: string | number;\n  shouldDrawBorderBottom?: boolean;\n  yAxisCalloutData?: string | { [id: string]: number };\n  index?: number;\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\nexport interface IChildProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  xScale?: any;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  yScale?: any;\n  containerHeight?: number;\n  containerWidth?: number;\n}\n\n// Only used for Cartesian chart base\nexport interface IModifiedCartesianChartProps extends ICartesianChartProps {\n  /**\n   * Define the chart title\n   */\n  chartTitle?: string;\n\n  /**\n   * Only used for Area chart\n   * Value used to draw y axis of that chart.\n   */\n  maxOfYVal?: number;\n\n  /**\n   * Data of the chart\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  points: any;\n\n  /**\n   * Define type of the chart\n   */\n  chartType: ChartTypes;\n\n  /** X axis type */\n  xAxisType: XAxisTypes;\n\n  /** Y axis type */\n  yAxisType?: YAxisType;\n\n  /**\n   * Legends of the chart.\n   */\n  legendBars: JSX.Element;\n\n  /**\n   * Callout props\n   */\n  calloutProps: Partial<ICalloutProps> & {\n    isCalloutVisible: boolean;\n    id: string;\n    YValueHover?: IYValueHover[];\n    hoverXValue?: string | number | null;\n    legend?: string;\n    color?: string;\n    YValue?: string | number;\n    XValue?: string;\n    descriptionMessage?: string;\n  };\n\n  /**\n   * Callback method used for to get margins to the chart.\n   */\n  getmargins?: (margins: IMargins) => void;\n\n  /**\n   * This is a call back method to the chart from cartesian chart.\n   * params are xScale, yScale, containerHeight, containerWidth. These values were used to draw the graph.\n   * It also contians an optional param xAxisElement - defines as x axis scale element.\n   * This param used to enable feature word wrap of Xaxis.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  getGraphData?: any;\n\n  /**\n   * Used for bar chart graphs.\n   * To define width of the bar\n   */\n  barwidth?: number;\n\n  /**\n   * Used for tick styles of the x axis of the chart\n   * Tick params are applicable for date axis only.\n   */\n  tickParams?: {\n    tickValues?: number[] | Date[];\n    tickFormat?: string;\n  };\n\n  /**\n   * it's padding between bar's or lines in the graph\n   */\n  xAxisPadding?: number;\n\n  /**\n   * it's padding between bar's or lines in the graph\n   */\n  yAxisPadding?: number;\n\n  /**\n   * Children elements specific to derived chart types.\n   */\n  children(props: IChildProps): React.ReactNode;\n\n  /**\n   * To enable callout for individualbar or complete stack. Using for only Vertical stacked bar chart.\n   * @default false\n   * @type {boolean}\n   */\n  isCalloutForStack?: boolean;\n\n  /** dataset values to find out domain of the String axis\n   * Present using for only vertical stacked bar chart and grouped vertical bar chart\n   */\n  datasetForXAxisDomain?: string[];\n\n  /** Own callout design */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  customizedCallout?: any;\n\n  /**\n   * if the data points for the y-axis is of type string, then we need to give this\n   * prop to construct the y-axis\n   */\n  stringDatasetForYAxisDomain?: string[];\n\n  /**\n   * Focus zone direction to the chart\n   * @default FocusZoneDirection.horizontal\n   */\n  focusZoneDirection?: FocusZoneDirection;\n\n  /**\n   * props to send into the chart hover card\n   */\n  chartHoverProps?: IChartHoverCardProps;\n\n  /**\n   * props to send to the focuszone\n   */\n  svgFocusZoneProps?: IFocusZoneProps;\n\n  /**\n   * The prop used to define the culture to localize the numbers and date\n   */\n  culture?: string;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  getAxisData?: any;\n\n  /**\n   * Callback method used when mouse leaves the chart boundary.\n   */\n  onChartMouseLeave?: () => void;\n\n  /** Callback method to get extra margins for domain */\n  getDomainMargins?: (containerWidth: number) => IMargins;\n\n  /** Padding between each bar/line-point */\n  xAxisInnerPadding?: number;\n\n  /** Padding before first bar/line-point and after last bar/line-point */\n  xAxisOuterPadding?: number;\n}\n"]}

package/lib/components/CommonComponents/index.d.ts

@@ -1,2 +0,0 @@
-export * from './CartesianChart';
-export * from './CartesianChart.types';

package/lib/components/CommonComponents/index.js

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

package/lib/components/CommonComponents/index.js.map

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

package/lib/components/DonutChart/Arc/Arc.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { IArcProps } from './index';
-export interface IArcState {
-    isCalloutVisible?: boolean;
-}
-export declare class Arc extends React.Component<IArcProps, IArcState> {
-    static defaultProps: Partial<IArcProps>;
-    state: {};
-    private currentRef;
-    private _isRTL;
-    static getDerivedStateFromProps(nextProps: Readonly<IArcProps>): Partial<IArcState> | null;
-    updateChart(newProps: IArcProps): void;
-    render(): JSX.Element;
-    private _onFocus;
-    private _hoverOn;
-    private _hoverOff;
-    private _onBlur;
-    private _redirectToUrl;
-    private _getAriaLabel;
-    private _renderArcLabel;
-}

package/lib/components/DonutChart/Arc/Arc.js

@@ -1,86 +0,0 @@
-import { __extends } from "tslib";
-import * as React from 'react';
-import * as shape from 'd3-shape';
-import { classNamesFunction, getRTL } from '@fluentui/react/lib/Utilities';
-import { getStyles } from './Arc.styles';
-import { format as d3Format, formatPrefix as d3FormatPrefix } from 'd3-format';
-var Arc = /** @class */ (function (_super) {
-    __extends(Arc, _super);
-    function Arc() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {};
-        _this.currentRef = React.createRef();
-        _this._isRTL = getRTL();
-        _this._hoverOff = function () {
-            _this.props.hoverLeaveCallback();
-        };
-        _this._onBlur = function () {
-            _this.props.onBlurCallback();
-        };
-        _this._getAriaLabel = function () {
-            var _a;
-            var point = _this.props.data.data;
-            var legend = point.xAxisCalloutData || point.legend;
-            var yValue = point.yAxisCalloutData || point.data || 0;
-            return ((_a = point.callOutAccessibilityData) === null || _a === void 0 ? void 0 : _a.ariaLabel) || (legend ? legend + ", " : '') + (yValue + ".");
-        };
-        _this._renderArcLabel = function (className) {
-            var _a = _this.props, arc = _a.arc, data = _a.data, innerRadius = _a.innerRadius, outerRadius = _a.outerRadius, showLabelsInPercent = _a.showLabelsInPercent, totalValue = _a.totalValue, hideLabels = _a.hideLabels;
-            if (hideLabels || Math.abs(data.endAngle - data.startAngle) < Math.PI / 12) {
-                return null;
-            }
-            var _b = arc.centroid(data), base = _b[0], perp = _b[1];
-            var hyp = Math.sqrt(base * base + perp * perp);
-            var labelRadius = Math.max(innerRadius, outerRadius) + 2;
-            var angle = (data.startAngle + data.endAngle) / 2;
-            var arcValue = data.value;
-            return (React.createElement("text", { x: (hyp === 0 ? 0 : base / hyp) * labelRadius, y: (hyp === 0 ? 0 : perp / hyp) * labelRadius, textAnchor: angle > Math.PI !== _this._isRTL ? 'end' : 'start', dominantBaseline: angle > Math.PI / 2 && angle < (3 * Math.PI) / 2 ? 'hanging' : 'auto', className: className, "aria-hidden": true }, showLabelsInPercent
-                ? d3Format('.0%')(totalValue === 0 ? 0 : arcValue / totalValue)
-                : d3FormatPrefix(arcValue < 1000 ? '.2~' : '.1', arcValue)(arcValue)));
-        };
-        return _this;
-    }
-    Arc.getDerivedStateFromProps = function (nextProps) {
-        _updateChart(nextProps);
-        return null;
-    };
-    Arc.prototype.updateChart = function (newProps) {
-        _updateChart(newProps);
-    };
-    Arc.prototype.render = function () {
-        var _a;
-        var _b = this.props, arc = _b.arc, href = _b.href, focusedArcId = _b.focusedArcId;
-        var getClassNames = classNamesFunction();
-        var classNames = getClassNames(getStyles, {
-            color: this.props.color,
-            href: href,
-            theme: this.props.theme,
-        });
-        var id = this.props.uniqText + this.props.data.data.legend.replace(/\s+/, '') + this.props.data.data.data;
-        var opacity = this.props.activeArc === this.props.data.data.legend || this.props.activeArc === '' ? 1 : 0.1;
-        return (React.createElement("g", { ref: this.currentRef },
-            !!focusedArcId && focusedArcId === id && (React.createElement("path", { id: id + 'focusRing', d: arc(this.props.focusData), className: classNames.focusRing })),
-            React.createElement("path", { id: id, d: arc(this.props.data), onFocus: this._onFocus.bind(this, this.props.data.data, id), className: classNames.root, "data-is-focusable": true, onMouseOver: this._hoverOn.bind(this, this.props.data.data), onMouseMove: this._hoverOn.bind(this, this.props.data.data), onMouseLeave: this._hoverOff, onBlur: this._onBlur, opacity: opacity, onClick: href ? this._redirectToUrl.bind(this, href) : (_a = this.props.data) === null || _a === void 0 ? void 0 : _a.data.onClick, "aria-label": this._getAriaLabel(), role: "img" }),
-            this._renderArcLabel(classNames.arcLabel)));
-    };
-    Arc.prototype._onFocus = function (data, id) {
-        this.props.onFocusCallback(data, id, this.currentRef.current);
-    };
-    Arc.prototype._hoverOn = function (data, mouseEvent) {
-        mouseEvent.persist();
-        this.props.hoverOnCallback(data, mouseEvent);
-    };
-    Arc.prototype._redirectToUrl = function (href) {
-        href ? (window.location.href = href) : '';
-    };
-    Arc.defaultProps = {
-        arc: shape.arc(),
-    };
-    return Arc;
-}(React.Component));
-export { Arc };
-function _updateChart(newProps) {
-    newProps.arc.innerRadius(newProps.innerRadius);
-    newProps.arc.outerRadius(newProps.outerRadius);
-}
-//# sourceMappingURL=Arc.js.map

package/lib/components/DonutChart/Arc/Arc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Arc.js","sourceRoot":"../src/","sources":["components/DonutChart/Arc/Arc.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport * as shape from 'd3-shape';\nimport { classNamesFunction, getRTL } from '@fluentui/react/lib/Utilities';\nimport { getStyles } from './Arc.styles';\nimport { IChartDataPoint } from '../index';\nimport { IArcProps, IArcStyles } from './index';\nimport { format as d3Format, formatPrefix as d3FormatPrefix } from 'd3-format';\n\nexport interface IArcState {\n  isCalloutVisible?: boolean;\n}\n\nexport class Arc extends React.Component<IArcProps, IArcState> {\n  public static defaultProps: Partial<IArcProps> = {\n    arc: shape.arc(),\n  };\n\n  public state: {} = {};\n\n  private currentRef = React.createRef<SVGPathElement>();\n  private _isRTL: boolean = getRTL();\n\n  public static getDerivedStateFromProps(nextProps: Readonly<IArcProps>): Partial<IArcState> | null {\n    _updateChart(nextProps);\n    return null;\n  }\n\n  public updateChart(newProps: IArcProps): void {\n    _updateChart(newProps);\n  }\n\n  public render(): JSX.Element {\n    const { arc, href, focusedArcId } = this.props;\n    const getClassNames = classNamesFunction<IArcProps, IArcStyles>();\n    const classNames = getClassNames(getStyles, {\n      color: this.props.color,\n      href: href!,\n      theme: this.props.theme!,\n    });\n    const id = this.props.uniqText! + this.props.data!.data.legend!.replace(/\\s+/, '') + this.props.data!.data.data;\n    const opacity: number =\n      this.props.activeArc === this.props.data!.data.legend || this.props.activeArc === '' ? 1 : 0.1;\n    return (\n      <g ref={this.currentRef}>\n        {!!focusedArcId && focusedArcId === id && (\n          <path id={id + 'focusRing'} d={arc(this.props.focusData)} className={classNames.focusRing} />\n        )}\n        <path\n          id={id}\n          d={arc(this.props.data)}\n          onFocus={this._onFocus.bind(this, this.props.data!.data, id)}\n          className={classNames.root}\n          data-is-focusable={true}\n          onMouseOver={this._hoverOn.bind(this, this.props.data!.data)}\n          onMouseMove={this._hoverOn.bind(this, this.props.data!.data)}\n          onMouseLeave={this._hoverOff}\n          onBlur={this._onBlur}\n          opacity={opacity}\n          onClick={href ? this._redirectToUrl.bind(this, href) : this.props.data?.data.onClick}\n          aria-label={this._getAriaLabel()}\n          role=\"img\"\n        />\n        {this._renderArcLabel(classNames.arcLabel)}\n      </g>\n    );\n  }\n\n  private _onFocus(data: IChartDataPoint, id: string): void {\n    this.props.onFocusCallback!(data, id, this.currentRef.current);\n  }\n\n  private _hoverOn(data: IChartDataPoint, mouseEvent: React.MouseEvent<SVGPathElement>): void {\n    mouseEvent.persist();\n    this.props.hoverOnCallback!(data, mouseEvent);\n  }\n\n  private _hoverOff = (): void => {\n    this.props.hoverLeaveCallback!();\n  };\n\n  private _onBlur = (): void => {\n    this.props.onBlurCallback!();\n  };\n\n  private _redirectToUrl(href: string | undefined): void {\n    href ? (window.location.href = href) : '';\n  }\n\n  private _getAriaLabel = (): string => {\n    const point = this.props.data!.data;\n    const legend = point.xAxisCalloutData || point.legend;\n    const yValue = point.yAxisCalloutData || point.data || 0;\n    return point.callOutAccessibilityData?.ariaLabel || (legend ? `${legend}, ` : '') + `${yValue}.`;\n  };\n\n  private _renderArcLabel = (className: string) => {\n    const { arc, data, innerRadius, outerRadius, showLabelsInPercent, totalValue, hideLabels } = this.props;\n\n    if (hideLabels || Math.abs(data!.endAngle - data!.startAngle) < Math.PI / 12) {\n      return null;\n    }\n\n    const [base, perp] = arc.centroid(data);\n    const hyp = Math.sqrt(base * base + perp * perp);\n    const labelRadius = Math.max(innerRadius!, outerRadius!) + 2;\n    const angle = (data!.startAngle + data!.endAngle) / 2;\n    const arcValue = data!.value;\n\n    return (\n      <text\n        x={(hyp === 0 ? 0 : base / hyp) * labelRadius}\n        y={(hyp === 0 ? 0 : perp / hyp) * labelRadius}\n        textAnchor={angle > Math.PI !== this._isRTL ? 'end' : 'start'}\n        dominantBaseline={angle > Math.PI / 2 && angle < (3 * Math.PI) / 2 ? 'hanging' : 'auto'}\n        className={className}\n        aria-hidden={true}\n      >\n        {showLabelsInPercent\n          ? d3Format('.0%')(totalValue! === 0 ? 0 : arcValue / totalValue!)\n          : d3FormatPrefix(arcValue < 1000 ? '.2~' : '.1', arcValue)(arcValue)}\n      </text>\n    );\n  };\n}\n\nfunction _updateChart(newProps: IArcProps): void {\n  newProps.arc.innerRadius(newProps.innerRadius);\n  newProps.arc.outerRadius(newProps.outerRadius);\n}\n"]}

package/lib/components/DonutChart/Arc/Arc.styles.d.ts

@@ -1,2 +0,0 @@
-import { IArcProps, IArcStyles } from './Arc.types';
-export declare const getStyles: (props: IArcProps) => IArcStyles;

package/lib/components/DonutChart/Arc/Arc.styles.js

@@ -1,28 +0,0 @@
-import { DefaultPalette, FontSizes, FontWeights } from '@fluentui/react/lib/Styling';
-export var getStyles = function (props) {
-    var color = props.color, href = props.href, theme = props.theme;
-    return {
-        root: {
-            fill: color,
-            cursor: href ? 'pointer' : 'default',
-            stroke: DefaultPalette.white,
-            outline: 'transparent',
-            selectors: {
-                '::-moz-focus-inner': {
-                    border: '0',
-                },
-            },
-        },
-        focusRing: {
-            stroke: theme.semanticColors.focusBorder,
-            strokeWidth: 4,
-            fill: 'transparent',
-        },
-        arcLabel: {
-            fontSize: FontSizes.small,
-            fontWeight: FontWeights.semibold,
-            fill: theme.palette.neutralPrimary,
-        },
-    };
-};
-//# sourceMappingURL=Arc.styles.js.map

package/lib/components/DonutChart/Arc/Arc.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Arc.styles.js","sourceRoot":"../src/","sources":["components/DonutChart/Arc/Arc.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAErF,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,KAAgB;IAChC,IAAA,KAAK,GAAkB,KAAK,MAAvB,EAAE,IAAI,GAAY,KAAK,KAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IACrC,OAAO;QACL,IAAI,EAAE;YACJ,IAAI,EAAE,KAAK;YACX,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YACpC,MAAM,EAAE,cAAc,CAAC,KAAK;YAC5B,OAAO,EAAE,aAAa;YACtB,SAAS,EAAE;gBACT,oBAAoB,EAAE;oBACpB,MAAM,EAAE,GAAG;iBACZ;aACF;SACF;QACD,SAAS,EAAE;YACT,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW;YACxC,WAAW,EAAE,CAAC;YACd,IAAI,EAAE,aAAa;SACpB;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE,SAAS,CAAC,KAAK;YACzB,UAAU,EAAE,WAAW,CAAC,QAAQ;YAChC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;SACnC;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { IArcProps, IArcStyles } from './Arc.types';\nimport { DefaultPalette, FontSizes, FontWeights } from '@fluentui/react/lib/Styling';\n\nexport const getStyles = (props: IArcProps): IArcStyles => {\n  const { color, href, theme } = props;\n  return {\n    root: {\n      fill: color,\n      cursor: href ? 'pointer' : 'default',\n      stroke: DefaultPalette.white,\n      outline: 'transparent',\n      selectors: {\n        '::-moz-focus-inner': {\n          border: '0',\n        },\n      },\n    },\n    focusRing: {\n      stroke: theme.semanticColors.focusBorder,\n      strokeWidth: 4,\n      fill: 'transparent',\n    },\n    arcLabel: {\n      fontSize: FontSizes.small,\n      fontWeight: FontWeights.semibold,\n      fill: theme.palette.neutralPrimary,\n    },\n  };\n};\n"]}