@fluentui/react-charting 5.16.33 → 5.16.35

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/LineChart/index.ts"],"names":[],"mappings":";;;AAAA,sDAA4B;AAC5B,4DAAkC;AAClC,oEAA0C","sourcesContent":["export * from './LineChart';\nexport * from './LineChart.types';\nexport * from './eventAnnotation/Textbox';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/LineChart/index.ts"],"names":[],"mappings":";;;AAAA,2DAA4B;AAC5B,iEAAkC;AAClC,yEAA0C","sourcesContent":["export * from './LineChart';\nexport * from './LineChart.types';\nexport * from './eventAnnotation/Textbox';\n"]}

package/lib-commonjs/components/PieChart/Arc/Arc.js

@@ -8,7 +8,7 @@ var Utilities_1 = require("@fluentui/react/lib/Utilities");
 var Arc_styles_1 = require("./Arc.styles");
 var utilities_1 = require("../../../utilities/utilities");
 var Arc = /** @class */ (function (_super) {
-    tslib_1.__extends(Arc, _super);
+    (0, tslib_1.__extends)(Arc, _super);
     function Arc() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = {};
@@ -24,7 +24,7 @@ var Arc = /** @class */ (function (_super) {
     Arc.prototype.render = function () {
         var _a;
         var _b = this.props, color = _b.color, arc = _b.arc;
-        var getClassNames = Utilities_1.classNamesFunction();
+        var getClassNames = (0, Utilities_1.classNamesFunction)();
         var classNames = getClassNames(Arc_styles_1.getStyles, { color: color });
         return React.createElement("path", { d: arc(this.props.data), className: classNames.root, onClick: (_a = this.props.data) === null || _a === void 0 ? void 0 : _a.data.onClick });
     };
@@ -35,20 +35,20 @@ var Arc = /** @class */ (function (_super) {
 }(React.Component));
 exports.Arc = Arc;
 var LabeledArc = /** @class */ (function (_super) {
-    tslib_1.__extends(LabeledArc, _super);
+    (0, tslib_1.__extends)(LabeledArc, _super);
     function LabeledArc() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     LabeledArc.prototype.render = function () {
         var _a = this.props, data = _a.data, arc = _a.arc, culture = _a.culture;
         var _b = arc.centroid(data), labelX = _b[0], labelY = _b[1];
-        var labelTranslate = "translate(" + labelX + ", " + labelY + ")";
+        var labelTranslate = "translate(".concat(labelX, ", ").concat(labelY, ")");
         return (React.createElement("g", { className: "arc" },
             _super.prototype.render.call(this),
             React.createElement("text", { transform: labelTranslate, textAnchor: "middle" },
                 data.data.x,
                 "-",
-                utilities_1.convertToLocaleString(data.data.y, culture))));
+                (0, utilities_1.convertToLocaleString)(data.data.y, culture))));
     };
     return LabeledArc;
 }(Arc));

package/lib-commonjs/components/PieChart/Arc/Arc.js.map

@@ -1 +1 @@
-{"version":3,"file":"Arc.js","sourceRoot":"../src/","sources":["components/PieChart/Arc/Arc.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAC/B,gCAAkC;AAElC,2DAAmE;AACnE,2CAAyC;AACzC,0DAAqE;AAErE;IAAyB,+BAA8B;IAAvD;QAAA,qEAsBC;QAjBQ,WAAK,GAAO,EAAE,CAAC;QAOf,iBAAW,GAAG,UAAC,QAAmB;YACvC,YAAY,CAAC,QAAQ,CAAC,CAAC;QACzB,CAAC,CAAC;;IAQJ,CAAC;IAfe,4BAAwB,GAAtC,UAAuC,SAA8B;QACnE,YAAY,CAAC,SAAS,CAAC,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAMM,oBAAM,GAAb;;QACQ,IAAA,KAAiB,IAAI,CAAC,KAAK,EAAzB,KAAK,WAAA,EAAE,GAAG,SAAe,CAAC;QAClC,IAAM,aAAa,GAAG,8BAAkB,EAAyB,CAAC;QAClE,IAAM,UAAU,GAAG,aAAa,CAAC,sBAAS,EAAE,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;QACvD,OAAO,8BAAM,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,IAAI,CAAC,OAAO,GAAI,CAAC;IAC/G,CAAC;IApBa,gBAAY,GAAuB;QAC/C,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE;KACjB,CAAC;IAmBJ,UAAC;CAAA,AAtBD,CAAyB,KAAK,CAAC,SAAS,GAsBvC;AAtBY,kBAAG;AAwBhB;IAAgC,sCAAG;IAAnC;;IAeA,CAAC;IAdQ,2BAAM,GAAb;QACQ,IAAA,KAAyB,IAAI,CAAC,KAAK,EAAjC,IAAI,UAAA,EAAE,GAAG,SAAA,EAAE,OAAO,aAAe,CAAC;QACpC,IAAA,KAAmB,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,EAApC,MAAM,QAAA,EAAE,MAAM,QAAsB,CAAC;QAC5C,IAAM,cAAc,GAAG,eAAa,MAAM,UAAK,MAAM,MAAG,CAAC;QAEzD,OAAO,CACL,2BAAG,SAAS,EAAC,KAAK;YACf,iBAAM,MAAM,WAAE;YACf,8BAAM,SAAS,EAAE,cAAc,EAAE,UAAU,EAAC,QAAQ;gBACjD,IAAK,CAAC,IAAK,CAAC,CAAC;;gBAAG,iCAAqB,CAAC,IAAK,CAAC,IAAK,CAAC,CAAC,EAAE,OAAO,CAAC,CACzD,CACL,CACL,CAAC;IACJ,CAAC;IACH,iBAAC;AAAD,CAAC,AAfD,CAAgC,GAAG,GAelC;AAfY,gCAAU;AAiBvB,SAAS,YAAY,CAAC,QAAmB;IACvC,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC/C,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;AACjD,CAAC","sourcesContent":["import * as React from 'react';\nimport * as shape from 'd3-shape';\nimport { IArcProps, IArcStyles } from './Arc.types';\nimport { classNamesFunction } from '@fluentui/react/lib/Utilities';\nimport { getStyles } from './Arc.styles';\nimport { convertToLocaleString } from '../../../utilities/utilities';\n\nexport class Arc extends React.Component<IArcProps, {}> {\n  public static defaultProps: Partial<IArcProps> = {\n    arc: shape.arc(),\n  };\n\n  public state: {} = {};\n\n  public static getDerivedStateFromProps(nextProps: Readonly<IArcProps>): null {\n    _updateChart(nextProps);\n    return null;\n  }\n\n  public updateChart = (newProps: IArcProps) => {\n    _updateChart(newProps);\n  };\n\n  public render(): JSX.Element {\n    const { color, arc } = this.props;\n    const getClassNames = classNamesFunction<IArcProps, IArcStyles>();\n    const classNames = getClassNames(getStyles, { color });\n    return <path d={arc(this.props.data)} className={classNames.root} onClick={this.props.data?.data.onClick} />;\n  }\n}\n\nexport class LabeledArc extends Arc {\n  public render(): JSX.Element {\n    const { data, arc, culture } = this.props;\n    const [labelX, labelY] = arc.centroid(data);\n    const labelTranslate = `translate(${labelX}, ${labelY})`;\n\n    return (\n      <g className=\"arc\">\n        {super.render()}\n        <text transform={labelTranslate} textAnchor=\"middle\">\n          {data!.data!.x}-{convertToLocaleString(data!.data!.y, culture)}\n        </text>\n      </g>\n    );\n  }\n}\n\nfunction _updateChart(newProps: IArcProps): void {\n  newProps.arc.innerRadius(newProps.innerRadius);\n  newProps.arc.outerRadius(newProps.outerRadius);\n}\n"]}
+{"version":3,"file":"Arc.js","sourceRoot":"../src/","sources":["components/PieChart/Arc/Arc.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAC/B,gCAAkC;AAElC,2DAAmE;AACnE,2CAAyC;AACzC,0DAAqE;AAErE;IAAyB,oCAA8B;IAAvD;QAAA,qEAsBC;QAjBQ,WAAK,GAAO,EAAE,CAAC;QAOf,iBAAW,GAAG,UAAC,QAAmB;YACvC,YAAY,CAAC,QAAQ,CAAC,CAAC;QACzB,CAAC,CAAC;;IAQJ,CAAC;IAfe,4BAAwB,GAAtC,UAAuC,SAA8B;QACnE,YAAY,CAAC,SAAS,CAAC,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAMM,oBAAM,GAAb;;QACQ,IAAA,KAAiB,IAAI,CAAC,KAAK,EAAzB,KAAK,WAAA,EAAE,GAAG,SAAe,CAAC;QAClC,IAAM,aAAa,GAAG,IAAA,8BAAkB,GAAyB,CAAC;QAClE,IAAM,UAAU,GAAG,aAAa,CAAC,sBAAS,EAAE,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;QACvD,OAAO,8BAAM,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,IAAI,CAAC,OAAO,GAAI,CAAC;IAC/G,CAAC;IApBa,gBAAY,GAAuB;QAC/C,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE;KACjB,CAAC;IAmBJ,UAAC;CAAA,AAtBD,CAAyB,KAAK,CAAC,SAAS,GAsBvC;AAtBY,kBAAG;AAwBhB;IAAgC,2CAAG;IAAnC;;IAeA,CAAC;IAdQ,2BAAM,GAAb;QACQ,IAAA,KAAyB,IAAI,CAAC,KAAK,EAAjC,IAAI,UAAA,EAAE,GAAG,SAAA,EAAE,OAAO,aAAe,CAAC;QACpC,IAAA,KAAmB,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,EAApC,MAAM,QAAA,EAAE,MAAM,QAAsB,CAAC;QAC5C,IAAM,cAAc,GAAG,oBAAa,MAAM,eAAK,MAAM,MAAG,CAAC;QAEzD,OAAO,CACL,2BAAG,SAAS,EAAC,KAAK;YACf,iBAAM,MAAM,WAAE;YACf,8BAAM,SAAS,EAAE,cAAc,EAAE,UAAU,EAAC,QAAQ;gBACjD,IAAK,CAAC,IAAK,CAAC,CAAC;;gBAAG,IAAA,iCAAqB,EAAC,IAAK,CAAC,IAAK,CAAC,CAAC,EAAE,OAAO,CAAC,CACzD,CACL,CACL,CAAC;IACJ,CAAC;IACH,iBAAC;AAAD,CAAC,AAfD,CAAgC,GAAG,GAelC;AAfY,gCAAU;AAiBvB,SAAS,YAAY,CAAC,QAAmB;IACvC,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC/C,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;AACjD,CAAC","sourcesContent":["import * as React from 'react';\nimport * as shape from 'd3-shape';\nimport { IArcProps, IArcStyles } from './Arc.types';\nimport { classNamesFunction } from '@fluentui/react/lib/Utilities';\nimport { getStyles } from './Arc.styles';\nimport { convertToLocaleString } from '../../../utilities/utilities';\n\nexport class Arc extends React.Component<IArcProps, {}> {\n  public static defaultProps: Partial<IArcProps> = {\n    arc: shape.arc(),\n  };\n\n  public state: {} = {};\n\n  public static getDerivedStateFromProps(nextProps: Readonly<IArcProps>): null {\n    _updateChart(nextProps);\n    return null;\n  }\n\n  public updateChart = (newProps: IArcProps) => {\n    _updateChart(newProps);\n  };\n\n  public render(): JSX.Element {\n    const { color, arc } = this.props;\n    const getClassNames = classNamesFunction<IArcProps, IArcStyles>();\n    const classNames = getClassNames(getStyles, { color });\n    return <path d={arc(this.props.data)} className={classNames.root} onClick={this.props.data?.data.onClick} />;\n  }\n}\n\nexport class LabeledArc extends Arc {\n  public render(): JSX.Element {\n    const { data, arc, culture } = this.props;\n    const [labelX, labelY] = arc.centroid(data);\n    const labelTranslate = `translate(${labelX}, ${labelY})`;\n\n    return (\n      <g className=\"arc\">\n        {super.render()}\n        <text transform={labelTranslate} textAnchor=\"middle\">\n          {data!.data!.x}-{convertToLocaleString(data!.data!.y, culture)}\n        </text>\n      </g>\n    );\n  }\n}\n\nfunction _updateChart(newProps: IArcProps): void {\n  newProps.arc.innerRadius(newProps.innerRadius);\n  newProps.arc.outerRadius(newProps.outerRadius);\n}\n"]}

package/lib-commonjs/components/PieChart/Arc/index.js

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

package/lib-commonjs/components/PieChart/Arc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/PieChart/Arc/index.ts"],"names":[],"mappings":";;;AAAA,gDAAsB;AACtB,sDAA4B","sourcesContent":["export * from './Arc';\nexport * from './Arc.types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/PieChart/Arc/index.ts"],"names":[],"mappings":";;;AAAA,qDAAsB;AACtB,2DAA4B","sourcesContent":["export * from './Arc';\nexport * from './Arc.types';\n"]}

package/lib-commonjs/components/PieChart/Pie/Pie.js

@@ -7,11 +7,11 @@ var shape = require("d3-shape");
 var scale = require("d3-scale");
 var Arc_1 = require("../Arc/Arc");
 var Pie = /** @class */ (function (_super) {
-    tslib_1.__extends(Pie, _super);
+    (0, tslib_1.__extends)(Pie, _super);
     function Pie(props) {
         var _this = _super.call(this, props) || this;
         _this.arcGenerator = function (d, i) {
-            return (React.createElement(Arc_1.LabeledArc, { culture: _this.props.culture, key: i, data: d, innerRadius: _this.props.innerRadius, outerRadius: _this.props.outerRadius, color: "" + _this.colors(i) }));
+            return (React.createElement(Arc_1.LabeledArc, { culture: _this.props.culture, key: i, data: d, innerRadius: _this.props.innerRadius, outerRadius: _this.props.outerRadius, color: "".concat(_this.colors(i)) }));
         };
         return _this;
     }
@@ -21,7 +21,7 @@ var Pie = /** @class */ (function (_super) {
         var _a = this.props, pie = _a.pie, colors = _a.colors, data = _a.data, width = _a.width, height = _a.height, chartTitle = _a.chartTitle;
         this.colors = scale.scaleOrdinal().range(colors);
         var piechart = pie(data);
-        var translate = "translate(" + width / 2 + ", " + height / 2 + ")";
+        var translate = "translate(".concat(width / 2, ", ").concat(height / 2, ")");
         return (React.createElement("svg", { width: width, height: height, "aria-label": chartTitle },
             React.createElement("g", { transform: translate }, piechart.map(function (d, i) { return _this.arcGenerator(d, i); }))));
     };

package/lib-commonjs/components/PieChart/Pie/Pie.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pie.js","sourceRoot":"../src/","sources":["components/PieChart/Pie/Pie.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAC/B,gCAAkC;AAClC,gCAAkC;AAElC,kCAAwC;AAGxC;IAAyB,+BAA8B;IAUrD,aAAY,KAAgB;QAA5B,YACE,kBAAM,KAAK,CAAC,SACb;QAEM,kBAAY,GAAG,UAAC,CAAW,EAAE,CAAS;YAC3C,OAAO,CACL,oBAAC,gBAAU,IACT,OAAO,EAAE,KAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,WAAW,EAAE,KAAI,CAAC,KAAK,CAAC,WAAW,EACnC,WAAW,EAAE,KAAI,CAAC,KAAK,CAAC,WAAW,EACnC,KAAK,EAAE,KAAG,KAAI,CAAC,MAAM,CAAC,CAAC,CAAG,GAC1B,CACH,CAAC;QACJ,CAAC,CAAC;;IAbF,CAAC;IAeM,oBAAM,GAAb;QAAA,iBAcC;QAbC,qEAAqE;QAC/D,IAAA,KAAmD,IAAI,CAAC,KAAK,EAA3D,GAAG,SAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,UAAU,gBAAe,CAAC;QAEpE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,MAAO,CAAC,CAAC;QAElD,IAAM,QAAQ,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC;QAC3B,IAAM,SAAS,GAAG,eAAa,KAAK,GAAG,CAAC,UAAK,MAAM,GAAG,CAAC,MAAG,CAAC;QAE3D,OAAO,CACL,6BAAK,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAc,UAAU;YACvD,2BAAG,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAC,GAAG,CAAC,UAAC,CAAW,EAAE,CAAS,IAAK,OAAA,KAAI,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,EAAvB,CAAuB,CAAC,CAAK,CAC5F,CACP,CAAC;IACJ,CAAC;IAxCa,gBAAY,GAAuB;QAC/C,GAAG,EAAE,KAAK;aACP,GAAG,EAAE;aACL,IAAI,CAAC,IAAI,CAAC;YACX,uDAAuD;aACtD,KAAK,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,CAAC,EAAH,CAAG,CAAC;KAC1B,CAAC;IAmCJ,UAAC;CAAA,AA1CD,CAAyB,KAAK,CAAC,SAAS,GA0CvC;AA1CY,kBAAG","sourcesContent":["import * as React from 'react';\nimport * as shape from 'd3-shape';\nimport * as scale from 'd3-scale';\nimport { IPieProps } from './Pie.types';\nimport { LabeledArc } from '../Arc/Arc';\nimport { IArcData } from '../Arc/Arc.types';\n\nexport class Pie extends React.Component<IPieProps, {}> {\n  public static defaultProps: Partial<IPieProps> = {\n    pie: shape\n      .pie()\n      .sort(null)\n      /* eslint-disable @typescript-eslint/no-explicit-any */\n      .value((d: any) => d.y),\n  };\n  private colors: scale.ScaleOrdinal<string | number, any>;\n\n  constructor(props: IPieProps) {\n    super(props);\n  }\n\n  public arcGenerator = (d: IArcData, i: number): JSX.Element => {\n    return (\n      <LabeledArc\n        culture={this.props.culture}\n        key={i}\n        data={d}\n        innerRadius={this.props.innerRadius}\n        outerRadius={this.props.outerRadius}\n        color={`${this.colors(i)}`}\n      />\n    );\n  };\n\n  public render(): JSX.Element {\n    // const getClassNames = classNamesFunction<IPieProps, IPieStyles>();\n    const { pie, colors, data, width, height, chartTitle } = this.props;\n\n    this.colors = scale.scaleOrdinal().range(colors!);\n\n    const piechart = pie(data);\n    const translate = `translate(${width / 2}, ${height / 2})`;\n\n    return (\n      <svg width={width} height={height} aria-label={chartTitle}>\n        <g transform={translate}>{piechart.map((d: IArcData, i: number) => this.arcGenerator(d, i))}</g>\n      </svg>\n    );\n  }\n}\n"]}
+{"version":3,"file":"Pie.js","sourceRoot":"../src/","sources":["components/PieChart/Pie/Pie.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAC/B,gCAAkC;AAClC,gCAAkC;AAElC,kCAAwC;AAGxC;IAAyB,oCAA8B;IAUrD,aAAY,KAAgB;QAA5B,YACE,kBAAM,KAAK,CAAC,SACb;QAEM,kBAAY,GAAG,UAAC,CAAW,EAAE,CAAS;YAC3C,OAAO,CACL,oBAAC,gBAAU,IACT,OAAO,EAAE,KAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,WAAW,EAAE,KAAI,CAAC,KAAK,CAAC,WAAW,EACnC,WAAW,EAAE,KAAI,CAAC,KAAK,CAAC,WAAW,EACnC,KAAK,EAAE,UAAG,KAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAE,GAC1B,CACH,CAAC;QACJ,CAAC,CAAC;;IAbF,CAAC;IAeM,oBAAM,GAAb;QAAA,iBAcC;QAbC,qEAAqE;QAC/D,IAAA,KAAmD,IAAI,CAAC,KAAK,EAA3D,GAAG,SAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,UAAU,gBAAe,CAAC;QAEpE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,MAAO,CAAC,CAAC;QAElD,IAAM,QAAQ,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC;QAC3B,IAAM,SAAS,GAAG,oBAAa,KAAK,GAAG,CAAC,eAAK,MAAM,GAAG,CAAC,MAAG,CAAC;QAE3D,OAAO,CACL,6BAAK,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAc,UAAU;YACvD,2BAAG,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAC,GAAG,CAAC,UAAC,CAAW,EAAE,CAAS,IAAK,OAAA,KAAI,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,EAAvB,CAAuB,CAAC,CAAK,CAC5F,CACP,CAAC;IACJ,CAAC;IAxCa,gBAAY,GAAuB;QAC/C,GAAG,EAAE,KAAK;aACP,GAAG,EAAE;aACL,IAAI,CAAC,IAAI,CAAC;YACX,uDAAuD;aACtD,KAAK,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,CAAC,EAAH,CAAG,CAAC;KAC1B,CAAC;IAmCJ,UAAC;CAAA,AA1CD,CAAyB,KAAK,CAAC,SAAS,GA0CvC;AA1CY,kBAAG","sourcesContent":["import * as React from 'react';\nimport * as shape from 'd3-shape';\nimport * as scale from 'd3-scale';\nimport { IPieProps } from './Pie.types';\nimport { LabeledArc } from '../Arc/Arc';\nimport { IArcData } from '../Arc/Arc.types';\n\nexport class Pie extends React.Component<IPieProps, {}> {\n  public static defaultProps: Partial<IPieProps> = {\n    pie: shape\n      .pie()\n      .sort(null)\n      /* eslint-disable @typescript-eslint/no-explicit-any */\n      .value((d: any) => d.y),\n  };\n  private colors: scale.ScaleOrdinal<string | number, any>;\n\n  constructor(props: IPieProps) {\n    super(props);\n  }\n\n  public arcGenerator = (d: IArcData, i: number): JSX.Element => {\n    return (\n      <LabeledArc\n        culture={this.props.culture}\n        key={i}\n        data={d}\n        innerRadius={this.props.innerRadius}\n        outerRadius={this.props.outerRadius}\n        color={`${this.colors(i)}`}\n      />\n    );\n  };\n\n  public render(): JSX.Element {\n    // const getClassNames = classNamesFunction<IPieProps, IPieStyles>();\n    const { pie, colors, data, width, height, chartTitle } = this.props;\n\n    this.colors = scale.scaleOrdinal().range(colors!);\n\n    const piechart = pie(data);\n    const translate = `translate(${width / 2}, ${height / 2})`;\n\n    return (\n      <svg width={width} height={height} aria-label={chartTitle}>\n        <g transform={translate}>{piechart.map((d: IArcData, i: number) => this.arcGenerator(d, i))}</g>\n      </svg>\n    );\n  }\n}\n"]}

package/lib-commonjs/components/PieChart/Pie/index.js

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

package/lib-commonjs/components/PieChart/Pie/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/PieChart/Pie/index.ts"],"names":[],"mappings":";;;AAAA,gDAAsB;AACtB,sDAA4B","sourcesContent":["export * from './Pie';\nexport * from './Pie.types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/PieChart/Pie/index.ts"],"names":[],"mappings":";;;AAAA,qDAAsB;AACtB,2DAA4B","sourcesContent":["export * from './Pie';\nexport * from './Pie.types';\n"]}

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

@@ -5,9 +5,9 @@ var tslib_1 = require("tslib");
 var React = require("react");
 var Utilities_1 = require("@fluentui/react/lib/Utilities");
 var Pie_1 = require("./Pie/Pie");
-var getClassNames = Utilities_1.classNamesFunction();
+var getClassNames = (0, Utilities_1.classNamesFunction)();
 var PieChartBase = /** @class */ (function (_super) {
-    tslib_1.__extends(PieChartBase, _super);
+    (0, tslib_1.__extends)(PieChartBase, _super);
     function PieChartBase() {
         return _super !== null && _super.apply(this, arguments) || this;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"PieChart.base.js","sourceRoot":"../src/","sources":["components/PieChart/PieChart.base.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAC/B,2DAAmE;AAEnE,iCAAgC;AAEhC,IAAM,aAAa,GAAG,8BAAkB,EAAwC,CAAC;AAEjF;IAAkC,wCAAmC;IAArE;;IAqCA,CAAC;IA7BQ,6BAAM,GAAb;QACQ,IAAA,KAA8C,IAAI,CAAC,KAAK,EAAtD,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,UAAU,gBAAe,CAAC;QAEzD,IAAA,KAAwC,IAAI,CAAC,KAAK,EAAhD,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAe,CAAC;QACzD,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,MAAO,EAAE;YACxC,KAAK,EAAE,KAAM;YACb,KAAK,EAAE,KAAM;YACb,MAAM,EAAE,MAAO;YACf,SAAS,WAAA;SACV,CAAC,CAAC;QACH,IAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAM,EAAE,MAAO,CAAC,GAAG,CAAC,CAAC;QAC7C,IAAM,WAAW,GAAG,MAAM,GAAG,EAAE,CAAC;QAEhC,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI;YAClC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,2BAAG,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU,IAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAK;YAChG,oBAAC,SAAG,IACF,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAM,EACb,MAAM,EAAE,MAAO,EACf,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,CAAC,EACd,IAAI,EAAE,IAAK,EACX,MAAM,EAAE,MAAO,EACf,UAAU,EAAE,UAAW,GACvB,CACE,CACP,CAAC;IACJ,CAAC;IAnCa,yBAAY,GAA4B;QACpD,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;KACZ,CAAC;IAgCJ,mBAAC;CAAA,AArCD,CAAkC,KAAK,CAAC,SAAS,GAqChD;AArCY,oCAAY","sourcesContent":["import * as React from 'react';\nimport { classNamesFunction } from '@fluentui/react/lib/Utilities';\nimport { IPieChartProps, IPieChartStyleProps, IPieChartStyles } from './PieChart.types';\nimport { Pie } from './Pie/Pie';\nimport { IProcessedStyleSet } from '@fluentui/react/lib/Styling';\nconst getClassNames = classNamesFunction<IPieChartStyleProps, IPieChartStyles>();\n\nexport class PieChartBase extends React.Component<IPieChartProps, {}> {\n  public static defaultProps: Partial<IPieChartProps> = {\n    data: [],\n    width: 600,\n    height: 350,\n  };\n  private _classNames: IProcessedStyleSet<IPieChartStyles>;\n\n  public render(): JSX.Element {\n    const { data, width, height, colors, chartTitle } = this.props;\n\n    const { theme, className, styles, culture } = this.props;\n    this._classNames = getClassNames(styles!, {\n      theme: theme!,\n      width: width!,\n      height: height!,\n      className,\n    });\n    const radius = Math.min(width!, height!) / 2;\n    const outerRadius = radius - 10;\n\n    return (\n      <div className={this._classNames.root}>\n        {this.props.chartTitle && <p className={this._classNames.chartTitle}>{this.props.chartTitle}</p>}\n        <Pie\n          culture={culture}\n          width={width!}\n          height={height!}\n          outerRadius={outerRadius}\n          innerRadius={0}\n          data={data!}\n          colors={colors!}\n          chartTitle={chartTitle!}\n        />\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"PieChart.base.js","sourceRoot":"../src/","sources":["components/PieChart/PieChart.base.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAC/B,2DAAmE;AAEnE,iCAAgC;AAEhC,IAAM,aAAa,GAAG,IAAA,8BAAkB,GAAwC,CAAC;AAEjF;IAAkC,6CAAmC;IAArE;;IAqCA,CAAC;IA7BQ,6BAAM,GAAb;QACQ,IAAA,KAA8C,IAAI,CAAC,KAAK,EAAtD,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,UAAU,gBAAe,CAAC;QAEzD,IAAA,KAAwC,IAAI,CAAC,KAAK,EAAhD,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAe,CAAC;QACzD,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,MAAO,EAAE;YACxC,KAAK,EAAE,KAAM;YACb,KAAK,EAAE,KAAM;YACb,MAAM,EAAE,MAAO;YACf,SAAS,WAAA;SACV,CAAC,CAAC;QACH,IAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAM,EAAE,MAAO,CAAC,GAAG,CAAC,CAAC;QAC7C,IAAM,WAAW,GAAG,MAAM,GAAG,EAAE,CAAC;QAEhC,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI;YAClC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,2BAAG,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU,IAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAK;YAChG,oBAAC,SAAG,IACF,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAM,EACb,MAAM,EAAE,MAAO,EACf,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,CAAC,EACd,IAAI,EAAE,IAAK,EACX,MAAM,EAAE,MAAO,EACf,UAAU,EAAE,UAAW,GACvB,CACE,CACP,CAAC;IACJ,CAAC;IAnCa,yBAAY,GAA4B;QACpD,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;KACZ,CAAC;IAgCJ,mBAAC;CAAA,AArCD,CAAkC,KAAK,CAAC,SAAS,GAqChD;AArCY,oCAAY","sourcesContent":["import * as React from 'react';\nimport { classNamesFunction } from '@fluentui/react/lib/Utilities';\nimport { IPieChartProps, IPieChartStyleProps, IPieChartStyles } from './PieChart.types';\nimport { Pie } from './Pie/Pie';\nimport { IProcessedStyleSet } from '@fluentui/react/lib/Styling';\nconst getClassNames = classNamesFunction<IPieChartStyleProps, IPieChartStyles>();\n\nexport class PieChartBase extends React.Component<IPieChartProps, {}> {\n  public static defaultProps: Partial<IPieChartProps> = {\n    data: [],\n    width: 600,\n    height: 350,\n  };\n  private _classNames: IProcessedStyleSet<IPieChartStyles>;\n\n  public render(): JSX.Element {\n    const { data, width, height, colors, chartTitle } = this.props;\n\n    const { theme, className, styles, culture } = this.props;\n    this._classNames = getClassNames(styles!, {\n      theme: theme!,\n      width: width!,\n      height: height!,\n      className,\n    });\n    const radius = Math.min(width!, height!) / 2;\n    const outerRadius = radius - 10;\n\n    return (\n      <div className={this._classNames.root}>\n        {this.props.chartTitle && <p className={this._classNames.chartTitle}>{this.props.chartTitle}</p>}\n        <Pie\n          culture={culture}\n          width={width!}\n          height={height!}\n          outerRadius={outerRadius}\n          innerRadius={0}\n          data={data!}\n          colors={colors!}\n          chartTitle={chartTitle!}\n        />\n      </div>\n    );\n  }\n}\n"]}

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

@@ -5,5 +5,5 @@ var Utilities_1 = require("@fluentui/react/lib/Utilities");
 var PieChart_base_1 = require("./PieChart.base");
 var PieChart_styles_1 = require("./PieChart.styles");
 // Create a PieChart variant which uses these default styles and this styled subcomponent.
-exports.PieChart = Utilities_1.styled(PieChart_base_1.PieChartBase, PieChart_styles_1.getStyles);
+exports.PieChart = (0, Utilities_1.styled)(PieChart_base_1.PieChartBase, PieChart_styles_1.getStyles);
 //# sourceMappingURL=PieChart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PieChart.js","sourceRoot":"../src/","sources":["components/PieChart/PieChart.tsx"],"names":[],"mappings":";;;AACA,2DAAuD;AAEvD,iDAA+C;AAC/C,qDAA8C;AAE9C,0FAA0F;AAC7E,QAAA,QAAQ,GAA4C,kBAAM,CAIrE,4BAAY,EAAE,2BAAS,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '@fluentui/react/lib/Utilities';\nimport { IPieChartProps, IPieChartStyleProps, IPieChartStyles } from './PieChart.types';\nimport { PieChartBase } from './PieChart.base';\nimport { getStyles } from './PieChart.styles';\n\n// Create a PieChart variant which uses these default styles and this styled subcomponent.\nexport const PieChart: React.FunctionComponent<IPieChartProps> = styled<\n  IPieChartProps,\n  IPieChartStyleProps,\n  IPieChartStyles\n>(PieChartBase, getStyles);\n"]}
+{"version":3,"file":"PieChart.js","sourceRoot":"../src/","sources":["components/PieChart/PieChart.tsx"],"names":[],"mappings":";;;AACA,2DAAuD;AAEvD,iDAA+C;AAC/C,qDAA8C;AAE9C,0FAA0F;AAC7E,QAAA,QAAQ,GAA4C,IAAA,kBAAM,EAIrE,4BAAY,EAAE,2BAAS,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '@fluentui/react/lib/Utilities';\nimport { IPieChartProps, IPieChartStyleProps, IPieChartStyles } from './PieChart.types';\nimport { PieChartBase } from './PieChart.base';\nimport { getStyles } from './PieChart.styles';\n\n// Create a PieChart variant which uses these default styles and this styled subcomponent.\nexport const PieChart: React.FunctionComponent<IPieChartProps> = styled<\n  IPieChartProps,\n  IPieChartStyleProps,\n  IPieChartStyles\n>(PieChartBase, getStyles);\n"]}

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

@@ -25,7 +25,7 @@ var getStyles = function (props) {
             },
         ],
         chartTitle: [
-            tslib_1.__assign({ textAlign: 'center' }, theme.fonts.mediumPlus),
+            (0, tslib_1.__assign)({ textAlign: 'center' }, theme.fonts.mediumPlus),
         ],
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"PieChart.styles.js","sourceRoot":"../src/","sources":["components/PieChart/PieChart.styles.ts"],"names":[],"mappings":";;;;AAEO,IAAM,SAAS,GAAG,UAAC,KAA0B;IAC1C,IAAA,SAAS,GAA2B,KAAK,UAAhC,EAAE,KAAK,GAAoB,KAAK,MAAzB,EAAE,KAAK,GAAa,KAAK,MAAlB,EAAE,MAAM,GAAK,KAAK,OAAV,CAAW;IAElD,IAAM,UAAU,GAAG,KAAK,GAAG,EAAE,CAAC;IAC9B,IAAM,YAAY,GAAG,EAAE,CAAC;IACxB,IAAM,WAAW,GAAG,MAAM,GAAG,EAAE,CAAC;IAEhC,OAAO;QACL,IAAI,EAAE;YACJ,KAAK,CAAC,KAAK,CAAC,MAAM;YAClB,aAAa;YACb,SAAS;YACT;gBACE,KAAK,EAAE,UAAU,GAAG,CAAC,GAAG,YAAY;aACrC;SACF;QACD,KAAK,EAAE;YACL;gBACE,OAAO,EAAE,YAAY;gBACrB,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE,WAAW;gBACnB,SAAS,EAAE,aAAa;aACzB;SACF;QACD,UAAU,EAAE;+BAER,SAAS,EAAE,QAAQ,IAChB,KAAK,CAAC,KAAK,CAAC,UAAU;SAE5B;KACF,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,SAAS,aA+BpB","sourcesContent":["import { IPieChartStyleProps, IPieChartStyles } from './PieChart.types';\n\nexport const getStyles = (props: IPieChartStyleProps): IPieChartStyles => {\n  const { className, theme, width, height } = props;\n\n  const chartWidth = width + 30;\n  const chartPadding = 20;\n  const chartHeight = height + 10;\n\n  return {\n    root: [\n      theme.fonts.medium,\n      'ms-PieChart',\n      className,\n      {\n        width: chartWidth + 2 * chartPadding,\n      },\n    ],\n    chart: [\n      {\n        padding: chartPadding,\n        width: chartWidth,\n        height: chartHeight,\n        boxSizing: 'content-box',\n      },\n    ],\n    chartTitle: [\n      {\n        textAlign: 'center',\n        ...theme.fonts.mediumPlus,\n      },\n    ],\n  };\n};\n"]}
+{"version":3,"file":"PieChart.styles.js","sourceRoot":"../src/","sources":["components/PieChart/PieChart.styles.ts"],"names":[],"mappings":";;;;AAEO,IAAM,SAAS,GAAG,UAAC,KAA0B;IAC1C,IAAA,SAAS,GAA2B,KAAK,UAAhC,EAAE,KAAK,GAAoB,KAAK,MAAzB,EAAE,KAAK,GAAa,KAAK,MAAlB,EAAE,MAAM,GAAK,KAAK,OAAV,CAAW;IAElD,IAAM,UAAU,GAAG,KAAK,GAAG,EAAE,CAAC;IAC9B,IAAM,YAAY,GAAG,EAAE,CAAC;IACxB,IAAM,WAAW,GAAG,MAAM,GAAG,EAAE,CAAC;IAEhC,OAAO;QACL,IAAI,EAAE;YACJ,KAAK,CAAC,KAAK,CAAC,MAAM;YAClB,aAAa;YACb,SAAS;YACT;gBACE,KAAK,EAAE,UAAU,GAAG,CAAC,GAAG,YAAY;aACrC;SACF;QACD,KAAK,EAAE;YACL;gBACE,OAAO,EAAE,YAAY;gBACrB,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE,WAAW;gBACnB,SAAS,EAAE,aAAa;aACzB;SACF;QACD,UAAU,EAAE;oCAER,SAAS,EAAE,QAAQ,IAChB,KAAK,CAAC,KAAK,CAAC,UAAU;SAE5B;KACF,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,SAAS,aA+BpB","sourcesContent":["import { IPieChartStyleProps, IPieChartStyles } from './PieChart.types';\n\nexport const getStyles = (props: IPieChartStyleProps): IPieChartStyles => {\n  const { className, theme, width, height } = props;\n\n  const chartWidth = width + 30;\n  const chartPadding = 20;\n  const chartHeight = height + 10;\n\n  return {\n    root: [\n      theme.fonts.medium,\n      'ms-PieChart',\n      className,\n      {\n        width: chartWidth + 2 * chartPadding,\n      },\n    ],\n    chart: [\n      {\n        padding: chartPadding,\n        width: chartWidth,\n        height: chartHeight,\n        boxSizing: 'content-box',\n      },\n    ],\n    chartTitle: [\n      {\n        textAlign: 'center',\n        ...theme.fonts.mediumPlus,\n      },\n    ],\n  };\n};\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/PieChart/index.ts"],"names":[],"mappings":";;;AAAA,qDAA2B;AAC3B,2DAAiC","sourcesContent":["export * from './PieChart';\nexport * from './PieChart.types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/PieChart/index.ts"],"names":[],"mappings":";;;AAAA,0DAA2B;AAC3B,gEAAiC","sourcesContent":["export * from './PieChart';\nexport * from './PieChart.types';\n"]}

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

@@ -11,7 +11,7 @@ var index_1 = require("../../index");
 var Callout_1 = require("@fluentui/react/lib/Callout");
 var d3_selection_1 = require("d3-selection");
 var react_focus_1 = require("@fluentui/react-focus");
-var getClassNames = Utilities_1.classNamesFunction();
+var getClassNames = (0, Utilities_1.classNamesFunction)();
 var PADDING_PERCENTAGE = 0.3;
 var NON_SELECTED_NODE_AND_STREAM_COLOR = '#757575';
 var DEFAULT_NODE_COLORS = [
@@ -35,10 +35,10 @@ var NON_SELECTED_STREAM_BORDER_OPACITY = 0.5;
 var DEFAULT_TEXT_COLOR = '#323130';
 var NON_SELECTED_TEXT_COLOR = '#FFFFFF';
 var SankeyChartBase = /** @class */ (function (_super) {
-    tslib_1.__extends(SankeyChartBase, _super);
+    (0, tslib_1.__extends)(SankeyChartBase, _super);
     function SankeyChartBase(props) {
         var _this = _super.call(this, props) || this;
-        _this._isRtl = Utilities_1.getRTL();
+        _this._isRtl = (0, Utilities_1.getRTL)();
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _this._onCloseCallout = function () {
             _this.setState({
@@ -84,11 +84,11 @@ var SankeyChartBase = /** @class */ (function (_super) {
             shouldOverflow: false,
             isCalloutVisible: false,
         };
-        _this._calloutId = Utilities_1.getId('callout');
-        _this._linkId = Utilities_1.getId('link');
+        _this._calloutId = (0, Utilities_1.getId)('callout');
+        _this._linkId = (0, Utilities_1.getId)('link');
         _this._margins = { top: 36, right: 48, bottom: 32, left: 48 };
         _this._preRenderLayout();
-        _this._normalizeData = Utilities_1.memoizeFunction(function (data) { return _this._normalizeSankeyData(data); });
+        _this._normalizeData = (0, Utilities_1.memoizeFunction)(function (data) { return _this._normalizeSankeyData(data); });
         return _this;
     }
     SankeyChartBase.prototype.componentDidMount = function () {
@@ -126,7 +126,7 @@ var SankeyChartBase = /** @class */ (function (_super) {
         var calloutProps = {
             isCalloutVisible: this.state.isCalloutVisible,
             directionalHint: Callout_1.DirectionalHint.topAutoEdge,
-            id: "toolTip" + this._calloutId,
+            id: "toolTip".concat(this._calloutId),
             target: this.state.refSelected,
             color: this.state.color,
             XValue: this.state.xCalloutValue,
@@ -140,10 +140,10 @@ var SankeyChartBase = /** @class */ (function (_super) {
         };
         return (React.createElement("div", { className: this._classNames.root, role: 'presentation', ref: function (rootElem) { return (_this.chartContainer = rootElem); }, onMouseLeave: this._onCloseCallout },
             React.createElement(react_focus_1.FocusZone, { direction: react_focus_1.FocusZoneDirection.bidirectional, isCircularNavigation: true, handleTabKey: react_focus_1.FocusZoneTabbableElements.all },
-                React.createElement("svg", { width: width, height: height, id: Utilities_1.getId('sankeyChart') },
+                React.createElement("svg", { width: width, height: height, id: (0, Utilities_1.getId)('sankeyChart') },
                     React.createElement("g", { className: this._classNames.links, strokeOpacity: 1 }, linkData),
                     React.createElement("g", { className: this._classNames.nodes }, nodeData),
-                    calloutProps.isCalloutVisible && (React.createElement(Callout_1.Callout, tslib_1.__assign({}, calloutProps),
+                    calloutProps.isCalloutVisible && (React.createElement(Callout_1.Callout, (0, tslib_1.__assign)({}, calloutProps),
                         React.createElement(index_1.ChartHoverCard, { XValue: calloutProps.XValue, YValue: calloutProps.YValue, color: calloutProps.color, descriptionMessage: calloutProps.descriptionMessage ? calloutProps.descriptionMessage : '' })))))));
     };
     SankeyChartBase.prototype._preRenderLayout = function () {
@@ -170,7 +170,7 @@ var SankeyChartBase = /** @class */ (function (_super) {
             }
         });
         data.nodes.forEach(function (node) {
-            node.actualValue = Math.max(d3_array_1.sum(node.sourceLinks, function (link) { return link.unnormalizedValue; }), d3_array_1.sum(node.targetLinks, function (link) { return link.unnormalizedValue; }));
+            node.actualValue = Math.max((0, d3_array_1.sum)(node.sourceLinks, function (link) { return link.unnormalizedValue; }), (0, d3_array_1.sum)(node.targetLinks, function (link) { return link.unnormalizedValue; }));
         });
     };
     SankeyChartBase.prototype._normalizeSankeyData = function (data) {
@@ -202,7 +202,7 @@ var SankeyChartBase = /** @class */ (function (_super) {
     SankeyChartBase.prototype._adjustOnePercentHeightNodes = function (nodesInColumn) {
         var _this = this;
         var totalColumnValue = Object.values(nodesInColumn).map(function (column) {
-            return d3_array_1.sum(column, function (node) { return node.value; });
+            return (0, d3_array_1.sum)(column, function (node) { return node.value; });
         });
         totalColumnValue.forEach(function (columnValue, index) {
             var totalPercentage = 0;
@@ -255,7 +255,7 @@ var SankeyChartBase = /** @class */ (function (_super) {
         var padding = this._sankey.nodePadding();
         Object.values(nodesInColumn).forEach(function (column) {
             var minPadding = PADDING_PERCENTAGE * height;
-            var toatlPaddingInColumn = height - d3_array_1.sum(column, function (node) { return node.y1 - node.y0; });
+            var toatlPaddingInColumn = height - (0, d3_array_1.sum)(column, function (node) { return node.y1 - node.y0; });
             if (minPadding < toatlPaddingInColumn) {
                 //Here we are calculating the min of default and calculated padding, we will not increase the padding
                 //in any scenario.
@@ -281,7 +281,7 @@ var SankeyChartBase = /** @class */ (function (_super) {
                 };
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var dataPoints = data(singleLink);
-                var linkArea = d3_shape_1.area()
+                var linkArea = (0, d3_shape_1.area)()
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     .x(function (p) { return p.x; })
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -289,13 +289,13 @@ var SankeyChartBase = /** @class */ (function (_super) {
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     .y1(function (p) { return p.y1; })
                     .curve(d3_shape_1.curveBumpX);
-                var gradientUrl = "url(#gradient-" + _this._linkId + "-" + index + ")";
-                var link = (React.createElement("g", { key: _this._linkId + "-" + index },
+                var gradientUrl = "url(#gradient-".concat(_this._linkId, "-").concat(index, ")");
+                var link = (React.createElement("g", { key: "".concat(_this._linkId, "-").concat(index) },
                     React.createElement("defs", null,
-                        React.createElement("linearGradient", { id: "gradient-" + _this._linkId + "-" + index, x1: "0%", y1: "0%", x2: "100%", y2: "0%" },
+                        React.createElement("linearGradient", { id: "gradient-".concat(_this._linkId, "-").concat(index), x1: "0%", y1: "0%", x2: "100%", y2: "0%" },
                             React.createElement("stop", { offset: "0", stopColor: singleLink.source.color }),
                             React.createElement("stop", { offset: "100%", stopColor: singleLink.target.color }))),
-                    React.createElement("path", { d: linkArea(dataPoints), id: Utilities_1.getId('link'), fill: _this._fillStreamColors(singleLink, gradientUrl), stroke: _this._fillStreamBorder(singleLink, gradientUrl), strokeWidth: "2", strokeOpacity: _this._getOpacityStreamBorder(singleLink), onMouseOver: _this._onStreamHover.bind(_this, singleLink), onMouseOut: onMouseOut, onFocus: _this._onFocusLink.bind(_this, singleLink), onBlur: _this._onBlur, fillOpacity: _this._getOpacityStream(singleLink), "data-is-focusable": true, "aria-label": 'link from' +
+                    React.createElement("path", { d: linkArea(dataPoints), id: (0, Utilities_1.getId)('link'), fill: _this._fillStreamColors(singleLink, gradientUrl), stroke: _this._fillStreamBorder(singleLink, gradientUrl), strokeWidth: "2", strokeOpacity: _this._getOpacityStreamBorder(singleLink), onMouseOver: _this._onStreamHover.bind(_this, singleLink), onMouseOut: onMouseOut, onFocus: _this._onFocusLink.bind(_this, singleLink), onBlur: _this._onBlur, fillOpacity: _this._getOpacityStream(singleLink), "data-is-focusable": true, "aria-label": 'link from' +
                             singleLink.source.name +
                             'to' +
                             singleLink.target.name +
@@ -322,31 +322,31 @@ var SankeyChartBase = /** @class */ (function (_super) {
                 // of 6 px is required between node description and node weight.
                 if (height < MIN_HEIGHT_FOR_DOUBLINE_TYPE) {
                     padding = padding + 6;
-                    var tspan = d3_selection_1.select('.nodeName').append('text').attr('class', 'tempText').append('tspan').text(null);
+                    var tspan = (0, d3_selection_1.select)('.nodeName').append('text').attr('class', 'tempText').append('tspan').text(null);
                     tspan.text(singleNode.actualValue);
                     if (tspan.node() !== null) {
                         textLengthForNodeWeight = tspan.node().getComputedTextLength();
                         padding = padding + textLengthForNodeWeight;
                     }
                     tspan.text(null);
-                    d3_selection_1.selectAll('.tempText').remove();
+                    (0, d3_selection_1.selectAll)('.tempText').remove();
                 }
                 // Since the total width of the node is 124 and we are giving margin of 8px from the left .
                 //So the actual value on which it will be truncated is 124-8=116.
                 var truncatedname = _this._truncateText(singleNode.name, 116, padding);
                 var isTruncated = truncatedname.slice(-3) === '...';
-                var id = Utilities_1.getId('tooltip');
-                var div = d3_selection_1.select('body')
+                var id = (0, Utilities_1.getId)('tooltip');
+                var div = (0, d3_selection_1.select)('body')
                     .append('div')
                     .attr('id', id)
                     .attr('class', _this._classNames.toolTip)
                     .style('opacity', 0);
-                var nodeId = Utilities_1.getId('nodeBar');
-                var node = (React.createElement("g", { key: index, id: Utilities_1.getId('nodeGElement') },
-                    React.createElement("rect", { x: singleNode.x0, y: singleNode.y0, height: height, width: singleNode.x1 - singleNode.x0, fill: _this._fillNodeColors(singleNode), id: nodeId, onMouseOver: _this._onHover.bind(_this, singleNode), onMouseOut: onMouseOut, onFocus: _this._onCloseCallout.bind(_this), stroke: _this._fillNodeBorder(singleNode), strokeWidth: "2", opacity: "1", "data-is-focusable": true, "aria-label": 'node' + ("" + singleNode.name) + 'with weight' + ("" + singleNode.actualValue), role: "img" }),
+                var nodeId = (0, Utilities_1.getId)('nodeBar');
+                var node = (React.createElement("g", { key: index, id: (0, Utilities_1.getId)('nodeGElement') },
+                    React.createElement("rect", { x: singleNode.x0, y: singleNode.y0, height: height, width: singleNode.x1 - singleNode.x0, fill: _this._fillNodeColors(singleNode), id: nodeId, onMouseOver: _this._onHover.bind(_this, singleNode), onMouseOut: onMouseOut, onFocus: _this._onCloseCallout.bind(_this), stroke: _this._fillNodeBorder(singleNode), strokeWidth: "2", opacity: "1", "data-is-focusable": true, "aria-label": 'node' + "".concat(singleNode.name) + 'with weight' + "".concat(singleNode.actualValue), role: "img" }),
                     singleNode.y1 - singleNode.y0 > MIN_HEIGHT_FOR_TYPE && (React.createElement("g", { className: _this._classNames.nodeTextContainer },
                         React.createElement("g", { className: "nodeName" },
-                            React.createElement("text", { id: nodeId + "-name", x: singleNode.x0, y: singleNode.y0, dy: '1.2em', dx: '0.4em', textAnchor: _this._isRtl ? 'end' : 'start', fontWeight: "regular", "aria-hidden": "true", fill: !(!_this.state.selectedState ||
+                            React.createElement("text", { id: "".concat(nodeId, "-name"), x: singleNode.x0, y: singleNode.y0, dy: '1.2em', dx: '0.4em', textAnchor: _this._isRtl ? 'end' : 'start', fontWeight: "regular", "aria-hidden": "true", fill: !(!_this.state.selectedState ||
                                     (_this.state.selectedState &&
                                         _this.state.selectedNodes.has(singleNode.index) &&
                                         _this.state.selectedNode) ||
@@ -623,7 +623,7 @@ var SankeyChartBase = /** @class */ (function (_super) {
     SankeyChartBase.prototype._truncateText = function (text, rectangleWidth, padding) {
         var textLengthForNodeName = rectangleWidth - padding;
         var elipsisLength = 0;
-        var tspan = d3_selection_1.select('.nodeName')
+        var tspan = (0, d3_selection_1.select)('.nodeName')
             .append('text')
             .attr('class', 'tempText')
             .attr('font-size', '10')
@@ -653,7 +653,7 @@ var SankeyChartBase = /** @class */ (function (_super) {
             }
         }
         tspan.text(null);
-        d3_selection_1.selectAll('.tempText').remove();
+        (0, d3_selection_1.selectAll)('.tempText').remove();
         return line;
     };
     // eslint-disable-next-line @typescript-eslint/no-explicit-any