@fluentui/react-charting 5.16.34 → 5.16.36

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

@@ -10,7 +10,7 @@ var getStyles = function (props) {
             opacity: shouldHighlight ? '' : '0.1',
             cursor: href ? 'pointer' : 'default',
         },
-        tooltip: tslib_1.__assign(tslib_1.__assign({}, theme.fonts.medium), { display: 'flex', flexDirection: 'column', padding: '8px', position: 'absolute', textAlign: 'center', top: '0px', background: theme.semanticColors.bodyBackground, borderRadius: '2px', pointerEvents: 'none' }),
+        tooltip: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, theme.fonts.medium), { display: 'flex', flexDirection: 'column', padding: '8px', position: 'absolute', textAlign: 'center', top: '0px', background: theme.semanticColors.bodyBackground, borderRadius: '2px', pointerEvents: 'none' }),
         barLabel: {
             fontSize: Styling_1.FontSizes.small,
             fontWeight: Styling_1.FontWeights.semibold,

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

@@ -1 +1 @@
-{"version":3,"file":"VerticalStackedBarChart.styles.js","sourceRoot":"../src/","sources":["components/VerticalStackedBarChart/VerticalStackedBarChart.styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAqE;AAG9D,IAAM,SAAS,GAAG,UAAC,KAAyC;IACzD,IAAA,eAAe,GAAkB,KAAK,gBAAvB,EAAE,IAAI,GAAY,KAAK,KAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAC/C,OAAO;QACL,oBAAoB,EAAE;YACpB,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK;YACrC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;SACrC;QAED,OAAO,wCACF,KAAK,CAAC,KAAK,CAAC,MAAM,KACrB,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,QAAQ,EACvB,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,QAAQ,EACnB,GAAG,EAAE,KAAK,EACV,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,EAC/C,YAAY,EAAE,KAAK,EACnB,aAAa,EAAE,MAAM,GACtB;QAED,QAAQ,EAAE;YACR,QAAQ,EAAE,mBAAS,CAAC,KAAK;YACzB,UAAU,EAAE,qBAAW,CAAC,QAAQ;YAChC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;SACnC;KACF,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,SAAS,aA2BpB","sourcesContent":["import { FontSizes, FontWeights } from '@fluentui/react/lib/Styling';\nimport { IVerticalStackedBarChartStyleProps, IVerticalStackedBarChartStyles } from './VerticalStackedBarChart.types';\n\nexport const getStyles = (props: IVerticalStackedBarChartStyleProps): IVerticalStackedBarChartStyles => {\n  const { shouldHighlight, href, theme } = props;\n  return {\n    opacityChangeOnHover: {\n      opacity: shouldHighlight ? '' : '0.1',\n      cursor: href ? 'pointer' : 'default',\n    },\n\n    tooltip: {\n      ...theme.fonts.medium,\n      display: 'flex',\n      flexDirection: 'column',\n      padding: '8px',\n      position: 'absolute',\n      textAlign: 'center',\n      top: '0px',\n      background: theme.semanticColors.bodyBackground,\n      borderRadius: '2px',\n      pointerEvents: 'none',\n    },\n\n    barLabel: {\n      fontSize: FontSizes.small,\n      fontWeight: FontWeights.semibold,\n      fill: theme.palette.neutralPrimary,\n    },\n  };\n};\n"]}
+{"version":3,"file":"VerticalStackedBarChart.styles.js","sourceRoot":"../src/","sources":["components/VerticalStackedBarChart/VerticalStackedBarChart.styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAqE;AAG9D,IAAM,SAAS,GAAG,UAAC,KAAyC;IACzD,IAAA,eAAe,GAAkB,KAAK,gBAAvB,EAAE,IAAI,GAAY,KAAK,KAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAC/C,OAAO;QACL,oBAAoB,EAAE;YACpB,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK;YACrC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;SACrC;QAED,OAAO,kDACF,KAAK,CAAC,KAAK,CAAC,MAAM,KACrB,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,QAAQ,EACvB,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,QAAQ,EACnB,GAAG,EAAE,KAAK,EACV,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,EAC/C,YAAY,EAAE,KAAK,EACnB,aAAa,EAAE,MAAM,GACtB;QAED,QAAQ,EAAE;YACR,QAAQ,EAAE,mBAAS,CAAC,KAAK;YACzB,UAAU,EAAE,qBAAW,CAAC,QAAQ;YAChC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;SACnC;KACF,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,SAAS,aA2BpB","sourcesContent":["import { FontSizes, FontWeights } from '@fluentui/react/lib/Styling';\nimport { IVerticalStackedBarChartStyleProps, IVerticalStackedBarChartStyles } from './VerticalStackedBarChart.types';\n\nexport const getStyles = (props: IVerticalStackedBarChartStyleProps): IVerticalStackedBarChartStyles => {\n  const { shouldHighlight, href, theme } = props;\n  return {\n    opacityChangeOnHover: {\n      opacity: shouldHighlight ? '' : '0.1',\n      cursor: href ? 'pointer' : 'default',\n    },\n\n    tooltip: {\n      ...theme.fonts.medium,\n      display: 'flex',\n      flexDirection: 'column',\n      padding: '8px',\n      position: 'absolute',\n      textAlign: 'center',\n      top: '0px',\n      background: theme.semanticColors.bodyBackground,\n      borderRadius: '2px',\n      pointerEvents: 'none',\n    },\n\n    barLabel: {\n      fontSize: FontSizes.small,\n      fontWeight: FontWeights.semibold,\n      fill: theme.palette.neutralPrimary,\n    },\n  };\n};\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/VerticalStackedBarChart/index.ts"],"names":[],"mappings":";;;AAAA,oEAA0C;AAC1C,0EAAgD","sourcesContent":["export * from './VerticalStackedBarChart';\nexport * from './VerticalStackedBarChart.types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/VerticalStackedBarChart/index.ts"],"names":[],"mappings":";;;AAAA,yEAA0C;AAC1C,+EAAgD","sourcesContent":["export * from './VerticalStackedBarChart';\nexport * from './VerticalStackedBarChart.types';\n"]}

package/lib-commonjs/index.js

@@ -1,24 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./HorizontalBarChart"), exports);
-tslib_1.__exportStar(require("./DonutChart"), exports);
-tslib_1.__exportStar(require("./Legends"), exports);
-tslib_1.__exportStar(require("./LineChart"), exports);
-tslib_1.__exportStar(require("./AreaChart"), exports);
-tslib_1.__exportStar(require("./PieChart"), exports);
-tslib_1.__exportStar(require("./StackedBarChart"), exports);
-tslib_1.__exportStar(require("./VerticalBarChart"), exports);
-tslib_1.__exportStar(require("./VerticalStackedBarChart"), exports);
-tslib_1.__exportStar(require("./GroupedVerticalBarChart"), exports);
-tslib_1.__exportStar(require("./CartesianChart"), exports);
-tslib_1.__exportStar(require("./types/index"), exports);
-tslib_1.__exportStar(require("./utilities/ChartHoverCard/index"), exports);
-tslib_1.__exportStar(require("./HeatMapChart"), exports);
-tslib_1.__exportStar(require("./SankeyChart"), exports);
-tslib_1.__exportStar(require("./TreeChart"), exports);
-tslib_1.__exportStar(require("./Sparkline"), exports);
-tslib_1.__exportStar(require("./HorizontalBarChartWithAxis"), exports);
-tslib_1.__exportStar(require("./utilities/colors"), exports);
+(0, tslib_1.__exportStar)(require("./HorizontalBarChart"), exports);
+(0, tslib_1.__exportStar)(require("./DonutChart"), exports);
+(0, tslib_1.__exportStar)(require("./Legends"), exports);
+(0, tslib_1.__exportStar)(require("./LineChart"), exports);
+(0, tslib_1.__exportStar)(require("./AreaChart"), exports);
+(0, tslib_1.__exportStar)(require("./PieChart"), exports);
+(0, tslib_1.__exportStar)(require("./StackedBarChart"), exports);
+(0, tslib_1.__exportStar)(require("./VerticalBarChart"), exports);
+(0, tslib_1.__exportStar)(require("./VerticalStackedBarChart"), exports);
+(0, tslib_1.__exportStar)(require("./GroupedVerticalBarChart"), exports);
+(0, tslib_1.__exportStar)(require("./CartesianChart"), exports);
+(0, tslib_1.__exportStar)(require("./types/index"), exports);
+(0, tslib_1.__exportStar)(require("./utilities/ChartHoverCard/index"), exports);
+(0, tslib_1.__exportStar)(require("./HeatMapChart"), exports);
+(0, tslib_1.__exportStar)(require("./SankeyChart"), exports);
+(0, tslib_1.__exportStar)(require("./TreeChart"), exports);
+(0, tslib_1.__exportStar)(require("./Sparkline"), exports);
+(0, tslib_1.__exportStar)(require("./HorizontalBarChartWithAxis"), exports);
+(0, tslib_1.__exportStar)(require("./utilities/colors"), exports);
 require("./version");
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;AAAA,+DAAqC;AACrC,uDAA6B;AAC7B,oDAA0B;AAC1B,sDAA4B;AAC5B,sDAA4B;AAC5B,qDAA2B;AAC3B,4DAAkC;AAClC,6DAAmC;AACnC,oEAA0C;AAC1C,oEAA0C;AAC1C,2DAAiC;AACjC,wDAA8B;AAC9B,2EAAiD;AACjD,yDAA+B;AAC/B,wDAA8B;AAC9B,sDAA4B;AAC5B,sDAA4B;AAC5B,uEAA6C;AAC7C,6DAAmC;AAEnC,qBAAmB","sourcesContent":["export * from './HorizontalBarChart';\nexport * from './DonutChart';\nexport * from './Legends';\nexport * from './LineChart';\nexport * from './AreaChart';\nexport * from './PieChart';\nexport * from './StackedBarChart';\nexport * from './VerticalBarChart';\nexport * from './VerticalStackedBarChart';\nexport * from './GroupedVerticalBarChart';\nexport * from './CartesianChart';\nexport * from './types/index';\nexport * from './utilities/ChartHoverCard/index';\nexport * from './HeatMapChart';\nexport * from './SankeyChart';\nexport * from './TreeChart';\nexport * from './Sparkline';\nexport * from './HorizontalBarChartWithAxis';\nexport * from './utilities/colors';\n\nimport './version';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;AAAA,oEAAqC;AACrC,4DAA6B;AAC7B,yDAA0B;AAC1B,2DAA4B;AAC5B,2DAA4B;AAC5B,0DAA2B;AAC3B,iEAAkC;AAClC,kEAAmC;AACnC,yEAA0C;AAC1C,yEAA0C;AAC1C,gEAAiC;AACjC,6DAA8B;AAC9B,gFAAiD;AACjD,8DAA+B;AAC/B,6DAA8B;AAC9B,2DAA4B;AAC5B,2DAA4B;AAC5B,4EAA6C;AAC7C,kEAAmC;AAEnC,qBAAmB","sourcesContent":["export * from './HorizontalBarChart';\nexport * from './DonutChart';\nexport * from './Legends';\nexport * from './LineChart';\nexport * from './AreaChart';\nexport * from './PieChart';\nexport * from './StackedBarChart';\nexport * from './VerticalBarChart';\nexport * from './VerticalStackedBarChart';\nexport * from './GroupedVerticalBarChart';\nexport * from './CartesianChart';\nexport * from './types/index';\nexport * from './utilities/ChartHoverCard/index';\nexport * from './HeatMapChart';\nexport * from './SankeyChart';\nexport * from './TreeChart';\nexport * from './Sparkline';\nexport * from './HorizontalBarChartWithAxis';\nexport * from './utilities/colors';\n\nimport './version';\n"]}

package/lib-commonjs/types/index.js

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

package/lib-commonjs/types/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["types/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B;AAC7B,4DAAkC","sourcesContent":["export * from './IDataPoint';\nexport * from './ILegendDataItem';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["types/index.ts"],"names":[],"mappings":";;;AAAA,4DAA6B;AAC7B,iEAAkC","sourcesContent":["export * from './IDataPoint';\nexport * from './ILegendDataItem';\n"]}

package/lib-commonjs/utilities/ChartHoverCard/ChartHoverCard.base.js

@@ -5,9 +5,9 @@ var tslib_1 = require("tslib");
 var React = require("react");
 var react_1 = require("@fluentui/react");
 var index_1 = require("../index");
-var getClassNames = react_1.classNamesFunction();
+var getClassNames = (0, react_1.classNamesFunction)();
 var ChartHoverCardBase = /** @class */ (function (_super) {
-    tslib_1.__extends(ChartHoverCardBase, _super);
+    (0, tslib_1.__extends)(ChartHoverCardBase, _super);
     function ChartHoverCardBase() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
@@ -26,13 +26,13 @@ var ChartHoverCardBase = /** @class */ (function (_super) {
                     " ")),
             React.createElement("div", { className: this._classNames.calloutInfoContainer },
                 React.createElement("div", { className: this._classNames.calloutBlockContainer },
-                    React.createElement("div", { className: this._classNames.calloutlegendText }, index_1.convertToLocaleString(Legend, culture)),
-                    React.createElement("div", { className: this._classNames.calloutContentY }, index_1.convertToLocaleString(YValue, culture))),
+                    React.createElement("div", { className: this._classNames.calloutlegendText }, (0, index_1.convertToLocaleString)(Legend, culture)),
+                    React.createElement("div", { className: this._classNames.calloutContentY }, (0, index_1.convertToLocaleString)(YValue, culture))),
                 !!ratio && (React.createElement("div", { className: this._classNames.ratio },
                     React.createElement(React.Fragment, null,
-                        React.createElement("span", { className: this._classNames.numerator }, index_1.convertToLocaleString(ratio[0], culture)),
+                        React.createElement("span", { className: this._classNames.numerator }, (0, index_1.convertToLocaleString)(ratio[0], culture)),
                         "/",
-                        React.createElement("span", { className: this._classNames.denominator }, index_1.convertToLocaleString(ratio[1], culture)))))),
+                        React.createElement("span", { className: this._classNames.denominator }, (0, index_1.convertToLocaleString)(ratio[1], culture)))))),
             !!descriptionMessage && React.createElement("div", { className: this._classNames.descriptionMessage }, descriptionMessage)));
     };
     return ChartHoverCardBase;

package/lib-commonjs/utilities/ChartHoverCard/ChartHoverCard.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartHoverCard.base.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.base.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAE/B,yCAAyE;AACzE,kCAAiD;AAEjD,IAAM,aAAa,GAAG,0BAAkB,EAAoD,CAAC;AAC7F;IAAwC,8CAAyC;IAAjF;;IAmCA,CAAC;IAjCQ,mCAAM,GAAb;QACQ,IAAA,KAAuF,IAAI,CAAC,KAAK,EAA/F,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,kBAAkB,wBAAA,EAAE,OAAO,aAAe,CAAC;QACxG,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,MAAO,EAAE;YACxC,KAAK,EAAE,KAAM;YACb,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,MAAM;YACd,cAAc,EAAE,CAAC,CAAC,KAAK;SACxB,CAAC,CAAC;QACH,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,kBAAkB;YACjD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,wBAAwB;gBACvD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,eAAe;oBAAG,MAAM;wBAAQ,CAG7D;YACN,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,oBAAoB;gBACnD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,qBAAqB;oBACpD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,iBAAiB,IAAG,6BAAqB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAO;oBAClG,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,eAAe,IAAG,6BAAqB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAO,CAC5F;gBACL,CAAC,CAAC,KAAK,IAAI,CACV,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK;oBACpC;wBACE,8BAAM,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,SAAS,IAAG,6BAAqB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAQ;;wBAC9F,8BAAM,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW,IAAG,6BAAqB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAQ,CAC/F,CACC,CACP,CACG;YACL,CAAC,CAAC,kBAAkB,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,kBAAkB,IAAG,kBAAkB,CAAO,CACpG,CACP,CAAC;IACJ,CAAC;IACH,yBAAC;AAAD,CAAC,AAnCD,CAAwC,KAAK,CAAC,SAAS,GAmCtD;AAnCY,gDAAkB","sourcesContent":["import * as React from 'react';\nimport { IChartHoverCardStyles, IChartHoverCardStyleProps, IChartHoverCardProps } from './ChartHoverCard.types';\nimport { classNamesFunction, IProcessedStyleSet } from '@fluentui/react';\nimport { convertToLocaleString } from '../index';\n\nconst getClassNames = classNamesFunction<IChartHoverCardStyleProps, IChartHoverCardStyles>();\nexport class ChartHoverCardBase extends React.Component<IChartHoverCardProps, {}> {\n  private _classNames: IProcessedStyleSet<IChartHoverCardStyles>;\n  public render(): React.ReactNode {\n    const { color, Legend, XValue, YValue, styles, theme, ratio, descriptionMessage, culture } = this.props;\n    this._classNames = getClassNames(styles!, {\n      theme: theme!,\n      color: color,\n      XValue: XValue,\n      isRatioPresent: !!ratio,\n    });\n    return (\n      <div className={this._classNames.calloutContentRoot}>\n        <div className={this._classNames.calloutDateTimeContainer}>\n          <div className={this._classNames.calloutContentX}>{XValue} </div>\n          {/*TO DO  if we add time for callout then will use this */}\n          {/* <div className={this._classNames.calloutContentX}>07:00am</div> */}\n        </div>\n        <div className={this._classNames.calloutInfoContainer}>\n          <div className={this._classNames.calloutBlockContainer}>\n            <div className={this._classNames.calloutlegendText}>{convertToLocaleString(Legend, culture)}</div>\n            <div className={this._classNames.calloutContentY}>{convertToLocaleString(YValue, culture)}</div>\n          </div>\n          {!!ratio && (\n            <div className={this._classNames.ratio}>\n              <>\n                <span className={this._classNames.numerator}>{convertToLocaleString(ratio[0], culture)}</span>/\n                <span className={this._classNames.denominator}>{convertToLocaleString(ratio[1], culture)}</span>\n              </>\n            </div>\n          )}\n        </div>\n        {!!descriptionMessage && <div className={this._classNames.descriptionMessage}>{descriptionMessage}</div>}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ChartHoverCard.base.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.base.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAE/B,yCAAyE;AACzE,kCAAiD;AAEjD,IAAM,aAAa,GAAG,IAAA,0BAAkB,GAAoD,CAAC;AAC7F;IAAwC,mDAAyC;IAAjF;;IAmCA,CAAC;IAjCQ,mCAAM,GAAb;QACQ,IAAA,KAAuF,IAAI,CAAC,KAAK,EAA/F,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,kBAAkB,wBAAA,EAAE,OAAO,aAAe,CAAC;QACxG,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,MAAO,EAAE;YACxC,KAAK,EAAE,KAAM;YACb,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,MAAM;YACd,cAAc,EAAE,CAAC,CAAC,KAAK;SACxB,CAAC,CAAC;QACH,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,kBAAkB;YACjD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,wBAAwB;gBACvD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,eAAe;oBAAG,MAAM;wBAAQ,CAG7D;YACN,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,oBAAoB;gBACnD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,qBAAqB;oBACpD,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,iBAAiB,IAAG,IAAA,6BAAqB,EAAC,MAAM,EAAE,OAAO,CAAC,CAAO;oBAClG,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,eAAe,IAAG,IAAA,6BAAqB,EAAC,MAAM,EAAE,OAAO,CAAC,CAAO,CAC5F;gBACL,CAAC,CAAC,KAAK,IAAI,CACV,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK;oBACpC;wBACE,8BAAM,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,SAAS,IAAG,IAAA,6BAAqB,EAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAQ;;wBAC9F,8BAAM,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW,IAAG,IAAA,6BAAqB,EAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAQ,CAC/F,CACC,CACP,CACG;YACL,CAAC,CAAC,kBAAkB,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,kBAAkB,IAAG,kBAAkB,CAAO,CACpG,CACP,CAAC;IACJ,CAAC;IACH,yBAAC;AAAD,CAAC,AAnCD,CAAwC,KAAK,CAAC,SAAS,GAmCtD;AAnCY,gDAAkB","sourcesContent":["import * as React from 'react';\nimport { IChartHoverCardStyles, IChartHoverCardStyleProps, IChartHoverCardProps } from './ChartHoverCard.types';\nimport { classNamesFunction, IProcessedStyleSet } from '@fluentui/react';\nimport { convertToLocaleString } from '../index';\n\nconst getClassNames = classNamesFunction<IChartHoverCardStyleProps, IChartHoverCardStyles>();\nexport class ChartHoverCardBase extends React.Component<IChartHoverCardProps, {}> {\n  private _classNames: IProcessedStyleSet<IChartHoverCardStyles>;\n  public render(): React.ReactNode {\n    const { color, Legend, XValue, YValue, styles, theme, ratio, descriptionMessage, culture } = this.props;\n    this._classNames = getClassNames(styles!, {\n      theme: theme!,\n      color: color,\n      XValue: XValue,\n      isRatioPresent: !!ratio,\n    });\n    return (\n      <div className={this._classNames.calloutContentRoot}>\n        <div className={this._classNames.calloutDateTimeContainer}>\n          <div className={this._classNames.calloutContentX}>{XValue} </div>\n          {/*TO DO  if we add time for callout then will use this */}\n          {/* <div className={this._classNames.calloutContentX}>07:00am</div> */}\n        </div>\n        <div className={this._classNames.calloutInfoContainer}>\n          <div className={this._classNames.calloutBlockContainer}>\n            <div className={this._classNames.calloutlegendText}>{convertToLocaleString(Legend, culture)}</div>\n            <div className={this._classNames.calloutContentY}>{convertToLocaleString(YValue, culture)}</div>\n          </div>\n          {!!ratio && (\n            <div className={this._classNames.ratio}>\n              <>\n                <span className={this._classNames.numerator}>{convertToLocaleString(ratio[0], culture)}</span>/\n                <span className={this._classNames.denominator}>{convertToLocaleString(ratio[1], culture)}</span>\n              </>\n            </div>\n          )}\n        </div>\n        {!!descriptionMessage && <div className={this._classNames.descriptionMessage}>{descriptionMessage}</div>}\n      </div>\n    );\n  }\n}\n"]}

package/lib-commonjs/utilities/ChartHoverCard/ChartHoverCard.js

@@ -5,5 +5,5 @@ var Utilities_1 = require("../../Utilities");
 var ChartHoverCard_base_1 = require("./ChartHoverCard.base");
 var ChartHoverCard_styles_1 = require("./ChartHoverCard.styles");
 //  Create a ChartHoverCard variant which uses these default styles and this styled subcomponent.
-exports.ChartHoverCard = Utilities_1.styled(ChartHoverCard_base_1.ChartHoverCardBase, ChartHoverCard_styles_1.getChartHoverCardStyles);
+exports.ChartHoverCard = (0, Utilities_1.styled)(ChartHoverCard_base_1.ChartHoverCardBase, ChartHoverCard_styles_1.getChartHoverCardStyles);
 //# sourceMappingURL=ChartHoverCard.js.map

package/lib-commonjs/utilities/ChartHoverCard/ChartHoverCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartHoverCard.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.tsx"],"names":[],"mappings":";;;AAAA,6CAAyC;AAEzC,6DAA2D;AAC3D,iEAAkE;AAGlE,iGAAiG;AACpF,QAAA,cAAc,GAAkD,kBAAM,CAIjF,wCAAkB,EAAE,+CAAuB,CAAC,CAAC","sourcesContent":["import { styled } from '../../Utilities';\nimport * as React from 'react';\nimport { ChartHoverCardBase } from './ChartHoverCard.base';\nimport { getChartHoverCardStyles } from './ChartHoverCard.styles';\nimport { IChartHoverCardStyles, IChartHoverCardStyleProps, IChartHoverCardProps } from './ChartHoverCard.types';\n\n//  Create a ChartHoverCard variant which uses these default styles and this styled subcomponent.\nexport const ChartHoverCard: React.FunctionComponent<IChartHoverCardProps> = styled<\n  IChartHoverCardProps,\n  IChartHoverCardStyleProps,\n  IChartHoverCardStyles\n>(ChartHoverCardBase, getChartHoverCardStyles);\n"]}
+{"version":3,"file":"ChartHoverCard.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.tsx"],"names":[],"mappings":";;;AAAA,6CAAyC;AAEzC,6DAA2D;AAC3D,iEAAkE;AAGlE,iGAAiG;AACpF,QAAA,cAAc,GAAkD,IAAA,kBAAM,EAIjF,wCAAkB,EAAE,+CAAuB,CAAC,CAAC","sourcesContent":["import { styled } from '../../Utilities';\nimport * as React from 'react';\nimport { ChartHoverCardBase } from './ChartHoverCard.base';\nimport { getChartHoverCardStyles } from './ChartHoverCard.styles';\nimport { IChartHoverCardStyles, IChartHoverCardStyleProps, IChartHoverCardProps } from './ChartHoverCard.types';\n\n//  Create a ChartHoverCard variant which uses these default styles and this styled subcomponent.\nexport const ChartHoverCard: React.FunctionComponent<IChartHoverCardProps> = styled<\n  IChartHoverCardProps,\n  IChartHoverCardStyleProps,\n  IChartHoverCardStyles\n>(ChartHoverCardBase, getChartHoverCardStyles);\n"]}

package/lib-commonjs/utilities/ChartHoverCard/ChartHoverCard.styles.js

@@ -34,7 +34,7 @@ var getChartHoverCardStyles = function (props) {
                 paddingLeft: '8px',
                 lineHeight: '22px',
                 color: theme.semanticColors.bodyText,
-                borderLeft: "4px solid " + color,
+                borderLeft: "4px solid ".concat(color),
             },
         ],
         calloutlegendText: [
@@ -77,7 +77,7 @@ var getChartHoverCardStyles = function (props) {
                 color: theme.semanticColors.bodyText,
                 marginTop: '10px',
                 paddingTop: '10px',
-                borderTop: "1px solid " + theme.semanticColors.menuDivider,
+                borderTop: "1px solid ".concat(theme.semanticColors.menuDivider),
             },
         ],
     };

package/lib-commonjs/utilities/ChartHoverCard/ChartHoverCard.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartHoverCard.styles.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.styles.ts"],"names":[],"mappings":";;;AACA,uDAA0D;AAEnD,IAAM,uBAAuB,GAAG,UAAC,KAAgC;IAC9D,IAAA,KAAK,GAA4C,KAAK,MAAjD,EAAE,MAAM,GAAoC,KAAK,OAAzC,EAAE,KAAK,GAA6B,KAAK,MAAlC,EAAE,KAA2B,KAAK,eAAV,EAAtB,cAAc,mBAAG,KAAK,KAAA,CAAW;IAC/D,OAAO;QACL,kBAAkB,EAAE;YAClB;gBACE,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,QAAQ;gBAClB,OAAO,EAAE,qBAAqB;gBAC9B,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;gBACpD,mBAAmB,EAAE,oBAAoB;aAC1C;SACF;QACD,wBAAwB,EAAE;YACxB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,eAAe;SAChC;QACD,eAAe,EAAE;YACf,KAAK,CAAC,KAAK,CAAC,KAAK;YACjB;gBACE,UAAU,EAAE,MAAM;gBAClB,OAAO,EAAE,KAAK;gBACd,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW;aACxC;SACF;QACD,qBAAqB,EAAE;YACrB,KAAK,CAAC,KAAK,CAAC,OAAO;YACnB;gBACE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACpC,WAAW,EAAE,KAAK;gBAClB,UAAU,EAAE,MAAM;gBAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;gBACpC,UAAU,EAAE,eAAa,KAAO;aACjC;SACF;QACD,iBAAiB,EAAE;YACjB,KAAK,CAAC,KAAK,CAAC,KAAK;YACjB;gBACE,UAAU,EAAE,MAAM;gBAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;aACrC;SACF;QACD,eAAe,EAAE;YACf,KAAK,CAAC,KAAK,CAAC,OAAO;YACnB;gBACE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ;gBACpD,UAAU,EAAE,MAAM;gBAClB,UAAU,EAAE,MAAM;aACnB;SACF;QACD,oBAAoB,EAAE;YACpB,cAAc,IAAI;gBAChB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,UAAU;aACvB;SACF;QACD,KAAK,EAAE;YACL,KAAK,CAAC,KAAK,CAAC,KAAK;YACjB;gBACE,UAAU,EAAE,KAAK;gBACjB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;aACrC;SACF;QACD,SAAS,EAAE;YACT,UAAU,EAAE,qBAAW,CAAC,IAAI;SAC7B;QACD,WAAW,EAAE;YACX,UAAU,EAAE,qBAAW,CAAC,QAAQ;SACjC;QACD,kBAAkB,EAAE;YAClB,KAAK,CAAC,KAAK,CAAC,KAAK;YACjB;gBACE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;gBACpC,SAAS,EAAE,MAAM;gBACjB,UAAU,EAAE,MAAM;gBAClB,SAAS,EAAE,eAAa,KAAK,CAAC,cAAc,CAAC,WAAa;aAC3D;SACF;KACF,CAAC;AACJ,CAAC,CAAC;AA/EW,QAAA,uBAAuB,2BA+ElC","sourcesContent":["import { IChartHoverCardStyles, IChartHoverCardStyleProps } from './ChartHoverCard.types';\nimport { FontWeights } from '@fluentui/react/lib/Styling';\n\nexport const getChartHoverCardStyles = (props: IChartHoverCardStyleProps): IChartHoverCardStyles => {\n  const { color, XValue, theme, isRatioPresent = false } = props;\n  return {\n    calloutContentRoot: [\n      {\n        display: 'grid',\n        overflow: 'hidden',\n        padding: '11px 16px 10px 16px',\n        backgroundColor: theme.semanticColors.bodyBackground,\n        backgroundBlendMode: 'normal, luminosity',\n      },\n    ],\n    calloutDateTimeContainer: {\n      display: 'flex',\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n    },\n    calloutContentX: [\n      theme.fonts.small,\n      {\n        lineHeight: '16px',\n        opacity: '0.8',\n        color: theme.semanticColors.bodySubtext,\n      },\n    ],\n    calloutBlockContainer: [\n      theme.fonts.xxLarge,\n      {\n        marginTop: XValue ? '13px' : 'unset',\n        paddingLeft: '8px',\n        lineHeight: '22px',\n        color: theme.semanticColors.bodyText,\n        borderLeft: `4px solid ${color}`,\n      },\n    ],\n    calloutlegendText: [\n      theme.fonts.small,\n      {\n        lineHeight: '16px',\n        color: theme.semanticColors.bodyText,\n      },\n    ],\n    calloutContentY: [\n      theme.fonts.xxLarge,\n      {\n        color: color ? color : theme.semanticColors.bodyText,\n        fontWeight: 'bold',\n        lineHeight: '36px',\n      },\n    ],\n    calloutInfoContainer: [\n      isRatioPresent && {\n        display: 'flex',\n        alignItems: 'flex-end',\n      },\n    ],\n    ratio: [\n      theme.fonts.small,\n      {\n        marginLeft: '6px',\n        color: theme.semanticColors.bodyText,\n      },\n    ],\n    numerator: {\n      fontWeight: FontWeights.bold,\n    },\n    denominator: {\n      fontWeight: FontWeights.semibold,\n    },\n    descriptionMessage: [\n      theme.fonts.small,\n      {\n        color: theme.semanticColors.bodyText,\n        marginTop: '10px',\n        paddingTop: '10px',\n        borderTop: `1px solid ${theme.semanticColors.menuDivider}`,\n      },\n    ],\n  };\n};\n"]}
+{"version":3,"file":"ChartHoverCard.styles.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/ChartHoverCard.styles.ts"],"names":[],"mappings":";;;AACA,uDAA0D;AAEnD,IAAM,uBAAuB,GAAG,UAAC,KAAgC;IAC9D,IAAA,KAAK,GAA4C,KAAK,MAAjD,EAAE,MAAM,GAAoC,KAAK,OAAzC,EAAE,KAAK,GAA6B,KAAK,MAAlC,EAAE,KAA2B,KAAK,eAAV,EAAtB,cAAc,mBAAG,KAAK,KAAA,CAAW;IAC/D,OAAO;QACL,kBAAkB,EAAE;YAClB;gBACE,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,QAAQ;gBAClB,OAAO,EAAE,qBAAqB;gBAC9B,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;gBACpD,mBAAmB,EAAE,oBAAoB;aAC1C;SACF;QACD,wBAAwB,EAAE;YACxB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,eAAe;SAChC;QACD,eAAe,EAAE;YACf,KAAK,CAAC,KAAK,CAAC,KAAK;YACjB;gBACE,UAAU,EAAE,MAAM;gBAClB,OAAO,EAAE,KAAK;gBACd,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW;aACxC;SACF;QACD,qBAAqB,EAAE;YACrB,KAAK,CAAC,KAAK,CAAC,OAAO;YACnB;gBACE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACpC,WAAW,EAAE,KAAK;gBAClB,UAAU,EAAE,MAAM;gBAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;gBACpC,UAAU,EAAE,oBAAa,KAAK,CAAE;aACjC;SACF;QACD,iBAAiB,EAAE;YACjB,KAAK,CAAC,KAAK,CAAC,KAAK;YACjB;gBACE,UAAU,EAAE,MAAM;gBAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;aACrC;SACF;QACD,eAAe,EAAE;YACf,KAAK,CAAC,KAAK,CAAC,OAAO;YACnB;gBACE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ;gBACpD,UAAU,EAAE,MAAM;gBAClB,UAAU,EAAE,MAAM;aACnB;SACF;QACD,oBAAoB,EAAE;YACpB,cAAc,IAAI;gBAChB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,UAAU;aACvB;SACF;QACD,KAAK,EAAE;YACL,KAAK,CAAC,KAAK,CAAC,KAAK;YACjB;gBACE,UAAU,EAAE,KAAK;gBACjB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;aACrC;SACF;QACD,SAAS,EAAE;YACT,UAAU,EAAE,qBAAW,CAAC,IAAI;SAC7B;QACD,WAAW,EAAE;YACX,UAAU,EAAE,qBAAW,CAAC,QAAQ;SACjC;QACD,kBAAkB,EAAE;YAClB,KAAK,CAAC,KAAK,CAAC,KAAK;YACjB;gBACE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;gBACpC,SAAS,EAAE,MAAM;gBACjB,UAAU,EAAE,MAAM;gBAClB,SAAS,EAAE,oBAAa,KAAK,CAAC,cAAc,CAAC,WAAW,CAAE;aAC3D;SACF;KACF,CAAC;AACJ,CAAC,CAAC;AA/EW,QAAA,uBAAuB,2BA+ElC","sourcesContent":["import { IChartHoverCardStyles, IChartHoverCardStyleProps } from './ChartHoverCard.types';\nimport { FontWeights } from '@fluentui/react/lib/Styling';\n\nexport const getChartHoverCardStyles = (props: IChartHoverCardStyleProps): IChartHoverCardStyles => {\n  const { color, XValue, theme, isRatioPresent = false } = props;\n  return {\n    calloutContentRoot: [\n      {\n        display: 'grid',\n        overflow: 'hidden',\n        padding: '11px 16px 10px 16px',\n        backgroundColor: theme.semanticColors.bodyBackground,\n        backgroundBlendMode: 'normal, luminosity',\n      },\n    ],\n    calloutDateTimeContainer: {\n      display: 'flex',\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n    },\n    calloutContentX: [\n      theme.fonts.small,\n      {\n        lineHeight: '16px',\n        opacity: '0.8',\n        color: theme.semanticColors.bodySubtext,\n      },\n    ],\n    calloutBlockContainer: [\n      theme.fonts.xxLarge,\n      {\n        marginTop: XValue ? '13px' : 'unset',\n        paddingLeft: '8px',\n        lineHeight: '22px',\n        color: theme.semanticColors.bodyText,\n        borderLeft: `4px solid ${color}`,\n      },\n    ],\n    calloutlegendText: [\n      theme.fonts.small,\n      {\n        lineHeight: '16px',\n        color: theme.semanticColors.bodyText,\n      },\n    ],\n    calloutContentY: [\n      theme.fonts.xxLarge,\n      {\n        color: color ? color : theme.semanticColors.bodyText,\n        fontWeight: 'bold',\n        lineHeight: '36px',\n      },\n    ],\n    calloutInfoContainer: [\n      isRatioPresent && {\n        display: 'flex',\n        alignItems: 'flex-end',\n      },\n    ],\n    ratio: [\n      theme.fonts.small,\n      {\n        marginLeft: '6px',\n        color: theme.semanticColors.bodyText,\n      },\n    ],\n    numerator: {\n      fontWeight: FontWeights.bold,\n    },\n    denominator: {\n      fontWeight: FontWeights.semibold,\n    },\n    descriptionMessage: [\n      theme.fonts.small,\n      {\n        color: theme.semanticColors.bodyText,\n        marginTop: '10px',\n        paddingTop: '10px',\n        borderTop: `1px solid ${theme.semanticColors.menuDivider}`,\n      },\n    ],\n  };\n};\n"]}

package/lib-commonjs/utilities/ChartHoverCard/index.js

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

package/lib-commonjs/utilities/ChartHoverCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/index.ts"],"names":[],"mappings":";;;AAAA,2DAAiC;AACjC,kEAAwC;AACxC,iEAAuC","sourcesContent":["export * from './ChartHoverCard';\nexport * from './ChartHoverCard.styles';\nexport * from './ChartHoverCard.types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/ChartHoverCard/index.ts"],"names":[],"mappings":";;;AAAA,gEAAiC;AACjC,uEAAwC;AACxC,sEAAuC","sourcesContent":["export * from './ChartHoverCard';\nexport * from './ChartHoverCard.styles';\nexport * from './ChartHoverCard.types';\n"]}

package/lib-commonjs/utilities/FocusableTooltipText.js

@@ -11,13 +11,13 @@ var Utilities_1 = require("../Utilities");
  * because of the CSS text-overflow property.
  */
 var FocusableTooltipText = /** @class */ (function (_super) {
-    tslib_1.__extends(FocusableTooltipText, _super);
+    (0, tslib_1.__extends)(FocusableTooltipText, _super);
     function FocusableTooltipText(props) {
         var _this = _super.call(this, props) || this;
         _this._tooltipChild = React.createRef();
         _this._checkTextOverflow = function () {
             var overflowElement = _this._getTargetElement();
-            var textOverflow = !!overflowElement && react_1.hasOverflow(overflowElement);
+            var textOverflow = !!overflowElement && (0, react_1.hasOverflow)(overflowElement);
             if (textOverflow !== _this.state.textOverflow) {
                 _this.setState({ textOverflow: textOverflow });
             }
@@ -37,7 +37,7 @@ var FocusableTooltipText = /** @class */ (function (_super) {
     FocusableTooltipText.prototype.render = function () {
         var _a = this.props, className = _a.className, content = _a.content, accessibilityData = _a.accessibilityData;
         return (React.createElement(react_1.TooltipHost, { overflowMode: react_1.TooltipOverflowMode.Self, hostClassName: className, content: content },
-            React.createElement("span", tslib_1.__assign({}, index_1.getAccessibleDataObject(accessibilityData), { ref: this._tooltipChild, "data-is-focusable": this.state.textOverflow }), content)));
+            React.createElement("span", (0, tslib_1.__assign)({}, (0, index_1.getAccessibleDataObject)(accessibilityData), { ref: this._tooltipChild, "data-is-focusable": this.state.textOverflow }), content)));
     };
     FocusableTooltipText.prototype.componentDidMount = function () {
         var overflowElement = this._getTargetElement();

package/lib-commonjs/utilities/FocusableTooltipText.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusableTooltipText.js","sourceRoot":"../src/","sources":["utilities/FocusableTooltipText.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAC/B,yCAAmG;AACnG,iCAAkD;AAElD,0CAAqC;AAYrC;;;GAGG;AACH;IAA0C,gDAAuE;IAK/G,8BAAY,KAAiC;QAA7C,YACE,kBAAM,KAAK,CAAC,SAOb;QAZO,mBAAa,GAAG,KAAK,CAAC,SAAS,EAAmB,CAAC;QA2CnD,wBAAkB,GAAG;YAC3B,IAAM,eAAe,GAAG,KAAI,CAAC,iBAAiB,EAAE,CAAC;YACjD,IAAM,YAAY,GAAG,CAAC,CAAC,eAAe,IAAI,mBAAW,CAAC,eAAe,CAAC,CAAC;YACvE,IAAI,YAAY,KAAK,KAAI,CAAC,KAAK,CAAC,YAAY,EAAE;gBAC5C,KAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,cAAA,EAAE,CAAC,CAAC;aACjC;QACH,CAAC,CAAC;QAEM,uBAAiB,GAAG;YAC1B,IAAI,CAAC,KAAI,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,KAAI,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,EAAE;gBAC5E,OAAO,SAAS,CAAC;aAClB;YAED,OAAO,KAAI,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC;QAClD,CAAC,CAAC;QAlDA,KAAI,CAAC,KAAK,GAAG;YACX,YAAY,EAAE,KAAK;SACpB,CAAC;QAEF,KAAI,CAAC,MAAM,GAAG,IAAI,iBAAK,CAAC,KAAI,CAAC,CAAC;;IAChC,CAAC;IAEM,qCAAM,GAAb;QACQ,IAAA,KAA4C,IAAI,CAAC,KAAK,EAApD,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,iBAAiB,uBAAe,CAAC;QAE7D,OAAO,CACL,oBAAC,mBAAW,IAAC,YAAY,EAAE,2BAAmB,CAAC,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO;YAC7F,iDACM,+BAAuB,CAAC,iBAAiB,CAAC,IAC9C,GAAG,EAAE,IAAI,CAAC,aAAa,uBACJ,IAAI,CAAC,KAAK,CAAC,YAAY,KAEzC,OAAO,CACH,CACK,CACf,CAAC;IACJ,CAAC;IAEM,gDAAiB,GAAxB;QACE,IAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACjD,IAAI,MAAM,CAAC,cAAc,IAAI,eAAe,EAAE;YAC5C,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC,CAAC;YAC9F,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;SAC/C;IACH,CAAC;IAEM,mDAAoB,GAA3B;;QACE,MAAA,IAAI,CAAC,eAAe,0CAAE,UAAU,EAAE,CAAC;QACnC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;IACxB,CAAC;IAiBH,2BAAC;AAAD,CAAC,AA3DD,CAA0C,KAAK,CAAC,SAAS,GA2DxD;AA3DY,oDAAoB","sourcesContent":["import * as React from 'react';\nimport { hasOverflow, ITooltipHostProps, TooltipHost, TooltipOverflowMode } from '@fluentui/react';\nimport { getAccessibleDataObject } from './index';\nimport { IAccessibilityProps } from '../types/index';\nimport { Async } from '../Utilities';\n\ninterface IFocusableTooltipTextProps {\n  className?: ITooltipHostProps['hostClassName'];\n  content?: ITooltipHostProps['content'];\n  accessibilityData?: IAccessibilityProps;\n}\n\ninterface IFocusableTooltipTextState {\n  textOverflow: boolean;\n}\n\n/**\n * Component to make the text focusable when the overflowed content is clipped\n * because of the CSS text-overflow property.\n */\nexport class FocusableTooltipText extends React.Component<IFocusableTooltipTextProps, IFocusableTooltipTextState> {\n  private _tooltipChild = React.createRef<HTMLSpanElement>();\n  private _resizeObserver?: ResizeObserver;\n  private _async: Async;\n\n  constructor(props: IFocusableTooltipTextProps) {\n    super(props);\n\n    this.state = {\n      textOverflow: false,\n    };\n\n    this._async = new Async(this);\n  }\n\n  public render(): React.ReactNode {\n    const { className, content, accessibilityData } = this.props;\n\n    return (\n      <TooltipHost overflowMode={TooltipOverflowMode.Self} hostClassName={className} content={content}>\n        <span\n          {...getAccessibleDataObject(accessibilityData)}\n          ref={this._tooltipChild}\n          data-is-focusable={this.state.textOverflow}\n        >\n          {content}\n        </span>\n      </TooltipHost>\n    );\n  }\n\n  public componentDidMount(): void {\n    const overflowElement = this._getTargetElement();\n    if (window.ResizeObserver && overflowElement) {\n      this._resizeObserver = new ResizeObserver(this._async.debounce(this._checkTextOverflow, 500));\n      this._resizeObserver.observe(overflowElement);\n    }\n  }\n\n  public componentWillUnmount(): void {\n    this._resizeObserver?.disconnect();\n    this._async.dispose();\n  }\n\n  private _checkTextOverflow = (): void => {\n    const overflowElement = this._getTargetElement();\n    const textOverflow = !!overflowElement && hasOverflow(overflowElement);\n    if (textOverflow !== this.state.textOverflow) {\n      this.setState({ textOverflow });\n    }\n  };\n\n  private _getTargetElement = (): HTMLElement | undefined => {\n    if (!this._tooltipChild.current || !this._tooltipChild.current.parentElement) {\n      return undefined;\n    }\n\n    return this._tooltipChild.current.parentElement;\n  };\n}\n"]}
+{"version":3,"file":"FocusableTooltipText.js","sourceRoot":"../src/","sources":["utilities/FocusableTooltipText.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAC/B,yCAAmG;AACnG,iCAAkD;AAElD,0CAAqC;AAYrC;;;GAGG;AACH;IAA0C,qDAAuE;IAK/G,8BAAY,KAAiC;QAA7C,YACE,kBAAM,KAAK,CAAC,SAOb;QAZO,mBAAa,GAAG,KAAK,CAAC,SAAS,EAAmB,CAAC;QA2CnD,wBAAkB,GAAG;YAC3B,IAAM,eAAe,GAAG,KAAI,CAAC,iBAAiB,EAAE,CAAC;YACjD,IAAM,YAAY,GAAG,CAAC,CAAC,eAAe,IAAI,IAAA,mBAAW,EAAC,eAAe,CAAC,CAAC;YACvE,IAAI,YAAY,KAAK,KAAI,CAAC,KAAK,CAAC,YAAY,EAAE;gBAC5C,KAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,cAAA,EAAE,CAAC,CAAC;aACjC;QACH,CAAC,CAAC;QAEM,uBAAiB,GAAG;YAC1B,IAAI,CAAC,KAAI,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,KAAI,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,EAAE;gBAC5E,OAAO,SAAS,CAAC;aAClB;YAED,OAAO,KAAI,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC;QAClD,CAAC,CAAC;QAlDA,KAAI,CAAC,KAAK,GAAG;YACX,YAAY,EAAE,KAAK;SACpB,CAAC;QAEF,KAAI,CAAC,MAAM,GAAG,IAAI,iBAAK,CAAC,KAAI,CAAC,CAAC;;IAChC,CAAC;IAEM,qCAAM,GAAb;QACQ,IAAA,KAA4C,IAAI,CAAC,KAAK,EAApD,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,iBAAiB,uBAAe,CAAC;QAE7D,OAAO,CACL,oBAAC,mBAAW,IAAC,YAAY,EAAE,2BAAmB,CAAC,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO;YAC7F,sDACM,IAAA,+BAAuB,EAAC,iBAAiB,CAAC,IAC9C,GAAG,EAAE,IAAI,CAAC,aAAa,uBACJ,IAAI,CAAC,KAAK,CAAC,YAAY,KAEzC,OAAO,CACH,CACK,CACf,CAAC;IACJ,CAAC;IAEM,gDAAiB,GAAxB;QACE,IAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACjD,IAAI,MAAM,CAAC,cAAc,IAAI,eAAe,EAAE;YAC5C,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC,CAAC;YAC9F,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;SAC/C;IACH,CAAC;IAEM,mDAAoB,GAA3B;;QACE,MAAA,IAAI,CAAC,eAAe,0CAAE,UAAU,EAAE,CAAC;QACnC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;IACxB,CAAC;IAiBH,2BAAC;AAAD,CAAC,AA3DD,CAA0C,KAAK,CAAC,SAAS,GA2DxD;AA3DY,oDAAoB","sourcesContent":["import * as React from 'react';\nimport { hasOverflow, ITooltipHostProps, TooltipHost, TooltipOverflowMode } from '@fluentui/react';\nimport { getAccessibleDataObject } from './index';\nimport { IAccessibilityProps } from '../types/index';\nimport { Async } from '../Utilities';\n\ninterface IFocusableTooltipTextProps {\n  className?: ITooltipHostProps['hostClassName'];\n  content?: ITooltipHostProps['content'];\n  accessibilityData?: IAccessibilityProps;\n}\n\ninterface IFocusableTooltipTextState {\n  textOverflow: boolean;\n}\n\n/**\n * Component to make the text focusable when the overflowed content is clipped\n * because of the CSS text-overflow property.\n */\nexport class FocusableTooltipText extends React.Component<IFocusableTooltipTextProps, IFocusableTooltipTextState> {\n  private _tooltipChild = React.createRef<HTMLSpanElement>();\n  private _resizeObserver?: ResizeObserver;\n  private _async: Async;\n\n  constructor(props: IFocusableTooltipTextProps) {\n    super(props);\n\n    this.state = {\n      textOverflow: false,\n    };\n\n    this._async = new Async(this);\n  }\n\n  public render(): React.ReactNode {\n    const { className, content, accessibilityData } = this.props;\n\n    return (\n      <TooltipHost overflowMode={TooltipOverflowMode.Self} hostClassName={className} content={content}>\n        <span\n          {...getAccessibleDataObject(accessibilityData)}\n          ref={this._tooltipChild}\n          data-is-focusable={this.state.textOverflow}\n        >\n          {content}\n        </span>\n      </TooltipHost>\n    );\n  }\n\n  public componentDidMount(): void {\n    const overflowElement = this._getTargetElement();\n    if (window.ResizeObserver && overflowElement) {\n      this._resizeObserver = new ResizeObserver(this._async.debounce(this._checkTextOverflow, 500));\n      this._resizeObserver.observe(overflowElement);\n    }\n  }\n\n  public componentWillUnmount(): void {\n    this._resizeObserver?.disconnect();\n    this._async.dispose();\n  }\n\n  private _checkTextOverflow = (): void => {\n    const overflowElement = this._getTargetElement();\n    const textOverflow = !!overflowElement && hasOverflow(overflowElement);\n    if (textOverflow !== this.state.textOverflow) {\n      this.setState({ textOverflow });\n    }\n  };\n\n  private _getTargetElement = (): HTMLElement | undefined => {\n    if (!this._tooltipChild.current || !this._tooltipChild.current.parentElement) {\n      return undefined;\n    }\n\n    return this._tooltipChild.current.parentElement;\n  };\n}\n"]}

package/lib-commonjs/utilities/index.js

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

package/lib-commonjs/utilities/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/index.ts"],"names":[],"mappings":";;;AAAA,iEAAuC;AACvC,sDAA4B;AAC5B,mDAAyB","sourcesContent":["export * from './ChartHoverCard/index';\nexport * from './utilities';\nexport * from './colors';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/index.ts"],"names":[],"mappings":";;;AAAA,sEAAuC;AACvC,2DAA4B;AAC5B,wDAAyB","sourcesContent":["export * from './ChartHoverCard/index';\nexport * from './utilities';\nexport * from './colors';\n"]}