@fluentui/react-charting 5.25.4 → 5.25.6

package/lib-commonjs/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-commonjs/components/PolarChart/PolarChart.types.js

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

package/lib-commonjs/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-commonjs/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-commonjs/components/PolarChart/PolarChart.utils.js

@@ -0,0 +1,188 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatAngle = exports.createAngularScale = exports.getContinuousScaleDomain = exports.getScaleType = exports.createRadialScale = exports.EPSILON = void 0;
+var d3_scale_1 = require("d3-scale");
+var d3_array_1 = require("d3-array");
+var d3_format_1 = require("d3-format");
+var utilities_1 = require("../../utilities/utilities");
+var chart_utilities_1 = require("@fluentui/chart-utilities");
+var d3_time_format_1 = require("d3-time-format");
+var react_1 = require("@fluentui/react");
+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-commonjs/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-commonjs/components/PolarChart/index.d.ts

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

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

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

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

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

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

@@ -14,6 +14,7 @@ var d3_selection_1 = require("d3-selection");
 var d3_shape_1 = require("d3-shape");
 var React = require("react");
 var ChartHoverCard_1 = require("../../utilities/ChartHoverCard/ChartHoverCard");
+var index_1 = require("../../utilities/index");
 var image_export_utils_1 = require("../../utilities/image-export-utils");
 var getClassNames = (0, Utilities_1.classNamesFunction)();
 var PADDING_PERCENTAGE = 0.3;
@@ -409,6 +410,7 @@ function nodeTextColor(state, singleNode) {
 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;
@@ -476,7 +478,11 @@ var SankeyChartBase = /** @class */ (function (_super) {
         _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,
@@ -608,6 +614,7 @@ var SankeyChartBase = /** @class */ (function (_super) {
                 }, 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]));
@@ -841,7 +848,7 @@ var SankeyChartBase = /** @class */ (function (_super) {
         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) {
@@ -902,7 +909,7 @@ var SankeyChartBase = /** @class */ (function (_super) {
             //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');
         }