@fluentui/react-charting 5.23.62 → 5.23.64

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pie.js","sourceRoot":"../src/","sources":["components/DonutChart/Pie/Pie.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { pie as d3Pie } from 'd3-shape';\nimport { IPieProps, IPieStyleProps, IPieStyles } from './index';\nimport { Arc, IArcData } from '../Arc/index';\nimport { IChartDataPoint } from '../index';\nimport { classNamesFunction } from '@fluentui/react/lib/Utilities';\nimport { getStyles } from './Pie.styles';\nimport { getNextGradient, wrapTextInsideDonut } from '../../../utilities/index';\n\nconst getClassNames = classNamesFunction<IPieStyleProps, IPieStyles>();\nconst TEXT_PADDING: number = 5;\n\nexport class Pie extends React.Component<IPieProps, {}> {\n  public static defaultProps: Partial<IPieProps> = {\n    pie: d3Pie()\n      .sort(null)\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      .value((d: any) => d.data)\n      .padAngle(0.02),\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private _pieForFocusRing: any;\n  private _totalValue: number;\n\n  constructor(props: IPieProps) {\n    super(props);\n    this._hoverCallback = this._hoverCallback.bind(this);\n    this._pieForFocusRing = d3Pie()\n      .sort(null)\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      .value((d: any) => d.data)\n      .padAngle(0);\n  }\n\n  public arcGenerator = (d: IArcData, i: number, focusData: IArcData, href?: string): JSX.Element => {\n    let color = d && d.data && d.data.color;\n    let nextColor = color;\n\n    if (this.props.enableGradient) {\n      color = this.props.data[i].gradient?.[0] ?? getNextGradient(i, 0, this.props.theme!.isInverted)[0];\n      nextColor = this.props.data[i].gradient?.[1] ?? getNextGradient(i, 0, this.props.theme!.isInverted)[1];\n    }\n\n    return (\n      <Arc\n        key={i}\n        data={d}\n        focusData={focusData}\n        innerRadius={this.props.innerRadius}\n        outerRadius={this.props.outerRadius}\n        color={color!}\n        nextColor={nextColor}\n        enableGradient={this.props.enableGradient}\n        roundCorners={this.props.roundCorners}\n        onFocusCallback={this._focusCallback}\n        hoverOnCallback={this._hoverCallback}\n        onBlurCallback={this.props.onBlurCallback}\n        hoverLeaveCallback={this.props.hoverLeaveCallback}\n        uniqText={this.props.uniqText}\n        activeArc={this.props.activeArc}\n        href={href}\n        calloutId={this.props.calloutId}\n        valueInsideDonut={this.props.valueInsideDonut}\n        theme={this.props.theme!}\n        focusedArcId={this.props.focusedArcId}\n        showLabelsInPercent={this.props.showLabelsInPercent}\n        totalValue={this._totalValue}\n        hideLabels={this.props.hideLabels}\n      />\n    );\n  };\n\n  public render(): JSX.Element {\n    const { pie, data } = this.props;\n    const focusData = this._pieForFocusRing(data);\n    const piechart = pie(data);\n    const translate = `translate(${this.props.width / 2}, ${this.props.height / 2})`;\n    const classNames = getClassNames(getStyles, {\n      theme: this.props.theme!,\n    });\n\n    this._totalValue = this._computeTotalValue();\n\n    return (\n      <g transform={translate}>\n        {piechart.map((d: IArcData, i: number) => this.arcGenerator(d, i, focusData[i], this.props.href))}\n        {this.props.valueInsideDonut && (\n          <text y={5} textAnchor=\"middle\" dominantBaseline=\"middle\" className={classNames.insideDonutString}>\n            {this.props.valueInsideDonut}\n          </text>\n        )}\n      </g>\n    );\n  }\n\n  public componentDidUpdate(): void {\n    const classNames = getClassNames(getStyles, {\n      theme: this.props.theme!,\n    });\n\n    wrapTextInsideDonut(classNames.insideDonutString, this.props.innerRadius! * 2 - TEXT_PADDING);\n  }\n\n  private _focusCallback = (data: IChartDataPoint, id: string, e: SVGPathElement): void => {\n    this.props.onFocusCallback!(data, id, e);\n  };\n\n  private _hoverCallback(data: IChartDataPoint, e: React.MouseEvent<SVGPathElement>): void {\n    this.props.hoverOnCallback!(data, e);\n  }\n\n  private _computeTotalValue = () => {\n    let totalValue = 0;\n    this.props.data.forEach((arc: IChartDataPoint) => {\n      totalValue += arc.data!;\n    });\n    return totalValue;\n  };\n}\n"]}

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

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

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

@@ -0,0 +1,19 @@
+import { FontSizes, FontWeights, HighContrastSelectorBlack } from '@fluentui/react/lib/Styling';
+export var getStyles = function (props) {
+    var _a;
+    var theme = props.theme;
+    return {
+        root: {},
+        insideDonutString: {
+            fontSize: FontSizes.xLargePlus,
+            fontWeight: FontWeights.semibold,
+            fill: theme.semanticColors.bodyText,
+            selectors: (_a = {},
+                _a[HighContrastSelectorBlack] = {
+                    fill: 'rgb(179, 179, 179)',
+                },
+                _a),
+        },
+    };
+};
+//# sourceMappingURL=Pie.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pie.styles.js","sourceRoot":"../src/","sources":["components/DonutChart/Pie/Pie.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAEhG,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,KAAqB;;IACrC,IAAA,KAAK,GAAK,KAAK,MAAV,CAAW;IACxB,OAAO;QACL,IAAI,EAAE,EAAE;QACR,iBAAiB,EAAE;YACjB,QAAQ,EAAE,SAAS,CAAC,UAAU;YAC9B,UAAU,EAAE,WAAW,CAAC,QAAQ;YAChC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;YACnC,SAAS;gBACP,GAAC,yBAAyB,IAAG;oBAC3B,IAAI,EAAE,oBAAoB;iBAC3B;mBACF;SACF;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { IPieStyleProps, IPieStyles } from './Pie.types';\nimport { FontSizes, FontWeights, HighContrastSelectorBlack } from '@fluentui/react/lib/Styling';\n\nexport const getStyles = (props: IPieStyleProps): IPieStyles => {\n  const { theme } = props;\n  return {\n    root: {},\n    insideDonutString: {\n      fontSize: FontSizes.xLargePlus,\n      fontWeight: FontWeights.semibold,\n      fill: theme.semanticColors.bodyText,\n      selectors: {\n        [HighContrastSelectorBlack]: {\n          fill: 'rgb(179, 179, 179)',\n        },\n      },\n    },\n  };\n};\n"]}

package/lib/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/components/DonutChart/Pie/Pie.types.js

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

package/lib/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/components/DonutChart/Pie/index.d.ts

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

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

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

package/lib/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,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC","sourcesContent":["export * from './Pie';\nexport * from './Pie.types';\n"]}

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

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

package/lib/components/DonutChart/index.js

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

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

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

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

@@ -0,0 +1,82 @@
+import * as React from 'react';
+import { IGaugeChartProps, IGaugeChartSegment, GaugeValueFormat, GaugeChartVariant } from './GaugeChart.types';
+import { IYValueHover } from '../../index';
+import { IChart, IImageExportOptions } from '../../types/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;
+    selectedLegends: 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> implements IChart {
+    private _classNames;
+    private _isRTL;
+    private _innerRadius;
+    private _outerRadius;
+    private _minValue;
+    private _maxValue;
+    private _segments;
+    private _calloutAnchor;
+    private _rootElem;
+    private _margins;
+    private _legendsHeight;
+    private _legendsRef;
+    constructor(props: IGaugeChartProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: IGaugeChartProps): void;
+    render(): React.ReactNode;
+    get chartContainer(): HTMLElement | null;
+    toImage: (opts?: IImageExportOptions) => Promise<string>;
+    private _getMargins;
+    private _getStylesBasedOnBreakpoint;
+    private _processProps;
+    private _renderNeedle;
+    private _renderLegends;
+    private _onLegendSelectionChange;
+    /**
+     * 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 _getHighlightedLegend;
+    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 {};