@fluentui/react-charting 5.12.23 → 5.12.24

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

@@ -1,53 +0,0 @@
-import { IStyle } from '@fluentui/react/lib/Styling';
-import { IRenderFunction, IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
-import { ICartesianChartProps, ICartesianChartStyleProps } from '../CommonComponents/index';
-import { ICalloutProps } from '@fluentui/react/lib/Callout';
-import { IChartProps, IChartDataPoint } from './index';
-export interface IDonutChart {
-}
-export interface IDonutChartProps extends ICartesianChartProps {
-    /**
-     * Data to render in the chart.
-     */
-    data?: IChartProps;
-    /**
-     * inner radius for donut size
-     */
-    innerRadius?: number;
-    /**
-     * Call to provide customized styling that will layer on top of the variant rules.
-     */
-    styles?: IStyleFunctionOrObject<IDonutChartStyleProps, IDonutChartStyles>;
-    /**
-     * props for inside donut value
-     */
-    valueInsideDonut?: string | number;
-    /**
-     * Define a custom callout renderer for a data point
-     */
-    onRenderCalloutPerDataPoint?: IRenderFunction<IChartDataPoint>;
-    /**
-     * props for the callout in the chart
-     */
-    calloutProps?: Partial<ICalloutProps>;
-    /**
-     * The prop used to define the culture to localized the numbers
-     */
-    culture?: string;
-}
-export interface IDonutChartStyleProps extends ICartesianChartStyleProps {
-}
-export interface IDonutChartStyles {
-    /**
-     *  Style for the root element.
-     */
-    root?: IStyle;
-    /**
-     * Style for the chart.
-     */
-    chart?: IStyle;
-    /**
-     * Style for the legend container.
-     */
-    legendContainer: IStyle;
-}

package/lib/components/DonutChart/DonutChart.types.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"DonutChart.types.js","sourceRoot":"../src/","sources":["components/DonutChart/DonutChart.types.ts"],"names":[],"mappings":"","sourcesContent":["import { IStyle } from '@fluentui/react/lib/Styling';\nimport { IRenderFunction, IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';\nimport { ICartesianChartProps, ICartesianChartStyleProps } from '../CommonComponents/index';\nimport { ICalloutProps } from '@fluentui/react/lib/Callout';\nimport { IChartProps, IChartDataPoint } from './index';\n\nexport interface IDonutChart {}\n\nexport interface IDonutChartProps extends ICartesianChartProps {\n  /**\n   * Data to render in the chart.\n   */\n  data?: IChartProps;\n\n  /**\n   * inner radius for donut size\n   */\n  innerRadius?: number;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<IDonutChartStyleProps, IDonutChartStyles>;\n\n  /**\n   * props for inside donut value\n   */\n  valueInsideDonut?: string | number;\n\n  /**\n   * Define a custom callout renderer for a data point\n   */\n  onRenderCalloutPerDataPoint?: IRenderFunction<IChartDataPoint>;\n\n  /**\n   * props for the callout in the chart\n   */\n  calloutProps?: Partial<ICalloutProps>;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n}\n\nexport interface IDonutChartStyleProps extends ICartesianChartStyleProps {}\n\nexport interface IDonutChartStyles {\n  /**\n   *  Style for the root element.\n   */\n  root?: IStyle;\n\n  /**\n   * Style for the chart.\n   */\n  chart?: IStyle;\n  /**\n   * Style for the legend container.\n   */\n  legendContainer: IStyle;\n}\n"]}

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

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { IPieProps } from './index';
-import { IArcData } from '../Arc/index';
-export declare class Pie extends React.Component<IPieProps, {}> {
-    static defaultProps: Partial<IPieProps>;
-    private _pieForFocusRing;
-    constructor(props: IPieProps);
-    arcGenerator: (d: IArcData, i: number, focusData: IArcData, href?: string | undefined) => JSX.Element;
-    render(): JSX.Element;
-    private _focusCallback;
-    private _hoverCallback;
-}

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

@@ -1,47 +0,0 @@
-import { __extends } from "tslib";
-import * as React from 'react';
-import * as shape from 'd3-shape';
-import { Arc } from '../Arc/index';
-var Pie = /** @class */ (function (_super) {
-    __extends(Pie, _super);
-    function Pie(props) {
-        var _this = _super.call(this, props) || this;
-        _this.arcGenerator = function (d, i, focusData, href) {
-            var color = d && d.data && d.data.color;
-            return (React.createElement(Arc, { key: i, data: d, focusData: focusData, innerRadius: _this.props.innerRadius, outerRadius: _this.props.outerRadius, color: color, onFocusCallback: _this._focusCallback, hoverOnCallback: _this._hoverCallback, onBlurCallback: _this.props.onBlurCallback, hoverLeaveCallback: _this.props.hoverLeaveCallback, uniqText: _this.props.uniqText, activeArc: _this.props.activeArc, href: href, calloutId: _this.props.calloutId, valueInsideDonut: _this.props.valueInsideDonut, theme: _this.props.theme, focusedArcId: _this.props.focusedArcId }));
-        };
-        _this._focusCallback = function (data, id, e) {
-            _this.props.onFocusCallback(data, id, e);
-        };
-        _this._hoverCallback = _this._hoverCallback.bind(_this);
-        _this._pieForFocusRing = shape
-            .pie()
-            .sort(null)
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            .value(function (d) { return d.data; })
-            .padAngle(0);
-        return _this;
-    }
-    Pie.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, pie = _a.pie, data = _a.data;
-        var focusData = this._pieForFocusRing(data);
-        var piechart = pie(data);
-        var translate = "translate(" + this.props.width / 2 + ", " + this.props.height / 2 + ")";
-        return (React.createElement("g", { transform: translate }, piechart.map(function (d, i) { return _this.arcGenerator(d, i, focusData[i], _this.props.href); })));
-    };
-    Pie.prototype._hoverCallback = function (data, e) {
-        this.props.hoverOnCallback(data, e);
-    };
-    Pie.defaultProps = {
-        pie: shape
-            .pie()
-            .sort(null)
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            .value(function (d) { return d.data; })
-            .padAngle(0.02),
-    };
-    return Pie;
-}(React.Component));
-export { Pie };
-//# sourceMappingURL=Pie.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Pie.js","sourceRoot":"../src/","sources":["components/DonutChart/Pie/Pie.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,GAAG,EAAY,MAAM,cAAc,CAAC;AAG7C;IAAyB,uBAA8B;IAarD,aAAY,KAAgB;QAA5B,YACE,kBAAM,KAAK,CAAC,SAQb;QAEM,kBAAY,GAAG,UAAC,CAAW,EAAE,CAAS,EAAE,SAAmB,EAAE,IAAa;YAC/E,IAAM,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;YAC1C,OAAO,CACL,oBAAC,GAAG,IACF,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,KAAI,CAAC,KAAK,CAAC,WAAW,EACnC,WAAW,EAAE,KAAI,CAAC,KAAK,CAAC,WAAW,EACnC,KAAK,EAAE,KAAM,EACb,eAAe,EAAE,KAAI,CAAC,cAAc,EACpC,eAAe,EAAE,KAAI,CAAC,cAAc,EACpC,cAAc,EAAE,KAAI,CAAC,KAAK,CAAC,cAAc,EACzC,kBAAkB,EAAE,KAAI,CAAC,KAAK,CAAC,kBAAkB,EACjD,QAAQ,EAAE,KAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,SAAS,EAAE,KAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,KAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,gBAAgB,EAAE,KAAI,CAAC,KAAK,CAAC,gBAAgB,EAC7C,KAAK,EAAE,KAAI,CAAC,KAAK,CAAC,KAAM,EACxB,YAAY,EAAE,KAAI,CAAC,KAAK,CAAC,YAAY,GACrC,CACH,CAAC;QACJ,CAAC,CAAC;QAcM,oBAAc,GAAG,UAAC,IAAqB,EAAE,EAAU,EAAE,CAAiB;YAC5E,KAAI,CAAC,KAAK,CAAC,eAAgB,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;QAC3C,CAAC,CAAC;QAhDA,KAAI,CAAC,cAAc,GAAG,KAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;QACrD,KAAI,CAAC,gBAAgB,GAAG,KAAK;aAC1B,GAAG,EAAE;aACL,IAAI,CAAC,IAAI,CAAC;YACX,8DAA8D;aAC7D,KAAK,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CAAC;aACzB,QAAQ,CAAC,CAAC,CAAC,CAAC;;IACjB,CAAC;IA2BM,oBAAM,GAAb;QAAA,iBAUC;QATO,IAAA,KAAgB,IAAI,CAAC,KAAK,EAAxB,GAAG,SAAA,EAAE,IAAI,UAAe,CAAC;QACjC,IAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC9C,IAAM,QAAQ,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC;QAC3B,IAAM,SAAS,GAAG,eAAa,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,UAAK,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,MAAG,CAAC;QACjF,OAAO,CACL,2BAAG,SAAS,EAAE,SAAS,IACpB,QAAQ,CAAC,GAAG,CAAC,UAAC,CAAW,EAAE,CAAS,IAAK,OAAA,KAAI,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAtD,CAAsD,CAAC,CAC/F,CACL,CAAC;IACJ,CAAC;IAMO,4BAAc,GAAtB,UAAuB,IAAqB,EAAE,CAAmC;QAC/E,IAAI,CAAC,KAAK,CAAC,eAAgB,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IACvC,CAAC;IAlEa,gBAAY,GAAuB;QAC/C,GAAG,EAAE,KAAK;aACP,GAAG,EAAE;aACL,IAAI,CAAC,IAAI,CAAC;YACX,8DAA8D;aAC7D,KAAK,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CAAC;aACzB,QAAQ,CAAC,IAAI,CAAC;KAClB,CAAC;IA4DJ,UAAC;CAAA,AApED,CAAyB,KAAK,CAAC,SAAS,GAoEvC;SApEY,GAAG","sourcesContent":["import * as React from 'react';\nimport * as shape from 'd3-shape';\nimport { IPieProps } from './index';\nimport { Arc, IArcData } from '../Arc/index';\nimport { IChartDataPoint } from '../index';\n\nexport class Pie extends React.Component<IPieProps, {}> {\n  public static defaultProps: Partial<IPieProps> = {\n    pie: shape\n      .pie()\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\n  constructor(props: IPieProps) {\n    super(props);\n    this._hoverCallback = this._hoverCallback.bind(this);\n    this._pieForFocusRing = shape\n      .pie()\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    const color = d && d.data && d.data.color;\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        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      />\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    return (\n      <g transform={translate}>\n        {piechart.map((d: IArcData, i: number) => this.arcGenerator(d, i, focusData[i], this.props.href))}\n      </g>\n    );\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"]}

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

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

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

@@ -1,6 +0,0 @@
-export var getStyles = function (props) {
-    return {
-        root: {},
-    };
-};
-//# sourceMappingURL=Pie.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Pie.styles.js","sourceRoot":"../src/","sources":["components/DonutChart/Pie/Pie.styles.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,KAAgB;IACxC,OAAO;QACL,IAAI,EAAE,EAAE;KACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { IPieProps, IPieStyles } from './Pie.types';\n\nexport const getStyles = (props: IPieProps): IPieStyles => {\n  return {\n    root: {},\n  };\n};\n"]}

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

@@ -1,78 +0,0 @@
-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;
-}
-export interface IPieStyles {
-    /**
-     * Style set for the card header component root
-     */
-    root: IStyle;
-}

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

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

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

@@ -1 +0,0 @@
-{"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\nexport interface IPieStyles {\n  /**\n   * Style set for the card header component root\n   */\n  root: IStyle;\n}\n"]}

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

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

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

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

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

@@ -1 +0,0 @@
-{"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

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

package/lib/components/DonutChart/index.js

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

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

@@ -1 +0,0 @@
-{"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/GroupedVerticalBarChart/GroupedVerticalBarChart.base.d.ts

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import { IAccessibilityProps, IGroupedVerticalBarChartProps, IGVBarChartSeriesPoint, IBasestate } from '../../index';
-export interface IGroupedVerticalBarChartState extends IBasestate {
-    titleForHoverCard: string;
-    dataPointCalloutProps?: IGVBarChartSeriesPoint;
-    callOutAccessibilityData?: IAccessibilityProps;
-}
-export declare class GroupedVerticalBarChartBase extends React.Component<IGroupedVerticalBarChartProps, IGroupedVerticalBarChartState> {
-    private _createSet;
-    private _dataset;
-    private _keys;
-    private _xAxisLabels;
-    private _datasetForBars;
-    private margins;
-    private _groupedVerticalBarGraph;
-    private _classNames;
-    private _refArray;
-    private _yMax;
-    private _calloutId;
-    private _tooltipId;
-    private _isNumeric;
-    private _isRtl;
-    private _isCustomBarWidth;
-    private _x1TotalBandWidth;
-    private _calloutAnchorPoint;
-    constructor(props: IGroupedVerticalBarChartProps);
-    render(): React.ReactNode;
-    private _getGraphData;
-    private _getMargins;
-    private _createDataSetOfGVBC;
-    private _getCustomizedCallout;
-    private _getOpacity;
-    private _onBarHover;
-    private _onBarLeave;
-    private _handleChartMouseLeave;
-    private _onBarFocus;
-    private _redirectToUrl;
-    private _refCallback;
-    private _buildGraph;
-    private _createDataset;
-    private _createX0Scale;
-    private _createX1Scale;
-    private _closeCallout;
-    private _onLegendClick;
-    private _onLegendHover;
-    private _onLegendLeave;
-    private _getLegendData;
-    private _getAxisData;
-}