@fluentui/react-charting 5.16.33 → 5.16.35

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

@@ -1,8 +1,8 @@
 define(["require", "exports", "tslib", "./LineChart", "./LineChart.types", "./eventAnnotation/Textbox"], function (require, exports, tslib_1, LineChart_1, LineChart_types_1, Textbox_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(LineChart_1, exports);
-    tslib_1.__exportStar(LineChart_types_1, exports);
-    tslib_1.__exportStar(Textbox_1, exports);
+    (0, tslib_1.__exportStar)(LineChart_1, exports);
+    (0, tslib_1.__exportStar)(LineChart_types_1, exports);
+    (0, tslib_1.__exportStar)(Textbox_1, exports);
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/LineChart/index.ts"],"names":[],"mappings":";;;IAAA,2CAA4B;IAC5B,iDAAkC;IAClC,yCAA0C","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":";;;IAAA,gDAA4B;IAC5B,sDAAkC;IAClC,8CAA0C","sourcesContent":["export * from './LineChart';\nexport * from './LineChart.types';\nexport * from './eventAnnotation/Textbox';\n"]}

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

@@ -3,7 +3,7 @@ define(["require", "exports", "tslib", "react", "d3-shape", "@fluentui/react/lib
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.LabeledArc = exports.Arc = void 0;
     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 = {};
@@ -19,7 +19,7 @@ define(["require", "exports", "tslib", "react", "d3-shape", "@fluentui/react/lib
         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 });
         };
@@ -30,20 +30,20 @@ define(["require", "exports", "tslib", "react", "d3-shape", "@fluentui/react/lib
     }(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-amd/components/PieChart/Arc/Arc.js.map

@@ -1 +1 @@
-{"version":3,"file":"Arc.js","sourceRoot":"../src/","sources":["components/PieChart/Arc/Arc.tsx"],"names":[],"mappings":";;;;IAOA;QAAyB,+BAA8B;QAAvD;YAAA,qEAsBC;YAjBQ,WAAK,GAAO,EAAE,CAAC;YAOf,iBAAW,GAAG,UAAC,QAAmB;gBACvC,YAAY,CAAC,QAAQ,CAAC,CAAC;YACzB,CAAC,CAAC;;QAQJ,CAAC;QAfe,4BAAwB,GAAtC,UAAuC,SAA8B;YACnE,YAAY,CAAC,SAAS,CAAC,CAAC;YACxB,OAAO,IAAI,CAAC;QACd,CAAC;QAMM,oBAAM,GAAb;;YACQ,IAAA,KAAiB,IAAI,CAAC,KAAK,EAAzB,KAAK,WAAA,EAAE,GAAG,SAAe,CAAC;YAClC,IAAM,aAAa,GAAG,8BAAkB,EAAyB,CAAC;YAClE,IAAM,UAAU,GAAG,aAAa,CAAC,sBAAS,EAAE,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;YACvD,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;QAC/G,CAAC;QApBa,gBAAY,GAAuB;YAC/C,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE;SACjB,CAAC;QAmBJ,UAAC;KAAA,AAtBD,CAAyB,KAAK,CAAC,SAAS,GAsBvC;IAtBY,kBAAG;IAwBhB;QAAgC,sCAAG;QAAnC;;QAeA,CAAC;QAdQ,2BAAM,GAAb;YACQ,IAAA,KAAyB,IAAI,CAAC,KAAK,EAAjC,IAAI,UAAA,EAAE,GAAG,SAAA,EAAE,OAAO,aAAe,CAAC;YACpC,IAAA,KAAmB,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,EAApC,MAAM,QAAA,EAAE,MAAM,QAAsB,CAAC;YAC5C,IAAM,cAAc,GAAG,eAAa,MAAM,UAAK,MAAM,MAAG,CAAC;YAEzD,OAAO,CACL,2BAAG,SAAS,EAAC,KAAK;gBACf,iBAAM,MAAM,WAAE;gBACf,8BAAM,SAAS,EAAE,cAAc,EAAE,UAAU,EAAC,QAAQ;oBACjD,IAAK,CAAC,IAAK,CAAC,CAAC;;oBAAG,iCAAqB,CAAC,IAAK,CAAC,IAAK,CAAC,CAAC,EAAE,OAAO,CAAC,CACzD,CACL,CACL,CAAC;QACJ,CAAC;QACH,iBAAC;IAAD,CAAC,AAfD,CAAgC,GAAG,GAelC;IAfY,gCAAU;IAiBvB,SAAS,YAAY,CAAC,QAAmB;QACvC,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;QAC/C,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IACjD,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":";;;;IAOA;QAAyB,oCAA8B;QAAvD;YAAA,qEAsBC;YAjBQ,WAAK,GAAO,EAAE,CAAC;YAOf,iBAAW,GAAG,UAAC,QAAmB;gBACvC,YAAY,CAAC,QAAQ,CAAC,CAAC;YACzB,CAAC,CAAC;;QAQJ,CAAC;QAfe,4BAAwB,GAAtC,UAAuC,SAA8B;YACnE,YAAY,CAAC,SAAS,CAAC,CAAC;YACxB,OAAO,IAAI,CAAC;QACd,CAAC;QAMM,oBAAM,GAAb;;YACQ,IAAA,KAAiB,IAAI,CAAC,KAAK,EAAzB,KAAK,WAAA,EAAE,GAAG,SAAe,CAAC;YAClC,IAAM,aAAa,GAAG,IAAA,8BAAkB,GAAyB,CAAC;YAClE,IAAM,UAAU,GAAG,aAAa,CAAC,sBAAS,EAAE,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;YACvD,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;QAC/G,CAAC;QApBa,gBAAY,GAAuB;YAC/C,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE;SACjB,CAAC;QAmBJ,UAAC;KAAA,AAtBD,CAAyB,KAAK,CAAC,SAAS,GAsBvC;IAtBY,kBAAG;IAwBhB;QAAgC,2CAAG;QAAnC;;QAeA,CAAC;QAdQ,2BAAM,GAAb;YACQ,IAAA,KAAyB,IAAI,CAAC,KAAK,EAAjC,IAAI,UAAA,EAAE,GAAG,SAAA,EAAE,OAAO,aAAe,CAAC;YACpC,IAAA,KAAmB,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,EAApC,MAAM,QAAA,EAAE,MAAM,QAAsB,CAAC;YAC5C,IAAM,cAAc,GAAG,oBAAa,MAAM,eAAK,MAAM,MAAG,CAAC;YAEzD,OAAO,CACL,2BAAG,SAAS,EAAC,KAAK;gBACf,iBAAM,MAAM,WAAE;gBACf,8BAAM,SAAS,EAAE,cAAc,EAAE,UAAU,EAAC,QAAQ;oBACjD,IAAK,CAAC,IAAK,CAAC,CAAC;;oBAAG,IAAA,iCAAqB,EAAC,IAAK,CAAC,IAAK,CAAC,CAAC,EAAE,OAAO,CAAC,CACzD,CACL,CACL,CAAC;QACJ,CAAC;QACH,iBAAC;IAAD,CAAC,AAfD,CAAgC,GAAG,GAelC;IAfY,gCAAU;IAiBvB,SAAS,YAAY,CAAC,QAAmB;QACvC,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;QAC/C,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IACjD,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-amd/components/PieChart/Arc/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/PieChart/Arc/index.ts"],"names":[],"mappings":";;;IAAA,qCAAsB;IACtB,2CAA4B","sourcesContent":["export * from './Arc';\nexport * from './Arc.types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/PieChart/Arc/index.ts"],"names":[],"mappings":";;;IAAA,0CAAsB;IACtB,gDAA4B","sourcesContent":["export * from './Arc';\nexport * from './Arc.types';\n"]}

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

@@ -3,11 +3,11 @@ define(["require", "exports", "tslib", "react", "d3-shape", "d3-scale", "../Arc/
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Pie = void 0;
     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;
         }
@@ -17,7 +17,7 @@ define(["require", "exports", "tslib", "react", "d3-shape", "d3-scale", "../Arc/
             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-amd/components/PieChart/Pie/Pie.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pie.js","sourceRoot":"../src/","sources":["components/PieChart/Pie/Pie.tsx"],"names":[],"mappings":";;;;IAOA;QAAyB,+BAA8B;QAUrD,aAAY,KAAgB;YAA5B,YACE,kBAAM,KAAK,CAAC,SACb;YAEM,kBAAY,GAAG,UAAC,CAAW,EAAE,CAAS;gBAC3C,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;YACJ,CAAC,CAAC;;QAbF,CAAC;QAeM,oBAAM,GAAb;YAAA,iBAcC;YAbC,qEAAqE;YAC/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;YAEpE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,MAAO,CAAC,CAAC;YAElD,IAAM,QAAQ,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC;YAC3B,IAAM,SAAS,GAAG,eAAa,KAAK,GAAG,CAAC,UAAK,MAAM,GAAG,CAAC,MAAG,CAAC;YAE3D,OAAO,CACL,6BAAK,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAc,UAAU;gBACvD,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;QACJ,CAAC;QAxCa,gBAAY,GAAuB;YAC/C,GAAG,EAAE,KAAK;iBACP,GAAG,EAAE;iBACL,IAAI,CAAC,IAAI,CAAC;gBACX,uDAAuD;iBACtD,KAAK,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,CAAC,EAAH,CAAG,CAAC;SAC1B,CAAC;QAmCJ,UAAC;KAAA,AA1CD,CAAyB,KAAK,CAAC,SAAS,GA0CvC;IA1CY,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":";;;;IAOA;QAAyB,oCAA8B;QAUrD,aAAY,KAAgB;YAA5B,YACE,kBAAM,KAAK,CAAC,SACb;YAEM,kBAAY,GAAG,UAAC,CAAW,EAAE,CAAS;gBAC3C,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;YACJ,CAAC,CAAC;;QAbF,CAAC;QAeM,oBAAM,GAAb;YAAA,iBAcC;YAbC,qEAAqE;YAC/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;YAEpE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,MAAO,CAAC,CAAC;YAElD,IAAM,QAAQ,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC;YAC3B,IAAM,SAAS,GAAG,oBAAa,KAAK,GAAG,CAAC,eAAK,MAAM,GAAG,CAAC,MAAG,CAAC;YAE3D,OAAO,CACL,6BAAK,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAc,UAAU;gBACvD,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;QACJ,CAAC;QAxCa,gBAAY,GAAuB;YAC/C,GAAG,EAAE,KAAK;iBACP,GAAG,EAAE;iBACL,IAAI,CAAC,IAAI,CAAC;gBACX,uDAAuD;iBACtD,KAAK,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,CAAC,EAAH,CAAG,CAAC;SAC1B,CAAC;QAmCJ,UAAC;KAAA,AA1CD,CAAyB,KAAK,CAAC,SAAS,GA0CvC;IA1CY,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-amd/components/PieChart/Pie/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/PieChart/Pie/index.ts"],"names":[],"mappings":";;;IAAA,qCAAsB;IACtB,2CAA4B","sourcesContent":["export * from './Pie';\nexport * from './Pie.types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/PieChart/Pie/index.ts"],"names":[],"mappings":";;;IAAA,0CAAsB;IACtB,gDAA4B","sourcesContent":["export * from './Pie';\nexport * from './Pie.types';\n"]}

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

@@ -2,9 +2,9 @@ define(["require", "exports", "tslib", "react", "@fluentui/react/lib/Utilities",
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.PieChartBase = void 0;
-    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-amd/components/PieChart/PieChart.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"PieChart.base.js","sourceRoot":"../src/","sources":["components/PieChart/PieChart.base.tsx"],"names":[],"mappings":";;;;IAKA,IAAM,aAAa,GAAG,8BAAkB,EAAwC,CAAC;IAEjF;QAAkC,wCAAmC;QAArE;;QAqCA,CAAC;QA7BQ,6BAAM,GAAb;YACQ,IAAA,KAA8C,IAAI,CAAC,KAAK,EAAtD,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,UAAU,gBAAe,CAAC;YAEzD,IAAA,KAAwC,IAAI,CAAC,KAAK,EAAhD,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAe,CAAC;YACzD,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,MAAO,EAAE;gBACxC,KAAK,EAAE,KAAM;gBACb,KAAK,EAAE,KAAM;gBACb,MAAM,EAAE,MAAO;gBACf,SAAS,WAAA;aACV,CAAC,CAAC;YACH,IAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAM,EAAE,MAAO,CAAC,GAAG,CAAC,CAAC;YAC7C,IAAM,WAAW,GAAG,MAAM,GAAG,EAAE,CAAC;YAEhC,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI;gBAClC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,2BAAG,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU,IAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAK;gBAChG,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;QACJ,CAAC;QAnCa,yBAAY,GAA4B;YACpD,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;SACZ,CAAC;QAgCJ,mBAAC;KAAA,AArCD,CAAkC,KAAK,CAAC,SAAS,GAqChD;IArCY,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":";;;;IAKA,IAAM,aAAa,GAAG,IAAA,8BAAkB,GAAwC,CAAC;IAEjF;QAAkC,6CAAmC;QAArE;;QAqCA,CAAC;QA7BQ,6BAAM,GAAb;YACQ,IAAA,KAA8C,IAAI,CAAC,KAAK,EAAtD,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,UAAU,gBAAe,CAAC;YAEzD,IAAA,KAAwC,IAAI,CAAC,KAAK,EAAhD,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAe,CAAC;YACzD,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,MAAO,EAAE;gBACxC,KAAK,EAAE,KAAM;gBACb,KAAK,EAAE,KAAM;gBACb,MAAM,EAAE,MAAO;gBACf,SAAS,WAAA;aACV,CAAC,CAAC;YACH,IAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAM,EAAE,MAAO,CAAC,GAAG,CAAC,CAAC;YAC7C,IAAM,WAAW,GAAG,MAAM,GAAG,EAAE,CAAC;YAEhC,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI;gBAClC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,2BAAG,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU,IAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAK;gBAChG,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;QACJ,CAAC;QAnCa,yBAAY,GAA4B;YACpD,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;SACZ,CAAC;QAgCJ,mBAAC;KAAA,AArCD,CAAkC,KAAK,CAAC,SAAS,GAqChD;IArCY,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-amd/components/PieChart/PieChart.js

@@ -3,6 +3,6 @@ define(["require", "exports", "@fluentui/react/lib/Utilities", "./PieChart.base"
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.PieChart = void 0;
     // 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-amd/components/PieChart/PieChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"PieChart.js","sourceRoot":"../src/","sources":["components/PieChart/PieChart.tsx"],"names":[],"mappings":";;;;IAMA,0FAA0F;IAC7E,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":";;;;IAMA,0FAA0F;IAC7E,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-amd/components/PieChart/PieChart.styles.js

@@ -25,7 +25,7 @@ define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
                 },
             ],
             chartTitle: [
-                tslib_1.__assign({ textAlign: 'center' }, theme.fonts.mediumPlus),
+                (0, tslib_1.__assign)({ textAlign: 'center' }, theme.fonts.mediumPlus),
             ],
         };
     };

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

@@ -1 +1 @@
-{"version":3,"file":"PieChart.styles.js","sourceRoot":"../src/","sources":["components/PieChart/PieChart.styles.ts"],"names":[],"mappings":";;;;IAEO,IAAM,SAAS,GAAG,UAAC,KAA0B;QAC1C,IAAA,SAAS,GAA2B,KAAK,UAAhC,EAAE,KAAK,GAAoB,KAAK,MAAzB,EAAE,KAAK,GAAa,KAAK,MAAlB,EAAE,MAAM,GAAK,KAAK,OAAV,CAAW;QAElD,IAAM,UAAU,GAAG,KAAK,GAAG,EAAE,CAAC;QAC9B,IAAM,YAAY,GAAG,EAAE,CAAC;QACxB,IAAM,WAAW,GAAG,MAAM,GAAG,EAAE,CAAC;QAEhC,OAAO;YACL,IAAI,EAAE;gBACJ,KAAK,CAAC,KAAK,CAAC,MAAM;gBAClB,aAAa;gBACb,SAAS;gBACT;oBACE,KAAK,EAAE,UAAU,GAAG,CAAC,GAAG,YAAY;iBACrC;aACF;YACD,KAAK,EAAE;gBACL;oBACE,OAAO,EAAE,YAAY;oBACrB,KAAK,EAAE,UAAU;oBACjB,MAAM,EAAE,WAAW;oBACnB,SAAS,EAAE,aAAa;iBACzB;aACF;YACD,UAAU,EAAE;mCAER,SAAS,EAAE,QAAQ,IAChB,KAAK,CAAC,KAAK,CAAC,UAAU;aAE5B;SACF,CAAC;IACJ,CAAC,CAAC;IA/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":";;;;IAEO,IAAM,SAAS,GAAG,UAAC,KAA0B;QAC1C,IAAA,SAAS,GAA2B,KAAK,UAAhC,EAAE,KAAK,GAAoB,KAAK,MAAzB,EAAE,KAAK,GAAa,KAAK,MAAlB,EAAE,MAAM,GAAK,KAAK,OAAV,CAAW;QAElD,IAAM,UAAU,GAAG,KAAK,GAAG,EAAE,CAAC;QAC9B,IAAM,YAAY,GAAG,EAAE,CAAC;QACxB,IAAM,WAAW,GAAG,MAAM,GAAG,EAAE,CAAC;QAEhC,OAAO;YACL,IAAI,EAAE;gBACJ,KAAK,CAAC,KAAK,CAAC,MAAM;gBAClB,aAAa;gBACb,SAAS;gBACT;oBACE,KAAK,EAAE,UAAU,GAAG,CAAC,GAAG,YAAY;iBACrC;aACF;YACD,KAAK,EAAE;gBACL;oBACE,OAAO,EAAE,YAAY;oBACrB,KAAK,EAAE,UAAU;oBACjB,MAAM,EAAE,WAAW;oBACnB,SAAS,EAAE,aAAa;iBACzB;aACF;YACD,UAAU,EAAE;wCAER,SAAS,EAAE,QAAQ,IAChB,KAAK,CAAC,KAAK,CAAC,UAAU;aAE5B;SACF,CAAC;IACJ,CAAC,CAAC;IA/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-amd/components/PieChart/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/PieChart/index.ts"],"names":[],"mappings":";;;IAAA,0CAA2B;IAC3B,gDAAiC","sourcesContent":["export * from './PieChart';\nexport * from './PieChart.types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/PieChart/index.ts"],"names":[],"mappings":";;;IAAA,+CAA2B;IAC3B,qDAAiC","sourcesContent":["export * from './PieChart';\nexport * from './PieChart.types';\n"]}

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

@@ -2,7 +2,7 @@ define(["require", "exports", "tslib", "react", "@fluentui/react/lib/Utilities",
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.SankeyChartBase = void 0;
-    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 = [
@@ -26,10 +26,10 @@ define(["require", "exports", "tslib", "react", "@fluentui/react/lib/Utilities",
     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({
@@ -75,11 +75,11 @@ define(["require", "exports", "tslib", "react", "@fluentui/react/lib/Utilities",
                 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 () {
@@ -117,7 +117,7 @@ define(["require", "exports", "tslib", "react", "@fluentui/react/lib/Utilities",
             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,
@@ -131,10 +131,10 @@ define(["require", "exports", "tslib", "react", "@fluentui/react/lib/Utilities",
             };
             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 () {
@@ -161,7 +161,7 @@ define(["require", "exports", "tslib", "react", "@fluentui/react/lib/Utilities",
                 }
             });
             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) {
@@ -193,7 +193,7 @@ define(["require", "exports", "tslib", "react", "@fluentui/react/lib/Utilities",
         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;
@@ -246,7 +246,7 @@ define(["require", "exports", "tslib", "react", "@fluentui/react/lib/Utilities",
             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.
@@ -272,7 +272,7 @@ define(["require", "exports", "tslib", "react", "@fluentui/react/lib/Utilities",
                     };
                     // 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
@@ -280,13 +280,13 @@ define(["require", "exports", "tslib", "react", "@fluentui/react/lib/Utilities",
                         // 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 +
@@ -313,31 +313,31 @@ define(["require", "exports", "tslib", "react", "@fluentui/react/lib/Utilities",
                     // 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) ||
@@ -614,7 +614,7 @@ define(["require", "exports", "tslib", "react", "@fluentui/react/lib/Utilities",
         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')
@@ -644,7 +644,7 @@ define(["require", "exports", "tslib", "react", "@fluentui/react/lib/Utilities",
                 }
             }
             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