@fluentui/react-charting 5.23.12 → 5.23.14

package/lib-amd/types/IDataPoint.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IDataPoint.js","sourceRoot":"../src/","sources":["types/IDataPoint.ts"],"names":[],"mappings":"","sourcesContent":["import { SankeyLink, SankeyNode } from 'd3-sankey';\nimport { SVGProps } from 'react';\nimport { LegendShape } from '../components/Legends/Legends.types';\n\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\n/**\n * {@docCategory IChartProps}\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\n/**\n * {@docCategory IChartData}\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\n/**\n * {@docCategory IChartData}\n */\nexport interface IVerticalStackedBarDataPoint extends Omit<IDataPoint, 'x'> {\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   * If data type on x is Date, then the data is spaced evenly by d3-scale.\n   */\n  x: number | string | Date;\n}\n\n/**\n * {@docCategory IChartData}\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\n/**\n * {@docCategory IChartData}\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   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, 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\n/**\n * {@docCategory IChartData}\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 | Date;\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   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, 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\n/**\n * {@docCategory IChartData}\n */\nexport interface IHorizontalBarChartWithAxisDataPoint {\n  /**\n   * Dependent value of the data point, rendered along the x-axis.\n   */\n  x: number;\n\n  /**\n   * Independent value of the data point, rendered along the y-axis.\n   * If y is a number, then each y-coordinate is plotted at its y-coordinate.\n   * If y is a string, then the data is evenly spaced along the y-axis.\n   */\n  y: number | string;\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   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, 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\n/**\n * {@docCategory IChartData}\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   * Whether to use the secondary y scale or not\n   * False by default.\n   */\n  useSecondaryYScale?: boolean;\n}\n\n/**\n * {@docCategory IChartData}\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\n/**\n * {@docCategory IChartData}\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\n/**\n * {@docCategory IChartProps}\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\n/**\n * {@docCategory IChartData}\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\n/**\n * {@docCategory IChartProps}\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\n/**\n * {@docCategory IChartData}\n */\nexport interface ISankeyChartData {\n  nodes: SNode[];\n  links: SLink[];\n}\n\ninterface ISNodeExtra {\n  /**\n   * A unique identifier for this node.\n   */\n  nodeId: number | string;\n  /**\n   * The display name for this node in the UX.\n   */\n  name: string;\n  color?: string;\n  borderColor?: string;\n  actualValue?: number;\n  layer?: number;\n}\n\ninterface ISLinkExtra {\n  /**\n   * The index within `ISankeyChartData.nodes` of the source node.\n   */\n  source: number;\n  /**\n   * The index within `ISankeyChartData.nodes` of the target node.\n   */\n  target: number;\n  /**\n   * The weight of this link between the two nodes.\n   */\n  value: number;\n  unnormalizedValue?: number;\n}\n\nexport type SNode = SankeyNode<ISNodeExtra, ISLinkExtra>;\nexport type SLink = SankeyLink<ISNodeExtra, ISLinkExtra>;\n\n/**\n * {@docCategory IChartProps}\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\n/**\n * {@docCategory IChartData}\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   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, 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\n/**\n * {@docCategory IChartProps}\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 | Date;\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\n/**\n * {@docCategory IChartData}\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   * Whether to use the secondary y scale or not\n   * False by default.\n   */\n  useSecondaryYScale?: boolean;\n}\n\n/**\n * {@docCategory IChartData}\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   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, 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\n/**\n * {@docCategory IChartData}\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\n/**\n * {@docCategory IChartData}\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\n/**\n * {@docCategory IChartData}\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\n/**\n * {@docCategory IChartData}\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 * {@docCategory IChartData}\n */\nexport interface ICustomizedCalloutData {\n  x: number | string | Date;\n  values: ICustomizedCalloutDataPoint[];\n}\n"]}

package/lib-amd/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-amd/types/IEventAnnotation.js

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=IEventAnnotation.js.map

package/lib-amd/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-amd/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-amd/types/ILegendDataItem.js

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=ILegendDataItem.js.map

package/lib-amd/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-amd/types/index.d.ts

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

package/lib-amd/types/index.js

@@ -1,7 +0,0 @@
-define(["require", "exports", "tslib", "./IDataPoint", "./ILegendDataItem"], function (require, exports, tslib_1, IDataPoint_1, ILegendDataItem_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(IDataPoint_1, exports);
-    tslib_1.__exportStar(ILegendDataItem_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/types/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["types/index.ts"],"names":[],"mappings":";;;IAAA,4CAA6B;IAC7B,iDAAkC","sourcesContent":["export * from './IDataPoint';\nexport * from './ILegendDataItem';\n"]}

package/lib-amd/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-amd/utilities/ChartHoverCard/ChartHoverCard.base.js

@@ -1,39 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react", "../locale-util"], function (require, exports, tslib_1, React, react_1, locale_util_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.ChartHoverCardBase = void 0;
-    var getClassNames = (0, react_1.classNamesFunction)();
-    var ChartHoverCardBase = /** @class */ (function (_super) {
-        tslib_1.__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 }, (0, locale_util_1.convertToLocaleString)(Legend, culture)),
-                        React.createElement("div", { className: this._classNames.calloutContentY }, (0, locale_util_1.convertToLocaleString)(YValue, culture))),
-                    !!ratio && (React.createElement("div", { className: this._classNames.ratio },
-                        React.createElement(React.Fragment, null,
-                            React.createElement("span", { className: this._classNames.numerator }, (0, locale_util_1.convertToLocaleString)(ratio[0], culture)),
-                            "/",
-                            React.createElement("span", { className: this._classNames.denominator }, (0, locale_util_1.convertToLocaleString)(ratio[1], culture)))))),
-                !!descriptionMessage && React.createElement("div", { className: this._classNames.descriptionMessage }, descriptionMessage)));
-        };
-        return ChartHoverCardBase;
-    }(React.Component));
-    exports.ChartHoverCardBase = ChartHoverCardBase;
-});
-//# sourceMappingURL=ChartHoverCard.base.js.map

package/lib-amd/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":";;;;IAKA,IAAM,aAAa,GAAG,IAAA,0BAAkB,GAAoD,CAAC;IAC7F;QAAwC,8CAAyC;QAAjF;;QAmCA,CAAC;QAjCQ,mCAAM,GAAb;YACQ,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;YACxG,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,MAAO,EAAE;gBACxC,KAAK,EAAE,KAAM;gBACb,KAAK,OAAA;gBACL,MAAM,QAAA;gBACN,cAAc,EAAE,CAAC,CAAC,KAAK;aACxB,CAAC,CAAC;YACH,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,kBAAkB;gBACjD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,wBAAwB;oBACvD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,eAAe;wBAAG,MAAM;4BAAQ,CAG7D;gBACN,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,oBAAoB;oBACnD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,qBAAqB;wBACpD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,iBAAiB,IAAG,IAAA,mCAAqB,EAAC,MAAM,EAAE,OAAO,CAAC,CAAO;wBAClG,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,eAAe,IAAG,IAAA,mCAAqB,EAAC,MAAM,EAAE,OAAO,CAAC,CAAO,CAC5F;oBACL,CAAC,CAAC,KAAK,IAAI,CACV,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK;wBACpC;4BACE,8BAAM,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,SAAS,IAAG,IAAA,mCAAqB,EAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAQ;;4BAC9F,8BAAM,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW,IAAG,IAAA,mCAAqB,EAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAQ,CAC/F,CACC,CACP,CACG;gBACL,CAAC,CAAC,kBAAkB,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,kBAAkB,IAAG,kBAAkB,CAAO,CACpG,CACP,CAAC;QACJ,CAAC;QACH,yBAAC;IAAD,CAAC,AAnCD,CAAwC,KAAK,CAAC,SAAS,GAmCtD;IAnCY,gDAAkB","sourcesContent":["import * as React from 'react';\nimport { IChartHoverCardStyles, IChartHoverCardStyleProps, IChartHoverCardProps } from './ChartHoverCard.types';\nimport { classNamesFunction, IProcessedStyleSet } from '@fluentui/react';\nimport { convertToLocaleString } from '../locale-util';\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,\n      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"]}

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

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { IChartHoverCardProps } from './ChartHoverCard.types';
-export declare const ChartHoverCard: React.FunctionComponent<IChartHoverCardProps>;

package/lib-amd/utilities/ChartHoverCard/ChartHoverCard.js

@@ -1,8 +0,0 @@
-define(["require", "exports", "@fluentui/react/lib/Utilities", "./ChartHoverCard.base", "./ChartHoverCard.styles"], function (require, exports, Utilities_1, ChartHoverCard_base_1, ChartHoverCard_styles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.ChartHoverCard = void 0;
-    //  Create a ChartHoverCard variant which uses these default styles and this styled subcomponent.
-    exports.ChartHoverCard = (0, Utilities_1.styled)(ChartHoverCard_base_1.ChartHoverCardBase, ChartHoverCard_styles_1.getChartHoverCardStyles);
-});
-//# sourceMappingURL=ChartHoverCard.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChartHoverCard.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.tsx"],"names":[],"mappings":";;;;IAMA,iGAAiG;IACpF,QAAA,cAAc,GAAkD,IAAA,kBAAM,EAIjF,wCAAkB,EAAE,+CAAuB,CAAC,CAAC","sourcesContent":["import { styled } from '@fluentui/react/lib/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-amd/utilities/ChartHoverCard/ChartHoverCard.styles.d.ts

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

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

@@ -1,103 +0,0 @@
-define(["require", "exports", "@fluentui/react/lib/Styling"], function (require, exports, Styling_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.getChartHoverCardStyles = void 0;
-    var getChartHoverCardStyles = function (props) {
-        var _a, _b, _c;
-        var color = props.color, XValue = props.XValue, theme = props.theme, _d = props.isRatioPresent, isRatioPresent = _d === void 0 ? false : _d;
-        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.85',
-                    color: theme.semanticColors.bodySubtext,
-                },
-            ],
-            calloutBlockContainer: [
-                theme.fonts.xxLarge,
-                {
-                    marginTop: XValue ? '13px' : 'unset',
-                    paddingLeft: '8px',
-                    lineHeight: '22px',
-                    color: theme.semanticColors.bodyText,
-                    borderLeft: "4px solid ".concat(color),
-                    selectors: (_a = {},
-                        _a[Styling_1.HighContrastSelector] = {
-                            forcedColorAdjust: 'none',
-                        },
-                        _a),
-                },
-            ],
-            calloutlegendText: [
-                theme.fonts.small,
-                {
-                    lineHeight: '16px',
-                    color: theme.semanticColors.bodyText,
-                    selectors: (_b = {},
-                        _b[Styling_1.HighContrastSelectorBlack] = {
-                            color: 'rgb(255, 255, 255)',
-                        },
-                        _b),
-                },
-            ],
-            calloutContentY: [
-                theme.fonts.xxLarge,
-                {
-                    color: color ? color : theme.semanticColors.bodyText,
-                    fontWeight: 'bold',
-                    lineHeight: '36px',
-                    selectors: (_c = {},
-                        _c[Styling_1.HighContrastSelectorBlack] = {
-                            color: 'rgb(255, 255, 255)',
-                        },
-                        _c),
-                },
-            ],
-            calloutInfoContainer: [
-                isRatioPresent && {
-                    display: 'flex',
-                    alignItems: 'flex-end',
-                },
-            ],
-            ratio: [
-                theme.fonts.small,
-                {
-                    marginLeft: '6px',
-                    color: theme.semanticColors.bodyText,
-                },
-            ],
-            numerator: {
-                fontWeight: Styling_1.FontWeights.bold,
-            },
-            denominator: {
-                fontWeight: Styling_1.FontWeights.semibold,
-            },
-            descriptionMessage: [
-                theme.fonts.small,
-                {
-                    color: theme.semanticColors.bodyText,
-                    marginTop: '10px',
-                    paddingTop: '10px',
-                    borderTop: "1px solid ".concat(theme.semanticColors.menuDivider),
-                },
-            ],
-        };
-    };
-    exports.getChartHoverCardStyles = getChartHoverCardStyles;
-});
-//# sourceMappingURL=ChartHoverCard.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChartHoverCard.styles.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.styles.ts"],"names":[],"mappings":";;;;IAGO,IAAM,uBAAuB,GAAG,UAAC,KAAgC;;QAC9D,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;QAC/D,OAAO;YACL,kBAAkB,EAAE;gBAClB;oBACE,OAAO,EAAE,MAAM;oBACf,QAAQ,EAAE,QAAQ;oBAClB,OAAO,EAAE,qBAAqB;oBAC9B,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;oBACpD,mBAAmB,EAAE,oBAAoB;iBAC1C;aACF;YACD,wBAAwB,EAAE;gBACxB,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,KAAK;gBACpB,cAAc,EAAE,eAAe;aAChC;YACD,eAAe,EAAE;gBACf,KAAK,CAAC,KAAK,CAAC,KAAK;gBACjB;oBACE,UAAU,EAAE,MAAM;oBAClB,OAAO,EAAE,MAAM;oBACf,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW;iBACxC;aACF;YACD,qBAAqB,EAAE;gBACrB,KAAK,CAAC,KAAK,CAAC,OAAO;gBACnB;oBACE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBACpC,WAAW,EAAE,KAAK;oBAClB,UAAU,EAAE,MAAM;oBAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;oBACpC,UAAU,EAAE,oBAAa,KAAK,CAAE;oBAChC,SAAS;wBACP,GAAC,8BAAoB,IAAG;4BACtB,iBAAiB,EAAE,MAAM;yBAC1B;2BACF;iBACF;aACF;YACD,iBAAiB,EAAE;gBACjB,KAAK,CAAC,KAAK,CAAC,KAAK;gBACjB;oBACE,UAAU,EAAE,MAAM;oBAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;oBACpC,SAAS;wBACP,GAAC,mCAAyB,IAAG;4BAC3B,KAAK,EAAE,oBAAoB;yBAC5B;2BACF;iBACF;aACF;YACD,eAAe,EAAE;gBACf,KAAK,CAAC,KAAK,CAAC,OAAO;gBACnB;oBACE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ;oBACpD,UAAU,EAAE,MAAM;oBAClB,UAAU,EAAE,MAAM;oBAClB,SAAS;wBACP,GAAC,mCAAyB,IAAG;4BAC3B,KAAK,EAAE,oBAAoB;yBAC5B;2BACF;iBACF;aACF;YACD,oBAAoB,EAAE;gBACpB,cAAc,IAAI;oBAChB,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,UAAU;iBACvB;aACF;YACD,KAAK,EAAE;gBACL,KAAK,CAAC,KAAK,CAAC,KAAK;gBACjB;oBACE,UAAU,EAAE,KAAK;oBACjB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;iBACrC;aACF;YACD,SAAS,EAAE;gBACT,UAAU,EAAE,qBAAW,CAAC,IAAI;aAC7B;YACD,WAAW,EAAE;gBACX,UAAU,EAAE,qBAAW,CAAC,QAAQ;aACjC;YACD,kBAAkB,EAAE;gBAClB,KAAK,CAAC,KAAK,CAAC,KAAK;gBACjB;oBACE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;oBACpC,SAAS,EAAE,MAAM;oBACjB,UAAU,EAAE,MAAM;oBAClB,SAAS,EAAE,oBAAa,KAAK,CAAC,cAAc,CAAC,WAAW,CAAE;iBAC3D;aACF;SACF,CAAC;IACJ,CAAC,CAAC;IA9FW,QAAA,uBAAuB,2BA8FlC","sourcesContent":["import { IChartHoverCardStyles, IChartHoverCardStyleProps } from './ChartHoverCard.types';\nimport { FontWeights, HighContrastSelector, HighContrastSelectorBlack } 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.85',\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        selectors: {\n          [HighContrastSelector]: {\n            forcedColorAdjust: 'none',\n          },\n        },\n      },\n    ],\n    calloutlegendText: [\n      theme.fonts.small,\n      {\n        lineHeight: '16px',\n        color: theme.semanticColors.bodyText,\n        selectors: {\n          [HighContrastSelectorBlack]: {\n            color: 'rgb(255, 255, 255)',\n          },\n        },\n      },\n    ],\n    calloutContentY: [\n      theme.fonts.xxLarge,\n      {\n        color: color ? color : theme.semanticColors.bodyText,\n        fontWeight: 'bold',\n        lineHeight: '36px',\n        selectors: {\n          [HighContrastSelectorBlack]: {\n            color: 'rgb(255, 255, 255)',\n          },\n        },\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-amd/utilities/ChartHoverCard/ChartHoverCard.types.d.ts

@@ -1,105 +0,0 @@
-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-amd/utilities/ChartHoverCard/ChartHoverCard.types.js

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=ChartHoverCard.types.js.map

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

@@ -1 +0,0 @@
-{"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-amd/utilities/ChartHoverCard/index.d.ts

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

package/lib-amd/utilities/ChartHoverCard/index.js

@@ -1,8 +0,0 @@
-define(["require", "exports", "tslib", "./ChartHoverCard", "./ChartHoverCard.styles", "./ChartHoverCard.types"], function (require, exports, tslib_1, ChartHoverCard_1, ChartHoverCard_styles_1, ChartHoverCard_types_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(ChartHoverCard_1, exports);
-    tslib_1.__exportStar(ChartHoverCard_styles_1, exports);
-    tslib_1.__exportStar(ChartHoverCard_types_1, exports);
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/index.ts"],"names":[],"mappings":";;;IAAA,gDAAiC;IACjC,uDAAwC;IACxC,sDAAuC","sourcesContent":["export * from './ChartHoverCard';\nexport * from './ChartHoverCard.styles';\nexport * from './ChartHoverCard.types';\n"]}

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

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import { ITooltipHostProps } from '@fluentui/react';
-import { IAccessibilityProps } from '../types/index';
-interface IFocusableTooltipTextProps {
-    className?: ITooltipHostProps['hostClassName'];
-    content?: ITooltipHostProps['content'];
-    accessibilityData?: IAccessibilityProps;
-}
-interface IFocusableTooltipTextState {
-    textOverflow: boolean;
-}
-/**
- * Component to make the text focusable when the overflowed content is clipped
- * because of the CSS text-overflow property.
- */
-export declare class FocusableTooltipText extends React.Component<IFocusableTooltipTextProps, IFocusableTooltipTextState> {
-    private _tooltipChild;
-    private _resizeObserver?;
-    private _async;
-    constructor(props: IFocusableTooltipTextProps);
-    render(): React.ReactNode;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private _checkTextOverflow;
-    private _getTargetElement;
-}
-export {};

package/lib-amd/utilities/FocusableTooltipText.js

@@ -1,54 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react", "./index", "../Utilities"], function (require, exports, tslib_1, React, react_1, index_1, Utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.FocusableTooltipText = void 0;
-    /**
-     * Component to make the text focusable when the overflowed content is clipped
-     * because of the CSS text-overflow property.
-     */
-    var FocusableTooltipText = /** @class */ (function (_super) {
-        tslib_1.__extends(FocusableTooltipText, _super);
-        function FocusableTooltipText(props) {
-            var _this = _super.call(this, props) || this;
-            _this._tooltipChild = React.createRef();
-            _this._checkTextOverflow = function () {
-                var overflowElement = _this._getTargetElement();
-                var textOverflow = !!overflowElement && (0, react_1.hasOverflow)(overflowElement);
-                if (textOverflow !== _this.state.textOverflow) {
-                    _this.setState({ textOverflow: textOverflow });
-                }
-            };
-            _this._getTargetElement = function () {
-                if (!_this._tooltipChild.current || !_this._tooltipChild.current.parentElement) {
-                    return undefined;
-                }
-                return _this._tooltipChild.current.parentElement;
-            };
-            _this.state = {
-                textOverflow: false,
-            };
-            _this._async = new Utilities_1.Async(_this);
-            return _this;
-        }
-        FocusableTooltipText.prototype.render = function () {
-            var _a = this.props, className = _a.className, content = _a.content, accessibilityData = _a.accessibilityData;
-            return (React.createElement(react_1.TooltipHost, { overflowMode: react_1.TooltipOverflowMode.Self, hostClassName: className, content: content },
-                React.createElement("span", tslib_1.__assign({}, (0, index_1.getAccessibleDataObject)(accessibilityData), { ref: this._tooltipChild, "data-is-focusable": this.state.textOverflow }), content)));
-        };
-        FocusableTooltipText.prototype.componentDidMount = function () {
-            var overflowElement = this._getTargetElement();
-            if (window.ResizeObserver && overflowElement) {
-                this._resizeObserver = new ResizeObserver(this._async.debounce(this._checkTextOverflow, 500));
-                this._resizeObserver.observe(overflowElement);
-            }
-        };
-        FocusableTooltipText.prototype.componentWillUnmount = function () {
-            var _a;
-            (_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-            this._async.dispose();
-        };
-        return FocusableTooltipText;
-    }(React.Component));
-    exports.FocusableTooltipText = FocusableTooltipText;
-});
-//# sourceMappingURL=FocusableTooltipText.js.map

package/lib-amd/utilities/FocusableTooltipText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FocusableTooltipText.js","sourceRoot":"../src/","sources":["utilities/FocusableTooltipText.tsx"],"names":[],"mappings":";;;;IAgBA;;;OAGG;IACH;QAA0C,gDAAuE;QAK/G,8BAAY,KAAiC;YAA7C,YACE,kBAAM,KAAK,CAAC,SAOb;YAZO,mBAAa,GAAG,KAAK,CAAC,SAAS,EAAmB,CAAC;YA2CnD,wBAAkB,GAAG;gBAC3B,IAAM,eAAe,GAAG,KAAI,CAAC,iBAAiB,EAAE,CAAC;gBACjD,IAAM,YAAY,GAAG,CAAC,CAAC,eAAe,IAAI,IAAA,mBAAW,EAAC,eAAe,CAAC,CAAC;gBACvE,IAAI,YAAY,KAAK,KAAI,CAAC,KAAK,CAAC,YAAY,EAAE;oBAC5C,KAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,cAAA,EAAE,CAAC,CAAC;iBACjC;YACH,CAAC,CAAC;YAEM,uBAAiB,GAAG;gBAC1B,IAAI,CAAC,KAAI,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,KAAI,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,EAAE;oBAC5E,OAAO,SAAS,CAAC;iBAClB;gBAED,OAAO,KAAI,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC;YAClD,CAAC,CAAC;YAlDA,KAAI,CAAC,KAAK,GAAG;gBACX,YAAY,EAAE,KAAK;aACpB,CAAC;YAEF,KAAI,CAAC,MAAM,GAAG,IAAI,iBAAK,CAAC,KAAI,CAAC,CAAC;;QAChC,CAAC;QAEM,qCAAM,GAAb;YACQ,IAAA,KAA4C,IAAI,CAAC,KAAK,EAApD,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,iBAAiB,uBAAe,CAAC;YAE7D,OAAO,CACL,oBAAC,mBAAW,IAAC,YAAY,EAAE,2BAAmB,CAAC,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO;gBAC7F,iDACM,IAAA,+BAAuB,EAAC,iBAAiB,CAAC,IAC9C,GAAG,EAAE,IAAI,CAAC,aAAa,uBACJ,IAAI,CAAC,KAAK,CAAC,YAAY,KAEzC,OAAO,CACH,CACK,CACf,CAAC;QACJ,CAAC;QAEM,gDAAiB,GAAxB;YACE,IAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACjD,IAAI,MAAM,CAAC,cAAc,IAAI,eAAe,EAAE;gBAC5C,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC,CAAC;gBAC9F,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;aAC/C;QACH,CAAC;QAEM,mDAAoB,GAA3B;;YACE,MAAA,IAAI,CAAC,eAAe,0CAAE,UAAU,EAAE,CAAC;YACnC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;QACxB,CAAC;QAiBH,2BAAC;IAAD,CAAC,AA3DD,CAA0C,KAAK,CAAC,SAAS,GA2DxD;IA3DY,oDAAoB","sourcesContent":["import * as React from 'react';\nimport { hasOverflow, ITooltipHostProps, TooltipHost, TooltipOverflowMode } from '@fluentui/react';\nimport { getAccessibleDataObject } from './index';\nimport { IAccessibilityProps } from '../types/index';\nimport { Async } from '../Utilities';\n\ninterface IFocusableTooltipTextProps {\n  className?: ITooltipHostProps['hostClassName'];\n  content?: ITooltipHostProps['content'];\n  accessibilityData?: IAccessibilityProps;\n}\n\ninterface IFocusableTooltipTextState {\n  textOverflow: boolean;\n}\n\n/**\n * Component to make the text focusable when the overflowed content is clipped\n * because of the CSS text-overflow property.\n */\nexport class FocusableTooltipText extends React.Component<IFocusableTooltipTextProps, IFocusableTooltipTextState> {\n  private _tooltipChild = React.createRef<HTMLSpanElement>();\n  private _resizeObserver?: ResizeObserver;\n  private _async: Async;\n\n  constructor(props: IFocusableTooltipTextProps) {\n    super(props);\n\n    this.state = {\n      textOverflow: false,\n    };\n\n    this._async = new Async(this);\n  }\n\n  public render(): React.ReactNode {\n    const { className, content, accessibilityData } = this.props;\n\n    return (\n      <TooltipHost overflowMode={TooltipOverflowMode.Self} hostClassName={className} content={content}>\n        <span\n          {...getAccessibleDataObject(accessibilityData)}\n          ref={this._tooltipChild}\n          data-is-focusable={this.state.textOverflow}\n        >\n          {content}\n        </span>\n      </TooltipHost>\n    );\n  }\n\n  public componentDidMount(): void {\n    const overflowElement = this._getTargetElement();\n    if (window.ResizeObserver && overflowElement) {\n      this._resizeObserver = new ResizeObserver(this._async.debounce(this._checkTextOverflow, 500));\n      this._resizeObserver.observe(overflowElement);\n    }\n  }\n\n  public componentWillUnmount(): void {\n    this._resizeObserver?.disconnect();\n    this._async.dispose();\n  }\n\n  private _checkTextOverflow = (): void => {\n    const overflowElement = this._getTargetElement();\n    const textOverflow = !!overflowElement && hasOverflow(overflowElement);\n    if (textOverflow !== this.state.textOverflow) {\n      this.setState({ textOverflow });\n    }\n  };\n\n  private _getTargetElement = (): HTMLElement | undefined => {\n    if (!this._tooltipChild.current || !this._tooltipChild.current.parentElement) {\n      return undefined;\n    }\n\n    return this._tooltipChild.current.parentElement;\n  };\n}\n"]}

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

@@ -1,95 +0,0 @@
-import * as React from 'react';
-import { ITooltipHost, ITooltipProps, TooltipDelay } from '@fluentui/react/lib/Tooltip';
-interface ISVGTooltipTextProps {
-    /**
-     * Number of milliseconds to delay closing the tooltip, so that the user has time to hover over
-     * the tooltip and interact with it. Hovering over the tooltip will count as hovering over the
-     * host, so that the tooltip will stay open if the user is actively interacting with it.
-     */
-    closeDelay?: number;
-    /**
-     * Content to display in the Tooltip.
-     */
-    content?: string;
-    /**
-     * Length of delay before showing the tooltip on hover.
-     * @defaultvalue TooltipDelay.medium
-     */
-    delay?: TooltipDelay;
-    /**
-     * Additional properties to pass through for Tooltip.
-     */
-    tooltipProps?: ITooltipProps;
-    /**
-     * Additional properties to pass through for SVG <text>.
-     */
-    textProps?: React.SVGAttributes<SVGTextElement>;
-    /**
-     * Max width of text
-     */
-    maxWidth?: number;
-    /**
-     * Max height of text
-     */
-    maxHeight?: number;
-    /**
-     * Pass false to make prevent the tooptip from receiving focus through keyboard
-     * Eg: In Pie Chart, the focus should only land on the arcs and not on the text to
-     * avoid repitition of the same datapoint
-     * @defaultvalue true
-     */
-    shouldReceiveFocus?: boolean;
-    /**
-     * Pass true to show tooltip directly
-     * Eg: In Pie Chart, the tooltip is shown when the arc is focussed, so the prop is set to true,
-     * to directly show the tooltip from this component
-     * @defaultvalue false
-     */
-    isTooltipVisibleProp?: boolean;
-    /**
-     * Function to wrap text within specified width and height
-     * and return a boolean value indicating whether the text overflowed
-     */
-    wrapContent?: (content: string, id: string, maxWidth: number, maxHeight?: number) => boolean;
-}
-interface ISVGTooltipTextState {
-    isTooltipVisible: boolean;
-    isOverflowing: boolean;
-}
-/**
- * Component to render an SVG text element with an optional tooltip.
- * The tooltip appears on hovering and focusing the element when its content overflows.
- */
-export declare class SVGTooltipText extends React.Component<ISVGTooltipTextProps, ISVGTooltipTextState> implements ITooltipHost {
-    static defaultProps: {
-        delay: TooltipDelay;
-    };
-    private static _currentVisibleTooltip;
-    /** The element that gets the hover events */
-    private _tooltipHost;
-    private _async;
-    private _dismissTimerId;
-    private _openTimerId;
-    private _tooltipHostId;
-    private _ignoreNextFocusEvent;
-    constructor(props: ISVGTooltipTextProps);
-    render(): React.ReactNode;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<ISVGTooltipTextProps>): void;
-    componentWillUnmount(): void;
-    show: () => void;
-    dismiss: () => void;
-    private _getTargetElement;
-    private _onTooltipFocus;
-    private _onTooltipBlur;
-    private _onTooltipMouseEnter;
-    private _onTooltipMouseLeave;
-    private _onTooltipKeyDown;
-    private _clearDismissTimer;
-    private _clearOpenTimer;
-    private _hideTooltip;
-    private _toggleTooltip;
-    private _getDelayTime;
-    private _wrapContent;
-}
-export {};