@fluentui/react-charting 5.10.0 → 5.10.1

package/lib-commonjs/components/Sparkline/Sparkline.base.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SparklineBase = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var d3_scale_1 = require("d3-scale");
+var d3_shape_1 = require("d3-shape");
+var d3_array_1 = require("d3-array");
+var react_focus_1 = require("@fluentui/react-focus");
+var Utilities_1 = require("@fluentui/react/lib-commonjs/Utilities");
+var getClassNames = Utilities_1.classNamesFunction();
+var SparklineBase = /** @class */ (function (_super) {
+    tslib_1.__extends(SparklineBase, _super);
+    function SparklineBase(props) {
+        var _this = _super.call(this, props) || this;
+        _this.margin = {
+            top: 2,
+            right: 0,
+            bottom: 0,
+            left: 0,
+        };
+        _this.state = {
+            _points: null,
+            _width: _this.props.width || 80,
+            _height: _this.props.height || 20 + _this.margin.bottom + _this.margin.top,
+        };
+        return _this;
+    }
+    SparklineBase.prototype.componentDidMount = function () {
+        var _this = this;
+        var area = d3_shape_1.area()
+            /* eslint-disable @typescript-eslint/no-explicit-any */
+            .x(function (d) { return _this.x(d.x); })
+            .y0(this.state._height)
+            /* eslint-disable @typescript-eslint/no-explicit-any */
+            .y1(function (d) { return _this.y(d.y); })
+            .curve(d3_shape_1.curveMonotoneX);
+        this.area = area;
+        var points = this.props.data.lineChartData[0].data;
+        /* eslint-disable @typescript-eslint/no-explicit-any */
+        var _a = d3_array_1.extent(points, function (d) { return d.x; }), xMin = _a[0], xMax = _a[1];
+        this.x = d3_scale_1.scaleLinear()
+            .domain([xMin, xMax])
+            .range([this.margin.left, this.state._width - this.margin.right]);
+        this.y = d3_scale_1.scaleLinear()
+            /* eslint-disable @typescript-eslint/no-explicit-any */
+            .domain([0, d3_array_1.max(points, function (d) { return d.y; })])
+            .range([this.state._height - this.margin.bottom, this.margin.top]);
+        this.setState({
+            _points: points,
+        });
+    };
+    SparklineBase.prototype.drawSparkline = function () {
+        return (React.createElement("path", { className: "area", d: this.area(this.state._points), opacity: 1, fillOpacity: 0.2, fill: this.props.data.lineChartData[0].color, strokeWidth: 2, stroke: this.props.data.lineChartData[0].color, "aria-label": "Sparkline with label " + this.props.data.lineChartData[0].legend }));
+    };
+    SparklineBase.prototype.render = function () {
+        var classNames = getClassNames(this.props.styles, {
+            theme: this.props.theme,
+        });
+        return (React.createElement(react_focus_1.FocusZone, { direction: react_focus_1.FocusZoneDirection.horizontal, isCircularNavigation: true, className: classNames.inlineBlock },
+            React.createElement("div", { className: classNames.inlineBlock },
+                this.state._width >= 50 && this.state._height >= 16 ? (React.createElement("svg", { width: this.state._width, height: this.state._height, tabIndex: 0 }, this.state._points ? this.drawSparkline() : null)) : (React.createElement(React.Fragment, null)),
+                this.props.showLegend && this.props.data.lineChartData[0].legend ? (React.createElement("span", { role: "text", className: classNames.titleText, tabIndex: 0 }, this.props.data.lineChartData[0].legend)) : (React.createElement(React.Fragment, null)))));
+    };
+    return SparklineBase;
+}(React.Component));
+exports.SparklineBase = SparklineBase;
+//# sourceMappingURL=Sparkline.base.js.map

package/lib-commonjs/components/Sparkline/Sparkline.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.base.js","sourceRoot":"../src/","sources":["components/Sparkline/Sparkline.base.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { scaleLinear as d3ScaleLinear } from 'd3-scale';\nimport { area as d3Area, curveMonotoneX as d3CurveMonotoneX } from 'd3-shape';\nimport { max as d3Max, extent as d3Extent } from 'd3-array';\nimport { FocusZone, FocusZoneDirection } from '@fluentui/react-focus';\nimport { ILineChartDataPoint } from '../../types/IDataPoint';\nimport { classNamesFunction } from '@fluentui/react/lib/Utilities';\nimport { ISparklineProps, ISparklineStyleProps, ISparklineStyles } from '../../index';\nconst getClassNames = classNamesFunction<ISparklineStyleProps, ISparklineStyles>();\n\nexport interface ISparklineState {\n  _points: ILineChartDataPoint[] | null;\n  _width: number;\n  _height: number;\n}\n\nexport class SparklineBase extends React.Component<ISparklineProps, ISparklineState> {\n  private margin = {\n    top: 2,\n    right: 0,\n    bottom: 0,\n    left: 0,\n  };\n\n  /* eslint-disable @typescript-eslint/no-explicit-any */\n  private x: any;\n\n  /* eslint-disable @typescript-eslint/no-explicit-any */\n  private y: any;\n  private area: any;\n\n  constructor(props: ISparklineProps) {\n    super(props);\n    this.state = {\n      _points: null,\n      _width: this.props.width! || 80,\n      _height: this.props.height! || 20 + this.margin.bottom + this.margin.top,\n    };\n  }\n\n  public componentDidMount() {\n    const area = d3Area()\n      /* eslint-disable @typescript-eslint/no-explicit-any */\n      .x((d: any) => this.x(d.x))\n      .y0(this.state._height)\n      /* eslint-disable @typescript-eslint/no-explicit-any */\n      .y1((d: any) => this.y(d.y))\n      .curve(d3CurveMonotoneX);\n    this.area = area;\n\n    const points = this.props.data!.lineChartData![0].data;\n\n    /* eslint-disable @typescript-eslint/no-explicit-any */\n    const [xMin, xMax] = d3Extent(points, (d: any) => d.x);\n\n    this.x = d3ScaleLinear()\n      .domain([xMin, xMax])\n      .range([this.margin.left!, this.state._width - this.margin.right!]);\n    this.y = d3ScaleLinear()\n      /* eslint-disable @typescript-eslint/no-explicit-any */\n      .domain([0, d3Max(points, (d: any) => d.y)])\n      .range([this.state._height - this.margin.bottom!, this.margin.top!]);\n\n    this.setState({\n      _points: points,\n    });\n  }\n\n  public drawSparkline() {\n    return (\n      <path\n        className=\"area\"\n        d={this.area(this.state._points)}\n        opacity={1}\n        fillOpacity={0.2}\n        fill={this.props.data!.lineChartData![0].color!}\n        strokeWidth={2}\n        stroke={this.props.data!.lineChartData![0].color!}\n        aria-label={`Sparkline with label ${this.props.data!.lineChartData![0].legend!}`}\n      />\n    );\n  }\n\n  public render() {\n    const classNames = getClassNames(this.props.styles!, {\n      theme: this.props.theme!,\n    });\n    return (\n      <FocusZone\n        direction={FocusZoneDirection.horizontal}\n        isCircularNavigation={true}\n        className={classNames.inlineBlock}\n      >\n        <div className={classNames.inlineBlock}>\n          {this.state._width >= 50 && this.state._height >= 16 ? (\n            <svg width={this.state._width} height={this.state._height} tabIndex={0}>\n              {this.state._points ? this.drawSparkline() : null}\n            </svg>\n          ) : (\n            <></>\n          )}\n          {this.props.showLegend && this.props.data!.lineChartData![0].legend ? (\n            <span role=\"text\" className={classNames.titleText} tabIndex={0}>\n              {this.props.data!.lineChartData![0].legend!}\n            </span>\n          ) : (\n            <></>\n          )}\n        </div>\n      </FocusZone>\n    );\n  }\n}\n"]}

package/lib-commonjs/components/Sparkline/Sparkline.d.ts

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

package/lib-commonjs/components/Sparkline/Sparkline.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sparkline = void 0;
+var Utilities_1 = require("@fluentui/react/lib-commonjs/Utilities");
+var Sparkline_base_1 = require("./Sparkline.base");
+var Sparkline_styles_1 = require("./Sparkline.styles");
+// Create a Sparkline variant which uses these default styles and this styled subcomponent.
+exports.Sparkline = Utilities_1.styled(Sparkline_base_1.SparklineBase, Sparkline_styles_1.getStyles);
+//# sourceMappingURL=Sparkline.js.map

package/lib-commonjs/components/Sparkline/Sparkline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.js","sourceRoot":"../src/","sources":["components/Sparkline/Sparkline.tsx"],"names":[],"mappings":";;;AACA,2DAAuD;AAEvD,mDAAiD;AACjD,uDAA+C;AAE/C,2FAA2F;AAC9E,QAAA,SAAS,GAA6C,kBAAM,CAIvE,8BAAa,EAAE,4BAAS,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '@fluentui/react/lib/Utilities';\nimport { ISparklineStyles, ISparklineProps, ISparklineStyleProps } from '../../index';\nimport { SparklineBase } from './Sparkline.base';\nimport { getStyles } from './Sparkline.styles';\n\n// Create a Sparkline variant which uses these default styles and this styled subcomponent.\nexport const Sparkline: React.FunctionComponent<ISparklineProps> = styled<\n  ISparklineProps,\n  ISparklineStyleProps,\n  ISparklineStyles\n>(SparklineBase, getStyles);\n"]}

package/lib-commonjs/components/Sparkline/Sparkline.styles.d.ts

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

package/lib-commonjs/components/Sparkline/Sparkline.styles.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStyles = void 0;
+var tslib_1 = require("tslib");
+var getStyles = function (props) {
+    return {
+        inlineBlock: {
+            display: 'inline',
+        },
+        titleText: tslib_1.__assign({ marginLeft: '8px', textAlign: 'center' }, props.theme.fonts.smallPlus),
+    };
+};
+exports.getStyles = getStyles;
+//# sourceMappingURL=Sparkline.styles.js.map

package/lib-commonjs/components/Sparkline/Sparkline.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.styles.js","sourceRoot":"../src/","sources":["components/Sparkline/Sparkline.styles.ts"],"names":[],"mappings":";;;;AAEO,IAAM,SAAS,GAAG,UAAC,KAA2B;IACnD,OAAO;QACL,WAAW,EAAE;YACX,OAAO,EAAE,QAAQ;SAClB;QACD,SAAS,qBACP,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,QAAQ,IAChB,KAAK,CAAC,KAAM,CAAC,KAAK,CAAC,SAAS,CAChC;KACF,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,SAAS,aAWpB","sourcesContent":["import { ISparklineStyleProps, ISparklineStyles } from './Sparkline.types';\n\nexport const getStyles = (props: ISparklineStyleProps): ISparklineStyles => {\n  return {\n    inlineBlock: {\n      display: 'inline',\n    },\n    titleText: {\n      marginLeft: '8px',\n      textAlign: 'center',\n      ...props.theme!.fonts.smallPlus,\n    },\n  };\n};\n"]}

package/lib-commonjs/components/Sparkline/Sparkline.types.d.ts

@@ -0,0 +1,46 @@
+import { ITheme, IStyle } from '@fluentui/react/lib/Styling';
+import { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
+import { IChartProps } from '../../types/IDataPoint';
+import { ICartesianChartStyleProps } from '../CommonComponents/index';
+export interface ISparklineStyleProps extends ICartesianChartStyleProps {
+}
+export interface ISparklineProps {
+    /**
+     * An array of chart data points for the Sparkline chart
+     */
+    data?: IChartProps;
+    /**
+     * Width of chart
+     * * @default 80
+     */
+    width?: number;
+    /**
+     * Height of chart
+     * @default 20
+     */
+    height?: number;
+    /**
+     * Additional CSS class(es) to apply to the SparklineChart.
+     */
+    className?: string;
+    /**
+     * Theme (provided through customization.)
+     */
+    theme?: ITheme;
+    /**
+     * The prop used to define the culture to localized the numbers
+     */
+    culture?: string;
+    /**
+     * Prop used to determine whether to show the legend or not
+     */
+    showLegend?: boolean;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<ISparklineStyleProps, ISparklineStyles>;
+}
+export interface ISparklineStyles {
+    inlineBlock?: IStyle;
+    titleText?: IStyle;
+}

package/lib-commonjs/components/Sparkline/Sparkline.types.js

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

package/lib-commonjs/components/Sparkline/Sparkline.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.types.js","sourceRoot":"../src/","sources":["components/Sparkline/Sparkline.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ITheme, IStyle } from '@fluentui/react/lib/Styling';\nimport { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';\nimport { IChartProps } from '../../types/IDataPoint';\nimport { ICartesianChartStyleProps } from '../CommonComponents/index';\n\nexport interface ISparklineStyleProps extends ICartesianChartStyleProps {}\n\nexport interface ISparklineProps {\n  /**\n   * An array of chart data points for the Sparkline chart\n   */\n  data?: IChartProps;\n\n  /**\n   * Width of chart\n   * * @default 80\n   */\n  width?: number;\n\n  /**\n   * Height of chart\n   * @default 20\n   */\n  height?: number;\n\n  /**\n   * Additional CSS class(es) to apply to the SparklineChart.\n   */\n  className?: string;\n\n  /**\n   * Theme (provided through customization.)\n   */\n  theme?: ITheme;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * Prop used to determine whether to show the legend or not\n   */\n  showLegend?: boolean;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<ISparklineStyleProps, ISparklineStyles>;\n}\n\nexport interface ISparklineStyles {\n  inlineBlock?: IStyle;\n  titleText?: IStyle;\n}\n"]}

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

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

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

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

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

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

package/lib-commonjs/index.d.ts

@@ -13,4 +13,5 @@ export * from './types/index';
 export * from './utilities/ChartHoverCard/index';
 export * from './HeatMapChart';
 export * from './SankeyChart';
+export * from './Sparkline';
 import './version';

package/lib-commonjs/index.js

@@ -16,5 +16,6 @@ tslib_1.__exportStar(require("./types/index"), exports);
 tslib_1.__exportStar(require("./utilities/ChartHoverCard/index"), exports);
 tslib_1.__exportStar(require("./HeatMapChart"), exports);
 tslib_1.__exportStar(require("./SankeyChart"), exports);
+tslib_1.__exportStar(require("./Sparkline"), exports);
 require("./version");
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;AAAA,+DAAqC;AACrC,uDAA6B;AAC7B,oDAA0B;AAC1B,sDAA4B;AAC5B,sDAA4B;AAC5B,qDAA2B;AAC3B,4DAAkC;AAClC,6DAAmC;AACnC,oEAA0C;AAC1C,oEAA0C;AAC1C,2DAAiC;AACjC,wDAA8B;AAC9B,2EAAiD;AACjD,yDAA+B;AAC/B,wDAA8B;AAE9B,qBAAmB","sourcesContent":["export * from './HorizontalBarChart';\nexport * from './DonutChart';\nexport * from './Legends';\nexport * from './LineChart';\nexport * from './AreaChart';\nexport * from './PieChart';\nexport * from './StackedBarChart';\nexport * from './VerticalBarChart';\nexport * from './VerticalStackedBarChart';\nexport * from './GroupedVerticalBarChart';\nexport * from './CartesianChart';\nexport * from './types/index';\nexport * from './utilities/ChartHoverCard/index';\nexport * from './HeatMapChart';\nexport * from './SankeyChart';\n\nimport './version';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;AAAA,+DAAqC;AACrC,uDAA6B;AAC7B,oDAA0B;AAC1B,sDAA4B;AAC5B,sDAA4B;AAC5B,qDAA2B;AAC3B,4DAAkC;AAClC,6DAAmC;AACnC,oEAA0C;AAC1C,oEAA0C;AAC1C,2DAAiC;AACjC,wDAA8B;AAC9B,2EAAiD;AACjD,yDAA+B;AAC/B,wDAA8B;AAC9B,sDAA4B;AAE5B,qBAAmB","sourcesContent":["export * from './HorizontalBarChart';\nexport * from './DonutChart';\nexport * from './Legends';\nexport * from './LineChart';\nexport * from './AreaChart';\nexport * from './PieChart';\nexport * from './StackedBarChart';\nexport * from './VerticalBarChart';\nexport * from './VerticalStackedBarChart';\nexport * from './GroupedVerticalBarChart';\nexport * from './CartesianChart';\nexport * from './types/index';\nexport * from './utilities/ChartHoverCard/index';\nexport * from './HeatMapChart';\nexport * from './SankeyChart';\nexport * from './Sparkline';\n\nimport './version';\n"]}

package/lib-commonjs/version.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 // Do not modify this file; it is generated as part of publish.
 // The checked in version is a placeholder only and will not be updated.
 var set_version_1 = require("@fluentui/set-version");
-set_version_1.setVersion('@fluentui/react-charting', '5.10.0');
+set_version_1.setVersion('@fluentui/react-charting', '5.10.1');
 //# sourceMappingURL=version.js.map

package/lib-commonjs/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"../src/","sources":["version.ts"],"names":[],"mappings":";;AAAA,+DAA+D;AAC/D,wEAAwE;AACxE,qDAAmD;AACnD,wBAAU,CAAC,0BAA0B,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nimport { setVersion } from '@fluentui/set-version';\nsetVersion('@fluentui/react-charting', '5.10.0');"]}
+{"version":3,"file":"version.js","sourceRoot":"../src/","sources":["version.ts"],"names":[],"mappings":";;AAAA,+DAA+D;AAC/D,wEAAwE;AACxE,qDAAmD;AACnD,wBAAU,CAAC,0BAA0B,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nimport { setVersion } from '@fluentui/set-version';\nsetVersion('@fluentui/react-charting', '5.10.1');"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-charting",
-  "version": "5.10.0",
+  "version": "5.10.1",
   "description": "Experimental React charting components for building experiences for Microsoft 365.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react": "^8.78.0",
+    "@fluentui/react": "^8.78.1",
     "@types/react-addons-test-utils": "0.14.18",
     "@fluentui/scripts": "^1.0.0",
     "@fluentui/jest-serializer-merge-styles": "^8.0.19"
@@ -56,7 +56,7 @@
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
-    "@fluentui/react": "^8.78.0",
+    "@fluentui/react": "^8.78.1",
     "@types/react": ">=16.8.0 <18.0.0",
     "@types/react-dom": ">=16.8.0 <18.0.0",
     "react": ">=16.8.0 <18.0.0",

package/src/components/Sparkline/Sparkline.types.ts

@@ -0,0 +1,55 @@
+import { ITheme, IStyle } from '@fluentui/react/lib/Styling';
+import { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
+import { IChartProps } from '../../types/IDataPoint';
+import { ICartesianChartStyleProps } from '../CommonComponents/index';
+
+export interface ISparklineStyleProps extends ICartesianChartStyleProps {}
+
+export interface ISparklineProps {
+  /**
+   * An array of chart data points for the Sparkline chart
+   */
+  data?: IChartProps;
+
+  /**
+   * Width of chart
+   * * @default 80
+   */
+  width?: number;
+
+  /**
+   * Height of chart
+   * @default 20
+   */
+  height?: number;
+
+  /**
+   * Additional CSS class(es) to apply to the SparklineChart.
+   */
+  className?: string;
+
+  /**
+   * Theme (provided through customization.)
+   */
+  theme?: ITheme;
+
+  /**
+   * The prop used to define the culture to localized the numbers
+   */
+  culture?: string;
+
+  /**
+   * Prop used to determine whether to show the legend or not
+   */
+  showLegend?: boolean;
+
+  /**
+   * Call to provide customized styling that will layer on top of the variant rules.
+   */
+  styles?: IStyleFunctionOrObject<ISparklineStyleProps, ISparklineStyles>;
+}
+
+export interface ISparklineStyles {
+  inlineBlock?: IStyle;
+  titleText?: IStyle;
+}