@fluentui/react-charting 5.16.22 → 5.16.24

package/lib/types/IDataPoint.d.ts

@@ -1,545 +0,0 @@
-import { SVGProps } from 'react';
-import { LegendShape } from '../components/Legends/Legends.types';
-import * as d3Sankey from 'd3-sankey';
-export interface IBasestate {
-    _width?: number;
-    _height?: number;
-    activeLegend?: string;
-    color?: string;
-    dataForHoverCard?: number;
-    isCalloutVisible: boolean;
-    isLegendSelected?: boolean;
-    isLegendHovered?: boolean;
-    refSelected?: any;
-    YValueHover?: {
-        legend?: string;
-        y?: number;
-        color?: string;
-    }[];
-    hoverYValue?: string | number | null;
-    hoverXValue?: string | number | null;
-    xCalloutValue?: string;
-    yCalloutValue?: string;
-    lineColor?: string;
-    hoveredLineColor?: string;
-    selectedLegend?: string;
-    containerWidth?: number;
-    containerHeight?: number;
-}
-export interface IRefArrayData {
-    index?: string;
-    refElement?: SVGGElement;
-}
-export interface IMargins {
-    /**
-     * left margin for the chart.
-     */
-    left?: number;
-    /**
-     * Right margin for the chart.
-     */
-    right?: number;
-    /**
-     * Top margin for the chart.
-     */
-    top?: number;
-    /**
-     * Bottom margin for the chart.
-     */
-    bottom?: number;
-}
-export interface IDataPoint {
-    /**
-     * Independent value of the data point, rendered along the x-axis.
-     * If x is a number, then each y-coordinate is plotted at its x-coordinate.
-     * If x is a string, then the data is evenly spaced along the x-axis.
-     */
-    x: number | string;
-    /**
-     * Dependent value of the data point, rendered along the y-axis.
-     */
-    y: number;
-    /**
-     * onClick action for each datapoint in the chart
-     */
-    onClick?: VoidFunction;
-}
-export interface IHorizontalDataPoint {
-    /**
-     * Independent value of the data point, rendered along the x-axis.
-     * If x is a number, then each y-coordinate is plotted at its x-coordinate.
-     * If x is a string, then the data is evenly spaced along the x-axis.
-     */
-    x: number;
-    /**
-     * Dependent value of the data point, rendered along the y-axis.
-     */
-    y: number;
-}
-export interface IChartDataPoint {
-    /**
-     * Legend text for the datapoint in the chart
-     */
-    legend?: string;
-    /**
-     * data the datapoint in the chart
-     */
-    data?: number;
-    /**
-     * data the datapoint in the chart
-     */
-    horizontalBarChartdata?: IHorizontalDataPoint;
-    /**
-     * onClick action for each datapoint in the chart
-     */
-    onClick?: VoidFunction;
-    /**
-     * Color for the legend in the chart. If not provided, it will fallback on the default color palette.
-     */
-    color?: string;
-    /**
-     * placeholder data point
-     */
-    placeHolder?: boolean;
-    /**
-     * Callout data for x axis
-     * This is an optional prop, If haven;t given legend will take
-     */
-    xAxisCalloutData?: string;
-    /**
-     * Callout data for y axis
-     * This is an optional prop, If haven't given data will take
-     */
-    yAxisCalloutData?: string;
-    /**
-     * Accessibility data for callout
-     */
-    callOutAccessibilityData?: IAccessibilityProps;
-}
-export interface IVerticalBarChartDataPoint {
-    /**
-     * Independent value of the data point, rendered along the x-axis.
-     * If x is a number, then each y-coordinate is plotted at its x-coordinate.
-     * If x is a string, then the data is evenly spaced along the x-axis.
-     */
-    x: number | string;
-    /**
-     * Dependent value of the data point, rendered along the y-axis.
-     */
-    y: number;
-    /**
-     * Legend text for the datapoint in the chart
-     */
-    legend?: string;
-    /**
-     * color for the legend in the chart
-     */
-    color?: string;
-    /**
-     * Callout data for x axis
-     * This is an optional prop, If haven;t given legend will take
-     */
-    xAxisCalloutData?: string;
-    /**
-     * Callout data for y axis
-     * This is an optional prop, If haven't given data will take
-     */
-    yAxisCalloutData?: string;
-    /**
-     * data to render the line along with bars
-     */
-    lineData?: ILineDataInVerticalBarChart;
-    /**
-     * onClick action for each datapoint in the chart
-     */
-    onClick?: VoidFunction;
-    /**
-     * Accessibility data for callout
-     */
-    callOutAccessibilityData?: IAccessibilityProps;
-}
-export interface ILineDataInVerticalBarChart {
-    y: IVerticalBarChartDataPoint['y'];
-    yAxisCalloutData?: string | undefined;
-    /**
-     * onClick action for each datapoint in the chart
-     */
-    onClick?: VoidFunction;
-}
-export interface ILineChartDataPoint {
-    /**
-     * Independent value of the data point, rendered along the x-axis.
-     * If x is a number, then each y-coordinate is plotted at its x-coordinate.
-     * If data type on x is Date, then the data is spaced evenly by d3-scale
-     */
-    x: number | Date;
-    /**
-     * Dependent value of the data point, rendered along the y-axis.
-     */
-    y: number;
-    /**
-     * Defines the function that is executed on clicking  line
-     */
-    onDataPointClick?: () => void;
-    /**
-     * Callout data for x axis
-     */
-    xAxisCalloutData?: string;
-    /**
-     * Callout data for y axis
-     */
-    yAxisCalloutData?: string | {
-        [id: string]: number;
-    };
-    /**
-     * Whether to hide callout data for the point.
-     */
-    hideCallout?: boolean;
-    /**
-     * Accessibility data for callout
-     */
-    callOutAccessibilityData?: IAccessibilityProps;
-    /**
-     * X axis Accessibility data for callout
-     */
-    xAxisCalloutAccessibilityData?: IAccessibilityProps;
-}
-export interface ILineChartGap {
-    /**
-     * Starting index of the gap.
-     */
-    startIndex: number;
-    /**
-     * Ending index of the gap.
-     */
-    endIndex: number;
-}
-export interface ILineChartLineOptions extends SVGProps<SVGPathElement> {
-    /**
-     * Width of the line/stroke.
-     * Overrides the strokeWidth set on ICartesianChartProps level.
-     * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-width
-     */
-    strokeWidth?: number | string;
-    /**
-     * Pattern of dashes and gaps.
-     * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray
-     */
-    strokeDasharray?: string | number;
-    /**
-     * Offset on rendering of stroke dash array.
-     * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dashoffset
-     */
-    strokeDashoffset?: string | number;
-    /**
-     * Shape at the end of a subpath.
-     * Default round.
-     * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap
-     */
-    strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit';
-    /**
-     * Width of border around the line. Default no border.
-     */
-    lineBorderWidth?: string | number;
-    /**
-     * Color of border around the line. Default white.
-     */
-    lineBorderColor?: string;
-}
-export interface ILineChartPoints {
-    /**
-     * Legend text for the datapoint in the chart
-     */
-    legend: string;
-    /**
-     * The shape for the legend
-     * default: show the rect legend
-     */
-    legendShape?: LegendShape;
-    /**
-     * dataPoints for the line chart
-     */
-    data: ILineChartDataPoint[];
-    /**
-     * gaps in the line chart where a line is not drawn
-     */
-    gaps?: ILineChartGap[];
-    /**
-     * color for the legend in the chart
-     */
-    color?: string;
-    /**
-     * opacity for chart fill color
-     */
-    opacity?: number;
-    /**
-     * options for the line drawn
-     */
-    lineOptions?: ILineChartLineOptions;
-    /**
-     * hide dots for points that are not active
-     */
-    hideNonActiveDots?: boolean;
-    /**
-     * Defines the function that is executed on clicking this legend
-     */
-    onLegendClick?: (selectedLegend: string | null | string[]) => void;
-    /**
-     * Defines the function that is executed on clicking  line
-     */
-    onLineClick?: () => void;
-}
-export interface IChartProps {
-    /**
-     * chart title for the chart
-     */
-    chartTitle?: string;
-    /**
-     * Accessibility data for chart title
-     */
-    chartTitleAccessibilityData?: IAccessibilityProps;
-    /**
-     * data for the points in the chart
-     */
-    chartData?: IChartDataPoint[];
-    /**
-     * Accessibility data for chart data
-     */
-    chartDataAccessibilityData?: IAccessibilityProps;
-    /**
-     * data for the points in the line chart
-     */
-    lineChartData?: ILineChartPoints[];
-    /**
-     * data for the points in the line chart
-     */
-    SankeyChartData?: ISankeyChartData;
-    /**
-     * data for the points in the line chart
-     */
-    pointOptions?: SVGProps<SVGCircleElement>;
-    /**
-     * data for the dotted line on hovering the point
-     */
-    pointLineOptions?: SVGProps<SVGLineElement>;
-}
-export interface ISankeyChartData {
-    nodes: SNode[];
-    links: SLink[];
-}
-interface ISNodeExtra {
-    nodeId: number | string;
-    name: string;
-    color?: string;
-    borderColor?: string;
-    actualValue?: number;
-    layer?: number;
-}
-interface ISLinkExtra {
-    source: number;
-    target: number;
-    value: number;
-    unnormalizedValue?: number;
-}
-export declare type SNode = d3Sankey.SankeyNode<ISNodeExtra, ISLinkExtra>;
-export declare type SLink = d3Sankey.SankeyLink<ISNodeExtra, ISLinkExtra>;
-export interface IAccessibilityProps {
-    /**
-     * Accessibility aria-label
-     */
-    ariaLabel?: string;
-    /**
-     * Accessibility aria-labelledBy
-     */
-    ariaLabelledBy?: string;
-    /**
-     * Accessibility aria-describedBy
-     */
-    ariaDescribedBy?: string;
-}
-export interface IVSChartDataPoint {
-    /**
-     * data the datapoint in the chart
-     */
-    data: number;
-    /**
-     * Legend text for the datapoint in the chart
-     */
-    legend: string;
-    /**
-     * color for the legend in the chart
-     */
-    color?: string;
-    /**
-     * Callout data for x axis
-     * This is an optional prop, If haven;t given legend will take
-     */
-    xAxisCalloutData?: string;
-    /**
-     * Callout data for y axis
-     * This is an optional prop, If haven't given data will take
-     */
-    yAxisCalloutData?: string;
-    /**
-     * Accessibility data for callout
-     */
-    callOutAccessibilityData?: IAccessibilityProps;
-}
-export interface IVerticalStackedChartProps {
-    /**
-     * data for the points in the chart
-     */
-    chartData: IVSChartDataPoint[];
-    /**
-     * Data for x axis label for multistacked Vertical bar chart
-     */
-    xAxisPoint: number | string;
-    /**
-     * Callout data for x axis
-     * This is an optional prop, If haven't given, legend will take
-     */
-    xAxisCalloutData?: string;
-    /**
-     * line data to render lines on stacked bar chart
-     */
-    lineData?: ILineDataInVerticalStackedBarChart[];
-    /**
-     * Accessibility data for Whole stack callout
-     */
-    stackCallOutAccessibilityData?: IAccessibilityProps;
-}
-export interface ILineDataInVerticalStackedBarChart {
-    y: number;
-    color: string;
-    legend: string;
-    /**
-     * Data to show in callout
-     */
-    data?: number;
-    yAxisCalloutData?: string;
-}
-export interface IGVBarChartSeriesPoint {
-    /**
-     * Text for // need to check use of this
-     */
-    key: string;
-    /**
-     * Data for bar height of Grouped vertical bar chart
-     */
-    data: number;
-    /**
-     * Color for the legend in the chart
-     */
-    color: string;
-    /**
-     * Legend text in the chart
-     */
-    legend: string;
-    /**
-     * Callout data for x axis
-     * This is an optional prop, If haven;t given legend will take
-     */
-    xAxisCalloutData?: string;
-    /**
-     * Callout data for y axis
-     * This is an optional prop, If haven't given data will take
-     */
-    yAxisCalloutData?: string;
-    /**
-     * onClick action for each datapoint in the chart
-     */
-    onClick?: VoidFunction;
-    /**
-     * Accessibility data for callout
-     */
-    callOutAccessibilityData?: IAccessibilityProps;
-}
-export interface IGroupedVerticalBarChartData {
-    /**
-     * Data for X axis label
-     */
-    name: string;
-    /**
-     * Data points for Grouped vertical bar chart
-     */
-    series: IGVBarChartSeriesPoint[];
-    /**
-     * Accessibility data for Group Bars Stack Callout
-     */
-    stackCallOutAccessibilityData?: IAccessibilityProps;
-}
-export interface IGVDataPoint {
-    /**
-     * This interface used for - While forming datapoints from given prop "data" in code
-     * datapoints are used for to draw graph
-     */
-    [key: string]: number | string;
-}
-export interface IGVSingleDataPoint {
-    /**
-     * While forming datapoints from given prop "data" in code.
-     * These datapoints are used for to draw graph easily.
-     */
-    [key: string]: IGVDataPoint;
-}
-export interface IGVForBarChart {
-    /**
-     * While forming datapoints from given prop "data"
-     * These datapoints are used for to draw graph.
-     */
-    [key: string]: IGVBarChartSeriesPoint;
-}
-export interface IHeatMapChartDataPoint {
-    x: string | Date | number;
-    y: string | Date | number;
-    value: number;
-    /**
-     * The value/ text to be rendered in the rectange
-     */
-    rectText?: string | number;
-    /**
-     * denomination to show in the callout
-     */
-    ratio?: [number, number];
-    /**
-     * description message to the callout
-     */
-    descriptionMessage?: string;
-    /**
-     * onClick action for each datapoint in the chart
-     */
-    onClick?: VoidFunction;
-    /**
-     * Accessibility data for callout
-     */
-    callOutAccessibilityData?: IAccessibilityProps;
-}
-export interface IHeatMapChartData {
-    /**
-     * name of the legend
-     */
-    legend: string;
-    data: IHeatMapChartDataPoint[];
-    /**
-     * This  number will be used to get the color for the legend
-     */
-    value: number;
-}
-export interface ICustomizedCalloutDataPoint {
-    legend: string;
-    y: number;
-    color: string;
-    xAxisCalloutData?: string;
-    yAxisCalloutData?: string | {
-        [id: string]: number;
-    };
-}
-/**
- * Used for custom callout data interface. As Area chart callout data will be prepared from given props.data,
- * Those required data passing to onRenderCalloutPerDataPoint and onRenderCalloutPerStack.
- */
-export interface ICustomizedCalloutData {
-    x: number | string | Date;
-    values: ICustomizedCalloutDataPoint[];
-}
-export {};

package/lib/types/IDataPoint.js

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

package/lib/types/IDataPoint.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IDataPoint.js","sourceRoot":"../src/","sources":["types/IDataPoint.ts"],"names":[],"mappings":"","sourcesContent":["import { SVGProps } from 'react';\nimport { LegendShape } from '../components/Legends/Legends.types';\nimport * as d3Sankey from 'd3-sankey';\nexport interface IBasestate {\n  _width?: number;\n  _height?: number;\n  activeLegend?: string;\n  color?: string;\n  dataForHoverCard?: number;\n  isCalloutVisible: boolean;\n  isLegendSelected?: boolean;\n  isLegendHovered?: boolean;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  refSelected?: any;\n  YValueHover?: { legend?: string; y?: number; color?: string }[];\n  hoverYValue?: string | number | null;\n  hoverXValue?: string | number | null;\n  xCalloutValue?: string;\n  yCalloutValue?: string;\n  lineColor?: string;\n  hoveredLineColor?: string;\n  selectedLegend?: string;\n  containerWidth?: number;\n  containerHeight?: number;\n}\n\nexport interface IRefArrayData {\n  index?: string;\n  refElement?: SVGGElement;\n}\n\nexport interface IMargins {\n  /**\n   * left margin for the chart.\n   */\n  left?: number;\n  /**\n   * Right margin for the chart.\n   */\n  right?: number;\n  /**\n   * Top margin for the chart.\n   */\n  top?: number;\n  /**\n   * Bottom margin for the chart.\n   */\n  bottom?: number;\n}\n\nexport interface IDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   */\n  x: number | string;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n\n  // NOTE: VerticalStackedBarChart, PieChart\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n}\n\nexport interface IHorizontalDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   */\n  x: number;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n}\n\nexport interface IChartDataPoint {\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend?: string;\n\n  /**\n   * data the datapoint in the chart\n   */\n  data?: number;\n\n  /**\n   * data the datapoint in the chart\n   */\n  horizontalBarChartdata?: IHorizontalDataPoint;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Color for the legend in the chart. If not provided, it will fallback on the default color palette.\n   */\n  color?: string;\n\n  /**\n   * placeholder data point\n   */\n  placeHolder?: boolean;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\nexport interface IVerticalBarChartDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   */\n  x: number | string;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend?: string;\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * data to render the line along with bars\n   */\n  lineData?: ILineDataInVerticalBarChart;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\nexport interface ILineDataInVerticalBarChart {\n  y: IVerticalBarChartDataPoint['y'];\n  yAxisCalloutData?: string | undefined;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n}\n\nexport interface ILineChartDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If data type on x is Date, then the data is spaced evenly by d3-scale\n   */\n  x: number | Date;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n\n  /**\n   * Defines the function that is executed on clicking  line\n   */\n  onDataPointClick?: () => void;\n\n  /**\n   * Callout data for x axis\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   */\n  yAxisCalloutData?: string | { [id: string]: number };\n\n  /**\n   * Whether to hide callout data for the point.\n   */\n  hideCallout?: boolean;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n\n  /**\n   * X axis Accessibility data for callout\n   */\n  xAxisCalloutAccessibilityData?: IAccessibilityProps;\n}\n\nexport interface ILineChartGap {\n  /**\n   * Starting index of the gap.\n   */\n  startIndex: number;\n\n  /**\n   * Ending index of the gap.\n   */\n  endIndex: number;\n}\n\nexport interface ILineChartLineOptions extends SVGProps<SVGPathElement> {\n  /**\n   * Width of the line/stroke.\n   * Overrides the strokeWidth set on ICartesianChartProps level.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-width\n   */\n  strokeWidth?: number | string;\n\n  /**\n   * Pattern of dashes and gaps.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\n   */\n  strokeDasharray?: string | number;\n\n  /**\n   * Offset on rendering of stroke dash array.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dashoffset\n   */\n  strokeDashoffset?: string | number;\n\n  /**\n   * Shape at the end of a subpath.\n   * Default round.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap\n   */\n  strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit';\n\n  /**\n   * Width of border around the line. Default no border.\n   */\n  lineBorderWidth?: string | number;\n\n  /**\n   * Color of border around the line. Default white.\n   */\n  lineBorderColor?: string;\n}\n\nexport interface ILineChartPoints {\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend: string;\n\n  /**\n   * The shape for the legend\n   * default: show the rect legend\n   */\n  legendShape?: LegendShape;\n\n  /**\n   * dataPoints for the line chart\n   */\n  data: ILineChartDataPoint[];\n\n  /**\n   * gaps in the line chart where a line is not drawn\n   */\n  gaps?: ILineChartGap[];\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * opacity for chart fill color\n   */\n  opacity?: number;\n\n  /**\n   * options for the line drawn\n   */\n  lineOptions?: ILineChartLineOptions;\n\n  /**\n   * hide dots for points that are not active\n   */\n  hideNonActiveDots?: boolean;\n\n  /**\n   * Defines the function that is executed on clicking this legend\n   */\n  onLegendClick?: (selectedLegend: string | null | string[]) => void;\n\n  /**\n   * Defines the function that is executed on clicking  line\n   */\n  onLineClick?: () => void;\n}\n\nexport interface IChartProps {\n  /**\n   * chart title for the chart\n   */\n  chartTitle?: string;\n\n  /**\n   * Accessibility data for chart title\n   */\n  chartTitleAccessibilityData?: IAccessibilityProps;\n  /**\n   * data for the points in the chart\n   */\n  chartData?: IChartDataPoint[];\n\n  /**\n   * Accessibility data for chart data\n   */\n  chartDataAccessibilityData?: IAccessibilityProps;\n\n  /**\n   * data for the points in the line chart\n   */\n  lineChartData?: ILineChartPoints[];\n\n  /**\n   * data for the points in the line chart\n   */\n  SankeyChartData?: ISankeyChartData;\n\n  /**\n   * data for the points in the line chart\n   */\n  pointOptions?: SVGProps<SVGCircleElement>;\n\n  /**\n   * data for the dotted line on hovering the point\n   */\n  pointLineOptions?: SVGProps<SVGLineElement>;\n}\n\nexport interface ISankeyChartData {\n  nodes: SNode[];\n  links: SLink[];\n}\n\ninterface ISNodeExtra {\n  nodeId: number | string;\n  name: string;\n  color?: string;\n  borderColor?: string;\n  actualValue?: number;\n  layer?: number;\n}\n\ninterface ISLinkExtra {\n  source: number;\n  target: number;\n  value: number;\n  unnormalizedValue?: number;\n}\n\nexport type SNode = d3Sankey.SankeyNode<ISNodeExtra, ISLinkExtra>;\nexport type SLink = d3Sankey.SankeyLink<ISNodeExtra, ISLinkExtra>;\n\nexport interface IAccessibilityProps {\n  /**\n   * Accessibility aria-label\n   */\n  ariaLabel?: string;\n\n  /**\n   * Accessibility aria-labelledBy\n   */\n  ariaLabelledBy?: string;\n\n  /**\n   * Accessibility aria-describedBy\n   */\n  ariaDescribedBy?: string;\n}\n\nexport interface IVSChartDataPoint {\n  /**\n   * data the datapoint in the chart\n   */\n  data: number;\n\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend: string;\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\nexport interface IVerticalStackedChartProps {\n  /**\n   * data for the points in the chart\n   */\n  chartData: IVSChartDataPoint[];\n\n  /**\n   * Data for x axis label for multistacked Vertical bar chart\n   */\n  xAxisPoint: number | string;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven't given, legend will take\n   */\n  xAxisCalloutData?: string;\n  /**\n   * line data to render lines on stacked bar chart\n   */\n  lineData?: ILineDataInVerticalStackedBarChart[];\n  /**\n   * Accessibility data for Whole stack callout\n   */\n  stackCallOutAccessibilityData?: IAccessibilityProps;\n}\n\nexport interface ILineDataInVerticalStackedBarChart {\n  y: number;\n  color: string;\n  legend: string;\n  /**\n   * Data to show in callout\n   */\n  data?: number;\n  yAxisCalloutData?: string;\n}\n\nexport interface IGVBarChartSeriesPoint {\n  /**\n   * Text for // need to check use of this\n   */\n  key: string;\n\n  /**\n   * Data for bar height of Grouped vertical bar chart\n   */\n  data: number;\n\n  /**\n   * Color for the legend in the chart\n   */\n  color: string;\n\n  /**\n   * Legend text in the chart\n   */\n  legend: string;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven;t given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\nexport interface IGroupedVerticalBarChartData {\n  /**\n   * Data for X axis label\n   */\n  name: string;\n\n  /**\n   * Data points for Grouped vertical bar chart\n   */\n  series: IGVBarChartSeriesPoint[];\n\n  /**\n   * Accessibility data for Group Bars Stack Callout\n   */\n  stackCallOutAccessibilityData?: IAccessibilityProps;\n}\n\nexport interface IGVDataPoint {\n  /**\n   * This interface used for - While forming datapoints from given prop \"data\" in code\n   * datapoints are used for to draw graph\n   */\n  [key: string]: number | string;\n}\n\nexport interface IGVSingleDataPoint {\n  /**\n   * While forming datapoints from given prop \"data\" in code.\n   * These datapoints are used for to draw graph easily.\n   */\n  [key: string]: IGVDataPoint;\n}\n\nexport interface IGVForBarChart {\n  /**\n   * While forming datapoints from given prop \"data\"\n   * These datapoints are used for to draw graph.\n   */\n  [key: string]: IGVBarChartSeriesPoint;\n}\n\nexport interface IHeatMapChartDataPoint {\n  x: string | Date | number;\n  y: string | Date | number;\n  value: number;\n  /**\n   * The value/ text to be rendered in the rectange\n   */\n  rectText?: string | number;\n  /**\n   * denomination to show in the callout\n   */\n  ratio?: [number, number];\n  /**\n   * description message to the callout\n   */\n  descriptionMessage?: string;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\nexport interface IHeatMapChartData {\n  /**\n   * name of the legend\n   */\n  legend: string;\n  data: IHeatMapChartDataPoint[];\n  /**\n   * This  number will be used to get the color for the legend\n   */\n  value: number;\n}\n\nexport interface ICustomizedCalloutDataPoint {\n  legend: string;\n  y: number;\n  color: string;\n  xAxisCalloutData?: string;\n  yAxisCalloutData?: string | { [id: string]: number };\n}\n\n/**\n * Used for custom callout data interface. As Area chart callout data will be prepared from given props.data,\n * Those required data passing to onRenderCalloutPerDataPoint and onRenderCalloutPerStack.\n */\nexport interface ICustomizedCalloutData {\n  x: number | string | Date;\n  values: ICustomizedCalloutDataPoint[];\n}\n"]}

package/lib/types/IEventAnnotation.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-export interface IEventAnnotation {
-    date: Date;
-    event: string;
-    onRenderCard?: () => React.ReactNode;
-}

package/lib/types/IEventAnnotation.js

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

package/lib/types/IEventAnnotation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IEventAnnotation.js","sourceRoot":"../src/","sources":["types/IEventAnnotation.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nexport interface IEventAnnotation {\n  date: Date;\n  event: string;\n  onRenderCard?: () => React.ReactNode;\n}\n"]}

package/lib/types/ILegendDataItem.d.ts

@@ -1,10 +0,0 @@
-export interface ILegendDataItem {
-    /**
-     * Text to be displayed for legend item.
-     */
-    legendText: string | number;
-    /**
-     * Color for the specific legend
-     */
-    legendColor: string;
-}

package/lib/types/ILegendDataItem.js

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

package/lib/types/ILegendDataItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ILegendDataItem.js","sourceRoot":"../src/","sources":["types/ILegendDataItem.ts"],"names":[],"mappings":"","sourcesContent":["export interface ILegendDataItem {\n  /**\n   * Text to be displayed for legend item.\n   */\n  legendText: string | number;\n\n  /**\n   * Color for the specific legend\n   */\n  legendColor: string;\n}\n"]}

package/lib/types/index.d.ts

@@ -1,2 +0,0 @@
-export * from './IDataPoint';
-export * from './ILegendDataItem';

package/lib/types/index.js

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

package/lib/types/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["types/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC","sourcesContent":["export * from './IDataPoint';\nexport * from './ILegendDataItem';\n"]}

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

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { IChartHoverCardProps } from './ChartHoverCard.types';
-export declare class ChartHoverCardBase extends React.Component<IChartHoverCardProps, {}> {
-    private _classNames;
-    render(): React.ReactNode;
-}

package/lib/utilities/ChartHoverCard/ChartHoverCard.base.js

@@ -1,38 +0,0 @@
-import { __extends } from "tslib";
-import * as React from 'react';
-import { classNamesFunction } from '@fluentui/react';
-import { convertToLocaleString } from '../index';
-var getClassNames = classNamesFunction();
-var ChartHoverCardBase = /** @class */ (function (_super) {
-    __extends(ChartHoverCardBase, _super);
-    function ChartHoverCardBase() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ChartHoverCardBase.prototype.render = function () {
-        var _a = this.props, color = _a.color, Legend = _a.Legend, XValue = _a.XValue, YValue = _a.YValue, styles = _a.styles, theme = _a.theme, ratio = _a.ratio, descriptionMessage = _a.descriptionMessage, culture = _a.culture;
-        this._classNames = getClassNames(styles, {
-            theme: theme,
-            color: color,
-            XValue: XValue,
-            isRatioPresent: !!ratio,
-        });
-        return (React.createElement("div", { className: this._classNames.calloutContentRoot },
-            React.createElement("div", { className: this._classNames.calloutDateTimeContainer },
-                React.createElement("div", { className: this._classNames.calloutContentX },
-                    XValue,
-                    " ")),
-            React.createElement("div", { className: this._classNames.calloutInfoContainer },
-                React.createElement("div", { className: this._classNames.calloutBlockContainer },
-                    React.createElement("div", { className: this._classNames.calloutlegendText }, convertToLocaleString(Legend, culture)),
-                    React.createElement("div", { className: this._classNames.calloutContentY }, convertToLocaleString(YValue, culture))),
-                !!ratio && (React.createElement("div", { className: this._classNames.ratio },
-                    React.createElement(React.Fragment, null,
-                        React.createElement("span", { className: this._classNames.numerator }, convertToLocaleString(ratio[0], culture)),
-                        "/",
-                        React.createElement("span", { className: this._classNames.denominator }, convertToLocaleString(ratio[1], culture)))))),
-            !!descriptionMessage && React.createElement("div", { className: this._classNames.descriptionMessage }, descriptionMessage)));
-    };
-    return ChartHoverCardBase;
-}(React.Component));
-export { ChartHoverCardBase };
-//# sourceMappingURL=ChartHoverCard.base.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChartHoverCard.base.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.base.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAsB,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,IAAM,aAAa,GAAG,kBAAkB,EAAoD,CAAC;AAC7F;IAAwC,sCAAyC;IAAjF;;IAmCA,CAAC;IAjCQ,mCAAM,GAAb;QACQ,IAAA,KAAuF,IAAI,CAAC,KAAK,EAA/F,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,kBAAkB,wBAAA,EAAE,OAAO,aAAe,CAAC;QACxG,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,MAAO,EAAE;YACxC,KAAK,EAAE,KAAM;YACb,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,MAAM;YACd,cAAc,EAAE,CAAC,CAAC,KAAK;SACxB,CAAC,CAAC;QACH,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,kBAAkB;YACjD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,wBAAwB;gBACvD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,eAAe;oBAAG,MAAM;wBAAQ,CAG7D;YACN,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,oBAAoB;gBACnD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,qBAAqB;oBACpD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,iBAAiB,IAAG,qBAAqB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAO;oBAClG,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,eAAe,IAAG,qBAAqB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAO,CAC5F;gBACL,CAAC,CAAC,KAAK,IAAI,CACV,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK;oBACpC;wBACE,8BAAM,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,SAAS,IAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAQ;;wBAC9F,8BAAM,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW,IAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAQ,CAC/F,CACC,CACP,CACG;YACL,CAAC,CAAC,kBAAkB,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,kBAAkB,IAAG,kBAAkB,CAAO,CACpG,CACP,CAAC;IACJ,CAAC;IACH,yBAAC;AAAD,CAAC,AAnCD,CAAwC,KAAK,CAAC,SAAS,GAmCtD","sourcesContent":["import * as React from 'react';\nimport { IChartHoverCardStyles, IChartHoverCardStyleProps, IChartHoverCardProps } from './ChartHoverCard.types';\nimport { classNamesFunction, IProcessedStyleSet } from '@fluentui/react';\nimport { convertToLocaleString } from '../index';\n\nconst getClassNames = classNamesFunction<IChartHoverCardStyleProps, IChartHoverCardStyles>();\nexport class ChartHoverCardBase extends React.Component<IChartHoverCardProps, {}> {\n  private _classNames: IProcessedStyleSet<IChartHoverCardStyles>;\n  public render(): React.ReactNode {\n    const { color, Legend, XValue, YValue, styles, theme, ratio, descriptionMessage, culture } = this.props;\n    this._classNames = getClassNames(styles!, {\n      theme: theme!,\n      color: color,\n      XValue: XValue,\n      isRatioPresent: !!ratio,\n    });\n    return (\n      <div className={this._classNames.calloutContentRoot}>\n        <div className={this._classNames.calloutDateTimeContainer}>\n          <div className={this._classNames.calloutContentX}>{XValue} </div>\n          {/*TO DO  if we add time for callout then will use this */}\n          {/* <div className={this._classNames.calloutContentX}>07:00am</div> */}\n        </div>\n        <div className={this._classNames.calloutInfoContainer}>\n          <div className={this._classNames.calloutBlockContainer}>\n            <div className={this._classNames.calloutlegendText}>{convertToLocaleString(Legend, culture)}</div>\n            <div className={this._classNames.calloutContentY}>{convertToLocaleString(YValue, culture)}</div>\n          </div>\n          {!!ratio && (\n            <div className={this._classNames.ratio}>\n              <>\n                <span className={this._classNames.numerator}>{convertToLocaleString(ratio[0], culture)}</span>/\n                <span className={this._classNames.denominator}>{convertToLocaleString(ratio[1], culture)}</span>\n              </>\n            </div>\n          )}\n        </div>\n        {!!descriptionMessage && <div className={this._classNames.descriptionMessage}>{descriptionMessage}</div>}\n      </div>\n    );\n  }\n}\n"]}