@fluentui/react-charting 5.25.4 → 5.25.6

package/lib-amd/components/PolarChart/PolarChart.types.d.ts

@@ -0,0 +1,185 @@
+import * as React from 'react';
+import { IAreaPolarSeries, AxisCategoryOrder, AxisProps, AxisScaleType, IChart, ILinePolarSeries, IMargins, IScatterPolarSeries } from '../../types/IDataPoint';
+import { ILegendsProps } from '../Legends/Legends.types';
+import { ICalloutProps, IStyle, IStyleFunctionOrObject, ITheme } from '@fluentui/react';
+/**
+ * Configuration options for a polar axis.
+ * {@docCategory PolarChart}
+ */
+export type PolarAxisProps = AxisProps & {
+    /**
+     * Values at which ticks should be placed on the axis.
+     */
+    tickValues?: number[] | Date[] | string[];
+    /**
+     * Format string for the axis ticks.
+     * For numbers, see: https://d3js.org/d3-format.
+     * And for dates see: https://d3js.org/d3-time-format.
+     */
+    tickFormat?: string;
+    /**
+     * Number of ticks to display on the axis.
+     */
+    tickCount?: number;
+    /**
+     * Defines the order of categories on the axis.
+     * @default 'default'
+     */
+    categoryOrder?: AxisCategoryOrder;
+    /**
+     * Scale type for the axis.
+     * @default 'default'
+     */
+    scaleType?: AxisScaleType;
+    /**
+     * Start value of the axis range.
+     */
+    rangeStart?: number | Date;
+    /**
+     * End value of the axis range.
+     */
+    rangeEnd?: number | Date;
+};
+/**
+ * Polar Chart properties
+ * {@docCategory PolarChart}
+ */
+export interface IPolarChartProps {
+    /**
+     * Data series to be rendered in the polar chart.
+     */
+    data: (IAreaPolarSeries | ILinePolarSeries | IScatterPolarSeries)[];
+    /**
+     * Width of the polar chart.
+     * @default 200
+     */
+    width?: number;
+    /**
+     * Height of the polar chart.
+     * @default 200
+     */
+    height?: number;
+    /**
+     * Margins around the chart area.
+     */
+    margins?: IMargins;
+    /**
+     * If true, hides the legend.
+     * @default false
+     */
+    hideLegend?: boolean;
+    /**
+     * If true, hides the tooltip.
+     * @default false
+     */
+    hideTooltip?: boolean;
+    legendProps?: Partial<ILegendsProps>;
+    /**
+     * Title of the chart.
+     */
+    chartTitle?: string;
+    /**
+     * Fraction of the radius to cut out from the center of the chart.
+     * Accepts values in the range [0, 1].
+     */
+    hole?: number;
+    /**
+     * Shape of the polar chart.
+     * @default 'circle'
+     */
+    shape?: 'circle' | 'polygon';
+    /**
+     * Direction in which the chart is drawn.
+     * @default 'counterclockwise'
+     */
+    direction?: 'clockwise' | 'counterclockwise';
+    /**
+     * Configuration options for the radial axis.
+     */
+    radialAxis?: PolarAxisProps;
+    /**
+     * Configuration options for the angular axis.
+     */
+    angularAxis?: PolarAxisProps & {
+        /**
+         * Format unit for angular values.
+         * @default 'degrees'
+         */
+        unit?: 'radians' | 'degrees';
+    };
+    /**
+     * Optional callback to access the Chart interface. Use this instead of ref for accessing
+     * the public methods and properties of the component.
+     */
+    componentRef?: React.Ref<IChart>;
+    /**
+     * Locale identifier string used to format numbers and dates according to the specified culture.
+     * Example: 'en-US', 'fr-FR'.
+     */
+    culture?: string;
+    /**
+     * Options for localizing date values.
+     */
+    dateLocalizeOptions?: Intl.DateTimeFormatOptions;
+    /**
+     * If true, date values are treated as UTC dates.
+     * @default false
+     */
+    useUTC?: boolean;
+    /**
+     * Theme (provided through customization)
+     */
+    theme?: ITheme;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules
+     */
+    styles?: IStyleFunctionOrObject<IPolarChartStyleProps, IPolarChartStyles>;
+    /**
+     * Props for the callout in the chart
+     */
+    calloutProps?: Partial<ICalloutProps>;
+}
+/**
+ * Polar Chart style properties
+ * {@docCategory PolarChart}
+ */
+export interface IPolarChartStyleProps {
+    /**
+     * Theme (provided through customization)
+     */
+    theme: ITheme;
+}
+/**
+ * Polar Chart styles
+ * {@docCategory PolarChart}
+ */
+export interface IPolarChartStyles {
+    /**
+     * Style for the root element.
+     */
+    root?: IStyle;
+    /**
+     * Style for the chart wrapper element.
+     */
+    chartWrapper?: IStyle;
+    /**
+     * Style for the chart element.
+     */
+    chart?: IStyle;
+    /**
+     * Style for the inner grid lines.
+     */
+    gridLineInner?: IStyle;
+    /**
+     * Style for the outer grid lines.
+     */
+    gridLineOuter?: IStyle;
+    /**
+     * Style for the tick labels.
+     */
+    tickLabel?: IStyle;
+    /**
+     * Style for the legend container.
+     */
+    legendContainer?: IStyle;
+}

package/lib-amd/components/PolarChart/PolarChart.types.js

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

package/lib-amd/components/PolarChart/PolarChart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PolarChart.types.js","sourceRoot":"../src/","sources":["components/PolarChart/PolarChart.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport {\n  IAreaPolarSeries,\n  AxisCategoryOrder,\n  AxisProps,\n  AxisScaleType,\n  IChart,\n  ILinePolarSeries,\n  IMargins,\n  IScatterPolarSeries,\n} from '../../types/IDataPoint';\nimport { ILegendsProps } from '../Legends/Legends.types';\nimport { ICalloutProps, IStyle, IStyleFunctionOrObject, ITheme } from '@fluentui/react';\n\n/**\n * Configuration options for a polar axis.\n * {@docCategory PolarChart}\n */\nexport type PolarAxisProps = AxisProps & {\n  /**\n   * Values at which ticks should be placed on the axis.\n   */\n  tickValues?: number[] | Date[] | string[];\n\n  /**\n   * Format string for the axis ticks.\n   * For numbers, see: https://d3js.org/d3-format.\n   * And for dates see: https://d3js.org/d3-time-format.\n   */\n  tickFormat?: string;\n\n  /**\n   * Number of ticks to display on the axis.\n   */\n  tickCount?: number;\n\n  /**\n   * Defines the order of categories on the axis.\n   * @default 'default'\n   */\n  categoryOrder?: AxisCategoryOrder;\n\n  /**\n   * Scale type for the axis.\n   * @default 'default'\n   */\n  scaleType?: AxisScaleType;\n\n  /**\n   * Start value of the axis range.\n   */\n  rangeStart?: number | Date;\n\n  /**\n   * End value of the axis range.\n   */\n  rangeEnd?: number | Date;\n};\n\n/**\n * Polar Chart properties\n * {@docCategory PolarChart}\n */\nexport interface IPolarChartProps {\n  /**\n   * Data series to be rendered in the polar chart.\n   */\n  data: (IAreaPolarSeries | ILinePolarSeries | IScatterPolarSeries)[];\n\n  /**\n   * Width of the polar chart.\n   * @default 200\n   */\n  width?: number;\n\n  /**\n   * Height of the polar chart.\n   * @default 200\n   */\n  height?: number;\n\n  /**\n   * Margins around the chart area.\n   */\n  margins?: IMargins;\n\n  /**\n   * If true, hides the legend.\n   * @default false\n   */\n  hideLegend?: boolean;\n\n  /**\n   * If true, hides the tooltip.\n   * @default false\n   */\n  hideTooltip?: boolean;\n\n  /*\n   * Properties for customizing the legend.\n   */\n  legendProps?: Partial<ILegendsProps>;\n\n  /**\n   * Title of the chart.\n   */\n  chartTitle?: string;\n\n  /**\n   * Fraction of the radius to cut out from the center of the chart.\n   * Accepts values in the range [0, 1].\n   */\n  hole?: number;\n\n  /**\n   * Shape of the polar chart.\n   * @default 'circle'\n   */\n  shape?: 'circle' | 'polygon';\n\n  /**\n   * Direction in which the chart is drawn.\n   * @default 'counterclockwise'\n   */\n  direction?: 'clockwise' | 'counterclockwise';\n\n  /**\n   * Configuration options for the radial axis.\n   */\n  radialAxis?: PolarAxisProps;\n\n  /**\n   * Configuration options for the angular axis.\n   */\n  angularAxis?: PolarAxisProps & {\n    /**\n     * Format unit for angular values.\n     * @default 'degrees'\n     */\n    unit?: 'radians' | 'degrees';\n  };\n\n  /**\n   * Optional callback to access the Chart interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.Ref<IChart>;\n\n  /**\n   * Locale identifier string used to format numbers and dates according to the specified culture.\n   * Example: 'en-US', 'fr-FR'.\n   */\n  culture?: string;\n\n  /**\n   * Options for localizing date values.\n   */\n  dateLocalizeOptions?: Intl.DateTimeFormatOptions;\n\n  /**\n   * If true, date values are treated as UTC dates.\n   * @default false\n   */\n  useUTC?: boolean;\n\n  /**\n   * Theme (provided through customization)\n   */\n  theme?: ITheme;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules\n   */\n  styles?: IStyleFunctionOrObject<IPolarChartStyleProps, IPolarChartStyles>;\n\n  /**\n   * Props for the callout in the chart\n   */\n  calloutProps?: Partial<ICalloutProps>;\n}\n\n/**\n * Polar Chart style properties\n * {@docCategory PolarChart}\n */\nexport interface IPolarChartStyleProps {\n  /**\n   * Theme (provided through customization)\n   */\n  theme: ITheme;\n}\n\n/**\n * Polar Chart styles\n * {@docCategory PolarChart}\n */\nexport interface IPolarChartStyles {\n  /**\n   * Style for the root element.\n   */\n  root?: IStyle;\n\n  /**\n   * Style for the chart wrapper element.\n   */\n  chartWrapper?: IStyle;\n\n  /**\n   * Style for the chart element.\n   */\n  chart?: IStyle;\n\n  /**\n   * Style for the inner grid lines.\n   */\n  gridLineInner?: IStyle;\n\n  /**\n   * Style for the outer grid lines.\n   */\n  gridLineOuter?: IStyle;\n\n  /**\n   * Style for the tick labels.\n   */\n  tickLabel?: IStyle;\n\n  /**\n   * Style for the legend container.\n   */\n  legendContainer?: IStyle;\n}\n"]}

package/lib-amd/components/PolarChart/PolarChart.utils.d.ts

@@ -0,0 +1,43 @@
+import { ScaleBand, ScaleContinuousNumeric, ScaleTime } from 'd3-scale';
+import { AxisScaleType } from '../../types/IDataPoint';
+import { IPolarChartProps } from './PolarChart.types';
+export declare const EPSILON = 0.000001;
+export declare const createRadialScale: (scaleType: string, domain: (string | number | Date)[], range: number[], opts?: {
+    useUTC?: boolean;
+    tickCount?: number;
+    tickValues?: (string | number | Date)[];
+    tickText?: string[];
+    tickFormat?: string;
+    culture?: string;
+    tickStep?: number | string;
+    tick0?: number | Date;
+    dateLocalizeOptions?: Intl.DateTimeFormatOptions;
+}) => {
+    scale: ScaleBand<string> | ScaleContinuousNumeric<number, number, undefined> | ScaleTime<number, number>;
+    tickValues: (string | number | Date)[];
+    tickLabels: string[];
+};
+export declare const getScaleType: (values: (string | number | Date)[], opts?: {
+    scaleType?: AxisScaleType;
+    supportsLog?: boolean;
+}) => string;
+export declare const getContinuousScaleDomain: (scaleType: string, values: (number | Date)[], opts?: {
+    rangeStart?: number | Date;
+    rangeEnd?: number | Date;
+}) => (number | Date)[];
+export declare const createAngularScale: (scaleType: string, domain: (string | number | Date)[], opts?: {
+    tickCount?: number;
+    tickValues?: (string | number | Date)[];
+    tickText?: string[];
+    tickFormat?: string;
+    culture?: string;
+    tickStep?: number | string;
+    tick0?: number | Date;
+    direction?: IPolarChartProps["direction"];
+    unit?: NonNullable<IPolarChartProps["angularAxis"]>["unit"];
+}) => {
+    scale: (v: string | number) => number;
+    tickValues: (string | number)[];
+    tickLabels: string[];
+};
+export declare const formatAngle: (value: string | number, unit: NonNullable<IPolarChartProps["angularAxis"]>["unit"]) => string;

package/lib-amd/components/PolarChart/PolarChart.utils.js

@@ -0,0 +1,183 @@
+define(["require", "exports", "d3-scale", "d3-array", "d3-format", "../../utilities/utilities", "@fluentui/chart-utilities", "d3-time-format", "@fluentui/react"], function (require, exports, d3_scale_1, d3_array_1, d3_format_1, utilities_1, chart_utilities_1, d3_time_format_1, react_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.formatAngle = exports.createAngularScale = exports.getContinuousScaleDomain = exports.getScaleType = exports.createRadialScale = exports.EPSILON = void 0;
+    exports.EPSILON = 1e-6;
+    var createRadialScale = function (scaleType, domain, range, opts) {
+        var _a, _b;
+        if (opts === void 0) { opts = {}; }
+        if (scaleType === 'category') {
+            var scale_1 = (0, d3_scale_1.scaleBand)()
+                .domain(domain)
+                .range(range)
+                .paddingInner(1);
+            var tickValues_1 = Array.isArray(opts.tickValues) ? opts.tickValues : domain;
+            var tickFormat_1 = function (domainValue, index) {
+                if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !(0, chart_utilities_1.isInvalidValue)(opts.tickText[index])) {
+                    return opts.tickText[index];
+                }
+                return domainValue;
+            };
+            return { scale: scale_1, tickValues: tickValues_1, tickLabels: tickValues_1.map(tickFormat_1) };
+        }
+        var scale;
+        if (scaleType === 'date') {
+            scale = opts.useUTC ? (0, d3_scale_1.scaleUtc)() : (0, d3_scale_1.scaleTime)();
+        }
+        else {
+            scale = scaleType === 'log' ? (0, d3_scale_1.scaleLog)() : (0, d3_scale_1.scaleLinear)();
+        }
+        scale.domain(domain);
+        scale.range(range);
+        scale.nice();
+        var tickCount = (_a = opts.tickCount) !== null && _a !== void 0 ? _a : 4;
+        var tickFormat;
+        var customTickValues = Array.isArray(opts.tickValues) ? opts.tickValues : undefined;
+        if (scaleType === 'date') {
+            var lowestFormatLevel_1 = 100;
+            var highestFormatLevel_1 = -1;
+            scale.ticks().forEach(function (domainValue) {
+                var formatLevel = (0, utilities_1.getDateFormatLevel)(domainValue, opts.useUTC);
+                if (formatLevel > highestFormatLevel_1) {
+                    highestFormatLevel_1 = formatLevel;
+                }
+                if (formatLevel < lowestFormatLevel_1) {
+                    lowestFormatLevel_1 = formatLevel;
+                }
+            });
+            var formatOptions_1 = (_b = opts.dateLocalizeOptions) !== null && _b !== void 0 ? _b : (0, chart_utilities_1.getMultiLevelDateTimeFormatOptions)(lowestFormatLevel_1, highestFormatLevel_1);
+            tickFormat = function (domainValue, index) {
+                if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !(0, chart_utilities_1.isInvalidValue)(opts.tickText[index])) {
+                    return opts.tickText[index];
+                }
+                if ((0, chart_utilities_1.isInvalidValue)(opts.culture) && typeof opts.tickFormat === 'string') {
+                    if (opts.useUTC) {
+                        return (0, d3_time_format_1.utcFormat)(opts.tickFormat)(domainValue);
+                    }
+                    else {
+                        return (0, d3_time_format_1.timeFormat)(opts.tickFormat)(domainValue);
+                    }
+                }
+                return (0, chart_utilities_1.formatDateToLocaleString)(domainValue, opts.culture, opts.useUTC, false, formatOptions_1);
+            };
+            if (opts.tickStep) {
+                customTickValues = (0, utilities_1.generateDateTicks)(opts.tickStep, opts.tick0, scale.domain(), opts.useUTC);
+            }
+        }
+        else {
+            var defaultTickFormat_1 = scale.tickFormat(tickCount);
+            tickFormat = function (domainValue, index) {
+                if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !(0, chart_utilities_1.isInvalidValue)(opts.tickText[index])) {
+                    return opts.tickText[index];
+                }
+                if (typeof opts.tickFormat === 'string') {
+                    return (0, d3_format_1.format)(opts.tickFormat)(domainValue);
+                }
+                var value = typeof domainValue === 'number' ? domainValue : domainValue.valueOf();
+                return defaultTickFormat_1(value) === '' ? '' : (0, chart_utilities_1.formatToLocaleString)(value, opts.culture);
+            };
+            if (opts.tickStep) {
+                customTickValues = (0, utilities_1.generateNumericTicks)(scaleType, opts.tickStep, opts.tick0, scale.domain());
+            }
+        }
+        var tickValues = customTickValues !== null && customTickValues !== void 0 ? customTickValues : scale.ticks(tickCount);
+        return { scale: scale, tickValues: tickValues, tickLabels: tickValues.map(tickFormat) };
+    };
+    exports.createRadialScale = createRadialScale;
+    var getScaleType = function (values, opts) {
+        if (opts === void 0) { opts = {}; }
+        var scaleType = 'category';
+        if (typeof values[0] === 'number') {
+            if (opts.supportsLog && opts.scaleType === 'log') {
+                scaleType = 'log';
+            }
+            else {
+                scaleType = 'linear';
+            }
+        }
+        else if (values[0] instanceof Date) {
+            scaleType = 'date';
+        }
+        return scaleType;
+    };
+    exports.getScaleType = getScaleType;
+    var getContinuousScaleDomain = function (scaleType, values, opts) {
+        var _a;
+        if (opts === void 0) { opts = {}; }
+        var _b = (0, d3_array_1.extent)(values.filter(function (v) { return (0, utilities_1.isValidDomainValue)(v, scaleType); })), min = _b[0], max = _b[1];
+        if (scaleType === 'linear') {
+            _a = (0, d3_array_1.extent)([min, max, 0]), min = _a[0], max = _a[1];
+        }
+        if (!(0, chart_utilities_1.isInvalidValue)(opts.rangeStart)) {
+            min = opts.rangeStart;
+        }
+        if (!(0, chart_utilities_1.isInvalidValue)(opts.rangeEnd)) {
+            max = opts.rangeEnd;
+        }
+        if ((0, chart_utilities_1.isInvalidValue)(min) || (0, chart_utilities_1.isInvalidValue)(max)) {
+            return [];
+        }
+        return [min, max];
+    };
+    exports.getContinuousScaleDomain = getContinuousScaleDomain;
+    var degToRad = function (deg) { return (deg * Math.PI) / 180; };
+    var radToDeg = function (rad) { return (rad * 180) / Math.PI; };
+    var normalizeAngle = function (deg, direction) {
+        return (((direction === 'clockwise' ? deg : 450 - deg) % 360) + 360) % 360;
+    };
+    var createAngularScale = function (scaleType, domain, opts) {
+        var _a, _b;
+        if (opts === void 0) { opts = {}; }
+        if (scaleType === 'category') {
+            var categoryIndexMap_1 = {};
+            domain.forEach(function (d, i) {
+                categoryIndexMap_1[d] = i;
+            });
+            var period_1 = 360 / domain.length;
+            var tickValues_2 = Array.isArray(opts.tickValues) ? opts.tickValues : domain;
+            var tickFormat_2 = function (domainValue, index) {
+                if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !(0, chart_utilities_1.isInvalidValue)(opts.tickText[index])) {
+                    return opts.tickText[index];
+                }
+                return domainValue;
+            };
+            return {
+                scale: function (v) { return degToRad(normalizeAngle(categoryIndexMap_1[v] * period_1, opts.direction)); },
+                tickValues: tickValues_2,
+                tickLabels: tickValues_2.map(tickFormat_2),
+            };
+        }
+        var customTickValues = Array.isArray(opts.tickValues) ? opts.tickValues : undefined;
+        var tickFormat = function (domainValue, index) {
+            if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !(0, chart_utilities_1.isInvalidValue)(opts.tickText[index])) {
+                return opts.tickText[index];
+            }
+            if (typeof opts.tickFormat === 'string') {
+                return (0, d3_format_1.format)(opts.tickFormat)(domainValue);
+            }
+            return (0, exports.formatAngle)(domainValue, opts.unit);
+        };
+        if (opts.tickStep) {
+            customTickValues = (_a = (0, utilities_1.generateNumericTicks)(scaleType, opts.tickStep, opts.tick0, [
+                0,
+                (opts.unit === 'radians' ? 2 * Math.PI : 360) - exports.EPSILON,
+            ])) === null || _a === void 0 ? void 0 : _a.map(function (v) { return (opts.unit === 'radians' ? radToDeg(v) : v); });
+        }
+        var tickValues = customTickValues !== null && customTickValues !== void 0 ? customTickValues : (0, d3_array_1.range)(0, 360, 360 / ((_b = opts.tickCount) !== null && _b !== void 0 ? _b : 8));
+        return {
+            scale: function (v) { return degToRad(normalizeAngle(v, opts.direction)); },
+            tickValues: tickValues,
+            tickLabels: tickValues.map(tickFormat),
+        };
+    };
+    exports.createAngularScale = createAngularScale;
+    var formatAngle = function (value, unit) {
+        return typeof value === 'string'
+            ? value
+            : unit === 'radians'
+                ? "".concat((0, react_1.precisionRound)(value / 180, 6), "\u03C0")
+                : "".concat((0, react_1.precisionRound)(value, 6), "\u00B0");
+    };
+    exports.formatAngle = formatAngle;
+});
+//# sourceMappingURL=PolarChart.utils.js.map

package/lib-amd/components/PolarChart/PolarChart.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PolarChart.utils.js","sourceRoot":"../src/","sources":["components/PolarChart/PolarChart.utils.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  scaleBand as d3ScaleBand,\n  scaleLinear as d3ScaleLinear,\n  scaleLog as d3ScaleLog,\n  scaleTime as d3ScaleTime,\n  scaleUtc as d3ScaleUtc,\n  NumberValue,\n  ScaleBand,\n  ScaleContinuousNumeric,\n  ScaleTime,\n} from 'd3-scale';\nimport { extent as d3Extent, range as d3Range } from 'd3-array';\nimport { format as d3Format } from 'd3-format';\nimport { AxisScaleType } from '../../types/IDataPoint';\nimport {\n  generateDateTicks,\n  generateNumericTicks,\n  getDateFormatLevel,\n  isValidDomainValue,\n} from '../../utilities/utilities';\nimport {\n  isInvalidValue,\n  formatToLocaleString,\n  getMultiLevelDateTimeFormatOptions,\n  formatDateToLocaleString,\n} from '@fluentui/chart-utilities';\nimport { timeFormat as d3TimeFormat, utcFormat as d3UtcFormat } from 'd3-time-format';\nimport { IPolarChartProps } from './PolarChart.types';\nimport { precisionRound } from '@fluentui/react';\n\nexport const EPSILON = 1e-6;\n\nexport const createRadialScale = (\n  scaleType: string,\n  domain: (string | number | Date)[],\n  range: number[],\n  opts: {\n    useUTC?: boolean;\n    tickCount?: number;\n    tickValues?: (string | number | Date)[];\n    tickText?: string[];\n    tickFormat?: string;\n    culture?: string;\n    tickStep?: number | string;\n    tick0?: number | Date;\n    dateLocalizeOptions?: Intl.DateTimeFormatOptions;\n  } = {},\n): {\n  scale: ScaleBand<string> | ScaleContinuousNumeric<number, number, undefined> | ScaleTime<number, number>;\n  tickValues: (string | number | Date)[];\n  tickLabels: string[];\n} => {\n  if (scaleType === 'category') {\n    const scale = d3ScaleBand()\n      .domain(domain as string[])\n      .range(range)\n      .paddingInner(1);\n    const tickValues = Array.isArray(opts.tickValues) ? (opts.tickValues as string[]) : (domain as string[]);\n    const tickFormat = (domainValue: string, index: number) => {\n      if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !isInvalidValue(opts.tickText[index])) {\n        return opts.tickText[index];\n      }\n      return domainValue;\n    };\n    return { scale, tickValues, tickLabels: tickValues.map(tickFormat) };\n  }\n\n  let scale: ScaleContinuousNumeric<number, number, undefined> | ScaleTime<number, number>;\n  if (scaleType === 'date') {\n    scale = opts.useUTC ? d3ScaleUtc() : d3ScaleTime();\n  } else {\n    scale = scaleType === 'log' ? d3ScaleLog() : d3ScaleLinear();\n  }\n\n  scale.domain(domain as (number | Date)[]);\n  scale.range(range);\n  scale.nice();\n\n  const tickCount = opts.tickCount ?? 4;\n  let tickFormat;\n  let customTickValues = Array.isArray(opts.tickValues) ? (opts.tickValues as (number | Date)[]) : undefined;\n  if (scaleType === 'date') {\n    let lowestFormatLevel = 100;\n    let highestFormatLevel = -1;\n\n    (scale as ScaleTime<number, number>).ticks().forEach((domainValue: Date) => {\n      const formatLevel = getDateFormatLevel(domainValue, opts.useUTC);\n      if (formatLevel > highestFormatLevel) {\n        highestFormatLevel = formatLevel;\n      }\n      if (formatLevel < lowestFormatLevel) {\n        lowestFormatLevel = formatLevel;\n      }\n    });\n    const formatOptions =\n      opts.dateLocalizeOptions ?? getMultiLevelDateTimeFormatOptions(lowestFormatLevel, highestFormatLevel);\n    tickFormat = (domainValue: Date, index: number) => {\n      if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !isInvalidValue(opts.tickText[index])) {\n        return opts.tickText[index];\n      }\n      if (isInvalidValue(opts.culture) && typeof opts.tickFormat === 'string') {\n        if (opts.useUTC) {\n          return d3UtcFormat(opts.tickFormat)(domainValue);\n        } else {\n          return d3TimeFormat(opts.tickFormat)(domainValue);\n        }\n      }\n      return formatDateToLocaleString(domainValue, opts.culture, opts.useUTC, false, formatOptions);\n    };\n    if (opts.tickStep) {\n      customTickValues = generateDateTicks(opts.tickStep, opts.tick0, scale.domain() as Date[], opts.useUTC);\n    }\n  } else {\n    const defaultTickFormat = (scale as ScaleContinuousNumeric<number, number>).tickFormat(tickCount);\n    tickFormat = (domainValue: NumberValue, index: number) => {\n      if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !isInvalidValue(opts.tickText[index])) {\n        return opts.tickText[index];\n      }\n      if (typeof opts.tickFormat === 'string') {\n        return d3Format(opts.tickFormat)(domainValue);\n      }\n      const value = typeof domainValue === 'number' ? domainValue : domainValue.valueOf();\n      return defaultTickFormat(value) === '' ? '' : (formatToLocaleString(value, opts.culture) as string);\n    };\n    if (opts.tickStep) {\n      customTickValues = generateNumericTicks(\n        scaleType as AxisScaleType,\n        opts.tickStep,\n        opts.tick0,\n        scale.domain() as number[],\n      );\n    }\n  }\n  const tickValues = customTickValues ?? scale.ticks(tickCount);\n\n  return { scale, tickValues, tickLabels: tickValues.map(tickFormat) };\n};\n\nexport const getScaleType = (\n  values: (string | number | Date)[],\n  opts: {\n    scaleType?: AxisScaleType;\n    supportsLog?: boolean;\n  } = {},\n): string => {\n  let scaleType = 'category';\n  if (typeof values[0] === 'number') {\n    if (opts.supportsLog && opts.scaleType === 'log') {\n      scaleType = 'log';\n    } else {\n      scaleType = 'linear';\n    }\n  } else if (values[0] instanceof Date) {\n    scaleType = 'date';\n  }\n  return scaleType;\n};\n\nexport const getContinuousScaleDomain = (\n  scaleType: string,\n  values: (number | Date)[],\n  opts: {\n    rangeStart?: number | Date;\n    rangeEnd?: number | Date;\n  } = {},\n): (number | Date)[] => {\n  let [min, max] = d3Extent(values.filter(v => isValidDomainValue(v, scaleType as AxisScaleType)) as (number | Date)[]);\n  if (scaleType === 'linear') {\n    [min, max] = d3Extent([min, max, 0] as number[]);\n  }\n  if (!isInvalidValue(opts.rangeStart)) {\n    min = opts.rangeStart;\n  }\n  if (!isInvalidValue(opts.rangeEnd)) {\n    max = opts.rangeEnd;\n  }\n\n  if (isInvalidValue(min) || isInvalidValue(max)) {\n    return [];\n  }\n  return [min!, max!];\n};\n\nconst degToRad = (deg: number) => (deg * Math.PI) / 180;\n\nconst radToDeg = (rad: number) => (rad * 180) / Math.PI;\n\nconst normalizeAngle = (deg: number, direction: IPolarChartProps['direction']) =>\n  (((direction === 'clockwise' ? deg : 450 - deg) % 360) + 360) % 360;\n\nexport const createAngularScale = (\n  scaleType: string,\n  domain: (string | number | Date)[],\n  opts: {\n    tickCount?: number;\n    tickValues?: (string | number | Date)[];\n    tickText?: string[];\n    tickFormat?: string;\n    culture?: string;\n    tickStep?: number | string;\n    tick0?: number | Date;\n    direction?: IPolarChartProps['direction'];\n    unit?: NonNullable<IPolarChartProps['angularAxis']>['unit'];\n  } = {},\n): { scale: (v: string | number) => number; tickValues: (string | number)[]; tickLabels: string[] } => {\n  if (scaleType === 'category') {\n    const categoryIndexMap: Record<string, number> = {};\n    (domain as string[]).forEach((d, i) => {\n      categoryIndexMap[d] = i;\n    });\n    const period = 360 / domain.length;\n    const tickValues = Array.isArray(opts.tickValues) ? (opts.tickValues as string[]) : (domain as string[]);\n    const tickFormat = (domainValue: string, index: number) => {\n      if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !isInvalidValue(opts.tickText[index])) {\n        return opts.tickText[index];\n      }\n      return domainValue;\n    };\n    return {\n      scale: (v: string) => degToRad(normalizeAngle(categoryIndexMap[v] * period, opts.direction)),\n      tickValues,\n      tickLabels: tickValues.map(tickFormat),\n    };\n  }\n\n  let customTickValues = Array.isArray(opts.tickValues) ? (opts.tickValues as number[]) : undefined;\n  const tickFormat = (domainValue: number, index: number) => {\n    if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !isInvalidValue(opts.tickText[index])) {\n      return opts.tickText[index];\n    }\n    if (typeof opts.tickFormat === 'string') {\n      return d3Format(opts.tickFormat)(domainValue);\n    }\n    return formatAngle(domainValue, opts.unit);\n  };\n  if (opts.tickStep) {\n    customTickValues = generateNumericTicks(scaleType as AxisScaleType, opts.tickStep, opts.tick0, [\n      0,\n      (opts.unit === 'radians' ? 2 * Math.PI : 360) - EPSILON,\n    ])?.map(v => (opts.unit === 'radians' ? radToDeg(v) : v));\n  }\n  const tickValues = customTickValues ?? d3Range(0, 360, 360 / (opts.tickCount ?? 8));\n\n  return {\n    scale: (v: number) => degToRad(normalizeAngle(v, opts.direction)),\n    tickValues,\n    tickLabels: tickValues.map(tickFormat),\n  };\n};\n\nexport const formatAngle = (\n  value: string | number,\n  unit: NonNullable<IPolarChartProps['angularAxis']>['unit'],\n): string =>\n  typeof value === 'string'\n    ? value\n    : unit === 'radians'\n    ? `${precisionRound(value / 180, 6)}π`\n    : `${precisionRound(value, 6)}°`;\n"]}

package/lib-amd/components/PolarChart/index.d.ts

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

package/lib-amd/components/PolarChart/index.js

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

package/lib-amd/components/PolarChart/index.js.map

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

package/lib-amd/components/SankeyChart/SankeyChart.base.js

@@ -1,4 +1,4 @@
-define(["require", "exports", "tslib", "@fluentui/react-focus", "@fluentui/react/lib/Callout", "@fluentui/react/lib/Utilities", "d3-array", "d3-sankey", "d3-selection", "d3-shape", "react", "../../utilities/ChartHoverCard/ChartHoverCard", "../../utilities/image-export-utils"], function (require, exports, tslib_1, react_focus_1, Callout_1, Utilities_1, d3_array_1, d3_sankey_1, d3_selection_1, d3_shape_1, React, ChartHoverCard_1, image_export_utils_1) {
+define(["require", "exports", "tslib", "@fluentui/react-focus", "@fluentui/react/lib/Callout", "@fluentui/react/lib/Utilities", "d3-array", "d3-sankey", "d3-selection", "d3-shape", "react", "../../utilities/ChartHoverCard/ChartHoverCard", "../../utilities/index", "../../utilities/image-export-utils"], function (require, exports, tslib_1, react_focus_1, Callout_1, Utilities_1, d3_array_1, d3_sankey_1, d3_selection_1, d3_shape_1, React, ChartHoverCard_1, index_1, image_export_utils_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.SankeyChartBase = void 0;
@@ -399,6 +399,7 @@ define(["require", "exports", "tslib", "@fluentui/react-focus", "@fluentui/react
     var SankeyChartBase = /** @class */ (function (_super) {
         tslib_1.__extends(SankeyChartBase, _super);
         function SankeyChartBase(props) {
+            var _a, _b, _c;
             var _this = _super.call(this, props) || this;
             _this._isRtl = (0, Utilities_1.getRTL)();
             _this._numColumns = 0;
@@ -466,7 +467,11 @@ define(["require", "exports", "tslib", "@fluentui/react-focus", "@fluentui/react
             _this._chartId = (0, Utilities_1.getId)('sankeyChart');
             _this._emptyChartId = (0, Utilities_1.getId)('_SankeyChart_empty');
             _this._labelTooltipId = (0, Utilities_1.getId)('tooltip');
-            _this._margins = { top: 36, right: 48, bottom: 32, left: 48 };
+            var titleHeight = ((_a = props.data) === null || _a === void 0 ? void 0 : _a.chartTitle)
+                ? Math.max((typeof ((_c = (_b = props.titleStyles) === null || _b === void 0 ? void 0 : _b.titleFont) === null || _c === void 0 ? void 0 : _c.size) === 'number' ? props.titleStyles.titleFont.size : 13) +
+                    index_1.CHART_TITLE_PADDING, 36)
+                : 36;
+            _this._margins = { top: titleHeight, right: 48, bottom: 32, left: 48 };
             // We memo-ize creation so that we only create a new object when any of the fields change.
             _this._computeClassNamesProps = (0, Utilities_1.memoizeFunction)(function (theme, pathColor, className, containerWidth, containerHeight, enableReflow) { return ({
                 theme: theme,
@@ -598,6 +603,7 @@ define(["require", "exports", "tslib", "@fluentui/react-focus", "@fluentui/react
                     }, onMouseLeave: this._onCloseCallout },
                     React.createElement(react_focus_1.FocusZone, { direction: react_focus_1.FocusZoneDirection.vertical, className: classNames_1.chartWrapper },
                         React.createElement("svg", { width: width, height: height, id: this._chartId, className: classNames_1.chart },
+                            !this.props.hideLegend && this.props.data.chartTitle && (React.createElement(index_1.ChartTitle, { title: this.props.data.chartTitle, x: width / 2, maxWidth: width - 20, className: classNames_1.chartTitle, titleStyles: this.props.titleStyles, tooltipClassName: classNames_1.svgTooltip })),
                             nodeLinkDomOrderArray_1.map(function (item) {
                                 if (item.type === 'node') {
                                     return (React.createElement("g", { key: nodes_1[item.index].nodeId, className: classNames_1.nodes }, nodeData_1[item.index]));
@@ -831,7 +837,7 @@ define(["require", "exports", "tslib", "@fluentui/react-focus", "@fluentui/react
             var state = this.state;
             if (state.selectedState && state.selectedLinks.has(singleLink.index)) {
                 var selectedNode = state.selectedNode;
-                return selectedNode ? selectedNode.color : gradientUrl;
+                return singleLink ? singleLink.color : selectedNode ? selectedNode.color : gradientUrl;
             }
         };
         SankeyChartBase.prototype._fillStreamBorder = function (singleLink, gradientUrl) {
@@ -892,7 +898,7 @@ define(["require", "exports", "tslib", "@fluentui/react-focus", "@fluentui/react
                 //Fixing tooltip position by attaching it to the element rather than page
                 div.style('opacity', 0.9).style('color', this.props.theme.palette.neutralPrimary);
                 div
-                    .html(text)
+                    .text(text)
                     .style('left', evt.pageX + 'px')
                     .style('top', evt.pageY - 28 + 'px');
             }