@fluentui/react-charting 5.23.14 → 5.23.16

package/lib-commonjs/components/DonutChart/Pie/Pie.types.d.ts

@@ -0,0 +1,106 @@
+import { IStyle, ITheme } from '@fluentui/react/lib/Styling';
+import { IChartDataPoint } from '../index';
+export interface IPieProps {
+    /**
+     * Theme
+     */
+    theme: ITheme;
+    /**
+     * Width of the Pie.
+     */
+    width: number;
+    /**
+     * Height of the Pie.
+     */
+    height: number;
+    /**
+     * outerRadius of the Pie.
+     */
+    outerRadius: number;
+    /**
+     * innerRadius of the Pie.
+     */
+    innerRadius: number;
+    /**
+     * Data to render in the Pie.
+     */
+    data: IChartDataPoint[];
+    /**
+     * shape for pie.
+     */
+    pie?: any;
+    /**
+     * Defines the function that is executed upon hovering over the legend
+     */
+    hoverOnCallback?: Function;
+    /**
+     * Defines the function that is executed upon hovering over the legend
+     */
+    onFocusCallback?: Function;
+    /**
+     * Defines the function that is executed upon hovering Leave the legend
+     */
+    onBlurCallback?: Function;
+    /**
+     * Defines the function that is executed upon hovering Leave the legend
+     */
+    hoverLeaveCallback?: Function;
+    /**
+     * Uniq string for chart
+     */
+    uniqText?: string;
+    /**
+     * Active Arc for chart
+     */
+    activeArc?: string;
+    /**
+     * string for callout id
+     */
+    calloutId?: string;
+    /**
+     * internal prop for href
+     */
+    href?: string;
+    /**
+     * props for inside donut value
+     */
+    valueInsideDonut?: string | number;
+    /**
+     * id of the focused arc
+     */
+    focusedArcId?: string;
+    /**
+     * Prop to show the arc labels in percentage format
+     */
+    showLabelsInPercent?: boolean;
+    /**
+     * Prop to hide the arc labels
+     */
+    hideLabels?: boolean;
+    /**
+     * Prop to enable the gradient in the chart
+     * @default false
+     */
+    enableGradient?: boolean;
+    /**
+     * Prop to enable the round corners in the chart
+     * @default false
+     */
+    roundCorners?: boolean;
+}
+export interface IPieStyles {
+    /**
+     * Style set for the card header component root
+     */
+    root: IStyle;
+    /**
+     * Style set for the inside donut string
+     */
+    insideDonutString: IStyle;
+}
+export interface IPieStyleProps {
+    /**
+     * Theme (provided through customization.)
+     */
+    theme: ITheme;
+}

package/lib-commonjs/components/DonutChart/Pie/Pie.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Pie.types.js.map

package/lib-commonjs/components/DonutChart/Pie/Pie.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pie.types.js","sourceRoot":"../src/","sources":["components/DonutChart/Pie/Pie.types.ts"],"names":[],"mappings":"","sourcesContent":["import { IStyle, ITheme } from '@fluentui/react/lib/Styling';\nimport { IChartDataPoint } from '../index';\n\nexport interface IPieProps {\n  /**\n   * Theme\n   */\n  theme: ITheme;\n  /**\n   * Width of the Pie.\n   */\n  width: number;\n  /**\n   * Height of the Pie.\n   */\n  height: number;\n  /**\n   * outerRadius of the Pie.\n   */\n  outerRadius: number;\n  /**\n   * innerRadius of the Pie.\n   */\n  innerRadius: number;\n  /**\n   * Data to render in the Pie.\n   */\n  data: IChartDataPoint[];\n  /**\n   * shape for pie.\n   */\n  /* eslint-disable @typescript-eslint/no-explicit-any */\n  pie?: any;\n  /**\n   * Defines the function that is executed upon hovering over the legend\n   */\n  hoverOnCallback?: Function;\n  /**\n   * Defines the function that is executed upon hovering over the legend\n   */\n  onFocusCallback?: Function;\n  /**\n   * Defines the function that is executed upon hovering Leave the legend\n   */\n  onBlurCallback?: Function;\n  /**\n   * Defines the function that is executed upon hovering Leave the legend\n   */\n  hoverLeaveCallback?: Function;\n  /**\n   * Uniq string for chart\n   */\n  uniqText?: string;\n  /**\n   * Active Arc for chart\n   */\n  activeArc?: string;\n\n  /**\n   * string for callout id\n   */\n  calloutId?: string;\n\n  /**\n   * internal prop for href\n   */\n  href?: string;\n\n  /**\n   * props for inside donut value\n   */\n  valueInsideDonut?: string | number;\n\n  /**\n   * id of the focused arc\n   */\n  focusedArcId?: string;\n\n  /**\n   * Prop to show the arc labels in percentage format\n   */\n  showLabelsInPercent?: boolean;\n\n  /**\n   * Prop to hide the arc labels\n   */\n  hideLabels?: boolean;\n\n  /**\n   * Prop to enable the gradient in the chart\n   * @default false\n   */\n  enableGradient?: boolean;\n\n  /**\n   * Prop to enable the round corners in the chart\n   * @default false\n   */\n  roundCorners?: boolean;\n}\n\nexport interface IPieStyles {\n  /**\n   * Style set for the card header component root\n   */\n  root: IStyle;\n\n  /**\n   * Style set for the inside donut string\n   */\n  insideDonutString: IStyle;\n}\n\nexport interface IPieStyleProps {\n  /**\n   * Theme (provided through customization.)\n   */\n  theme: ITheme;\n}\n"]}

package/lib-commonjs/components/DonutChart/Pie/index.d.ts

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

package/lib-commonjs/components/DonutChart/Pie/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Pie"), exports);
+tslib_1.__exportStar(require("./Pie.types"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/components/DonutChart/Pie/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/DonutChart/Pie/index.ts"],"names":[],"mappings":";;;AAAA,gDAAsB;AACtB,sDAA4B","sourcesContent":["export * from './Pie';\nexport * from './Pie.types';\n"]}

package/lib-commonjs/components/DonutChart/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DonutChart';
+export * from './DonutChart.types';
+export * from '../../types/index';

package/lib-commonjs/components/DonutChart/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DonutChart"), exports);
+tslib_1.__exportStar(require("./DonutChart.types"), exports);
+tslib_1.__exportStar(require("../../types/index"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/components/DonutChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/DonutChart/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B;AAC7B,6DAAmC;AACnC,4DAAkC","sourcesContent":["export * from './DonutChart';\nexport * from './DonutChart.types';\nexport * from '../../types/index';\n"]}

package/lib-commonjs/components/GaugeChart/GaugeChart.base.d.ts

@@ -0,0 +1,75 @@
+import * as React from 'react';
+import { IGaugeChartProps, IGaugeChartSegment, GaugeValueFormat, GaugeChartVariant } from './GaugeChart.types';
+import { IYValueHover } from '../../index';
+export declare const ARC_PADDING = 2;
+export declare const BREAKPOINTS: {
+    minRadius: number;
+    arcWidth: number;
+    fontSize: number;
+}[];
+export declare const calcNeedleRotation: (chartValue: number, minValue: number, maxValue: number) => number;
+export declare const getSegmentLabel: (segment: IExtendedSegment, minValue: number, maxValue: number, variant?: GaugeChartVariant, isAriaLabel?: boolean) => string;
+export declare const getChartValueLabel: (chartValue: number, minValue: number, maxValue: number, chartValueFormat?: GaugeValueFormat | ((sweepFraction: [number, number]) => string) | undefined, forCallout?: boolean) => string;
+interface IYValue extends Omit<IYValueHover, 'y'> {
+    y?: string | number;
+}
+export interface IGaugeChartState {
+    hoveredLegend: string;
+    selectedLegend: string;
+    focusedElement?: string;
+    calloutTarget: any;
+    isCalloutVisible: boolean;
+    hoverXValue: string | number;
+    hoverYValues: IYValue[];
+    width: number;
+    height: number;
+}
+export interface IExtendedSegment extends IGaugeChartSegment {
+    start: number;
+    end: number;
+}
+export declare class GaugeChartBase extends React.Component<IGaugeChartProps, IGaugeChartState> {
+    private _classNames;
+    private _isRTL;
+    private _innerRadius;
+    private _outerRadius;
+    private _minValue;
+    private _maxValue;
+    private _segments;
+    private _calloutAnchor;
+    private _rootElem;
+    private _margins;
+    private _legendsHeight;
+    constructor(props: IGaugeChartProps);
+    componentDidMount(): void;
+    render(): React.ReactNode;
+    private _getMargins;
+    private _getStylesBasedOnBreakpoint;
+    private _processProps;
+    private _renderNeedle;
+    private _renderLegends;
+    /**
+     * This function checks if the given legend is highlighted or not.
+     * A legend can be highlighted in 2 ways:
+     * 1. selection: if the user clicks on it
+     * 2. hovering: if there is no selected legend and the user hovers over it
+     */
+    private _legendHighlighted;
+    /**
+     * This function checks if none of the legends is selected or hovered.
+     */
+    private _noLegendHighlighted;
+    private _handleFocus;
+    private _handleBlur;
+    private _handleMouseOver;
+    private _handleMouseOut;
+    private _handleCalloutDismiss;
+    private _showCallout;
+    private _hideCallout;
+    private _wrapContent;
+    private _multiValueCallout;
+    private _yValueHoverSubCountsExists;
+    private _getCalloutContent;
+    private _getChartTitle;
+}
+export {};