@fluentui/react-charting 5.5.14 → 5.6.3

package/lib/Styling.d.ts

@@ -1 +1,2 @@
-export * from '@fluentui/react/lib/Styling';
+export { AnimationClassNames, AnimationStyles, AnimationVariables, ColorClassNames, DefaultEffects, DefaultFontStyles, DefaultPalette, EdgeChromiumHighContrastSelector, FontClassNames, FontSizes, FontWeights, HighContrastSelector, HighContrastSelectorBlack, HighContrastSelectorWhite, IconFontSizes, InjectionMode, PulsingBeaconAnimationStyles, ScreenWidthMaxLarge, ScreenWidthMaxMedium, ScreenWidthMaxSmall, ScreenWidthMaxXLarge, ScreenWidthMaxXXLarge, ScreenWidthMinLarge, ScreenWidthMinMedium, ScreenWidthMinSmall, ScreenWidthMinUhfMobile, ScreenWidthMinXLarge, ScreenWidthMinXXLarge, ScreenWidthMinXXXLarge, Stylesheet, ThemeSettingName, ZIndexes, buildClassMap, concatStyleSets, concatStyleSetsWithProps, createFontStyles, createTheme, focusClear, fontFace, getEdgeChromiumNoHighContrastAdjustSelector, getFadedOverflowStyle, getFocusOutlineStyle, getFocusStyle, getGlobalClassNames, getHighContrastNoAdjustStyle, getIcon, getIconClassName, getInputFocusStyle, getPlaceholderStyles, getScreenSelector, getTheme, getThemedContext, hiddenContentStyle, keyframes, loadTheme, mergeStyleSets, mergeStyles, noWrap, normalize, registerDefaultFontFaces, registerIconAlias, registerIcons, registerOnThemeChangeCallback, removeOnThemeChangeCallback, setIconOptions, unregisterIcons, } from '@fluentui/react/lib/Styling';
+export type { GlobalClassNames, IAnimationStyles, IAnimationVariables, ICSPSettings, IEffects, IFontFace, IFontStyles, IFontWeight, IGetFocusStylesOptions, IIconOptions, IIconRecord, IIconSubset, IIconSubsetRecord, IPalette, IPartialTheme, IProcessedStyleSet, IRawStyle, IScheme, ISchemeNames, ISemanticColors, ISemanticTextColors, ISpacing, IStyle, IStyleSet, IStyleSheetConfig, ITheme, } from '@fluentui/react/lib/Styling';

package/lib/Styling.js

@@ -1,2 +1,6 @@
-export * from '@fluentui/react/lib/Styling';
+export { AnimationClassNames, AnimationStyles, AnimationVariables, ColorClassNames, DefaultEffects, DefaultFontStyles, DefaultPalette, EdgeChromiumHighContrastSelector, FontClassNames, FontSizes, FontWeights, HighContrastSelector, HighContrastSelectorBlack, HighContrastSelectorWhite, IconFontSizes, InjectionMode, PulsingBeaconAnimationStyles, ScreenWidthMaxLarge, ScreenWidthMaxMedium, ScreenWidthMaxSmall, ScreenWidthMaxXLarge, ScreenWidthMaxXXLarge, ScreenWidthMinLarge, ScreenWidthMinMedium, ScreenWidthMinSmall, ScreenWidthMinUhfMobile, ScreenWidthMinXLarge, ScreenWidthMinXXLarge, ScreenWidthMinXXXLarge, Stylesheet, ThemeSettingName, ZIndexes, buildClassMap, concatStyleSets, concatStyleSetsWithProps, createFontStyles, createTheme, focusClear, fontFace, 
+// eslint-disable-next-line deprecation/deprecation
+getEdgeChromiumNoHighContrastAdjustSelector, getFadedOverflowStyle, getFocusOutlineStyle, 
+// eslint-disable-next-line deprecation/deprecation
+getFocusStyle, getGlobalClassNames, getHighContrastNoAdjustStyle, getIcon, getIconClassName, getInputFocusStyle, getPlaceholderStyles, getScreenSelector, getTheme, getThemedContext, hiddenContentStyle, keyframes, loadTheme, mergeStyleSets, mergeStyles, noWrap, normalize, registerDefaultFontFaces, registerIconAlias, registerIcons, registerOnThemeChangeCallback, removeOnThemeChangeCallback, setIconOptions, unregisterIcons, } from '@fluentui/react/lib/Styling';
 //# sourceMappingURL=Styling.js.map

package/lib/Styling.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styling.js","sourceRoot":"../src/","sources":["Styling.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC","sourcesContent":["export * from '@fluentui/react/lib/Styling';\n"]}
+{"version":3,"file":"Styling.js","sourceRoot":"../src/","sources":["Styling.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,gCAAgC,EAChC,cAAc,EACd,SAAS,EACT,WAAW,EACX,oBAAoB,EACpB,yBAAyB,EACzB,yBAAyB,EACzB,aAAa,EACb,aAAa,EACb,4BAA4B,EAC5B,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,uBAAuB,EACvB,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,aAAa,EACb,eAAe,EACf,wBAAwB,EACxB,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,QAAQ;AACR,mDAAmD;AACnD,2CAA2C,EAC3C,qBAAqB,EACrB,oBAAoB;AACpB,mDAAmD;AACnD,aAAa,EACb,mBAAmB,EACnB,4BAA4B,EAC5B,OAAO,EACP,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,QAAQ,EACR,gBAAgB,EAChB,kBAAkB,EAClB,SAAS,EACT,SAAS,EACT,cAAc,EACd,WAAW,EACX,MAAM,EACN,SAAS,EACT,wBAAwB,EACxB,iBAAiB,EACjB,aAAa,EACb,6BAA6B,EAC7B,2BAA2B,EAC3B,cAAc,EACd,eAAe,GAChB,MAAM,6BAA6B,CAAC","sourcesContent":["export {\n  AnimationClassNames,\n  AnimationStyles,\n  AnimationVariables,\n  ColorClassNames,\n  DefaultEffects,\n  DefaultFontStyles,\n  DefaultPalette,\n  EdgeChromiumHighContrastSelector,\n  FontClassNames,\n  FontSizes,\n  FontWeights,\n  HighContrastSelector,\n  HighContrastSelectorBlack,\n  HighContrastSelectorWhite,\n  IconFontSizes,\n  InjectionMode,\n  PulsingBeaconAnimationStyles,\n  ScreenWidthMaxLarge,\n  ScreenWidthMaxMedium,\n  ScreenWidthMaxSmall,\n  ScreenWidthMaxXLarge,\n  ScreenWidthMaxXXLarge,\n  ScreenWidthMinLarge,\n  ScreenWidthMinMedium,\n  ScreenWidthMinSmall,\n  ScreenWidthMinUhfMobile,\n  ScreenWidthMinXLarge,\n  ScreenWidthMinXXLarge,\n  ScreenWidthMinXXXLarge,\n  Stylesheet,\n  ThemeSettingName,\n  ZIndexes,\n  buildClassMap,\n  concatStyleSets,\n  concatStyleSetsWithProps,\n  createFontStyles,\n  createTheme,\n  focusClear,\n  fontFace,\n  // eslint-disable-next-line deprecation/deprecation\n  getEdgeChromiumNoHighContrastAdjustSelector,\n  getFadedOverflowStyle,\n  getFocusOutlineStyle,\n  // eslint-disable-next-line deprecation/deprecation\n  getFocusStyle,\n  getGlobalClassNames,\n  getHighContrastNoAdjustStyle,\n  getIcon,\n  getIconClassName,\n  getInputFocusStyle,\n  getPlaceholderStyles,\n  getScreenSelector,\n  getTheme,\n  getThemedContext,\n  hiddenContentStyle,\n  keyframes,\n  loadTheme,\n  mergeStyleSets,\n  mergeStyles,\n  noWrap,\n  normalize,\n  registerDefaultFontFaces,\n  registerIconAlias,\n  registerIcons,\n  registerOnThemeChangeCallback,\n  removeOnThemeChangeCallback,\n  setIconOptions,\n  unregisterIcons,\n} from '@fluentui/react/lib/Styling';\nexport type {\n  GlobalClassNames,\n  IAnimationStyles,\n  IAnimationVariables,\n  ICSPSettings,\n  IEffects,\n  IFontFace,\n  IFontStyles,\n  IFontWeight,\n  IGetFocusStylesOptions,\n  IIconOptions,\n  IIconRecord,\n  IIconSubset,\n  IIconSubsetRecord,\n  IPalette,\n  IPartialTheme,\n  IProcessedStyleSet,\n  IRawStyle,\n  IScheme,\n  ISchemeNames,\n  ISemanticColors,\n  ISemanticTextColors,\n  ISpacing,\n  IStyle,\n  IStyleSet,\n  IStyleSheetConfig,\n  ITheme,\n} from '@fluentui/react/lib/Styling';\n"]}

package/lib/Utilities.d.ts

@@ -1 +1,2 @@
-export * from '@fluentui/react/lib/Utilities';
+export { Async, AutoScroll, BaseComponent, Customizations, Customizer, CustomizerContext, DATA_IS_SCROLLABLE_ATTRIBUTE, DATA_PORTAL_ATTRIBUTE, DelayedRender, EventGroup, FabricPerformance, FocusRects, GlobalSettings, IsFocusVisibleClassName, KeyCodes, Rectangle, SELECTION_CHANGE, Selection, SelectionDirection, SelectionMode, addDirectionalKeyCode, addElementAtIndex, allowOverscrollOnElement, allowScrollOnElement, anchorProperties, appendFunction, arraysEqual, asAsync, assertNever, assign, audioProperties, baseElementEvents, baseElementProperties, buttonProperties, calculatePrecision, classNamesFunction, colGroupProperties, colProperties, composeComponentAs, composeRenderFunction, createArray, createMemoizer, createMergedRef, css, customizable, disableBodyScroll, divProperties, doesElementContainFocus, elementContains, elementContainsAttribute, enableBodyScroll, extendComponent, filteredAssign, find, findElementRecursive, findIndex, findScrollableParent, fitContentToBounds, flatten, focusAsync, focusFirstChild, formProperties, format, getChildren, getDistanceBetweenPoints, getDocument, getElementIndexPath, getFirstFocusable, getFirstTabbable, getFirstVisibleElementFromSelector, getFocusableByIndexPath, getId, getInitials, getLanguage, getLastFocusable, getLastTabbable, getNativeElementProps, getNativeProps, getNextElement, getParent, getPreviousElement, getPropsWithDefaults, getRTL, getRTLSafeKeyCode, getRect, getResourceUrl, getScrollbarWidth, getVirtualParent, getWindow, hasHorizontalOverflow, hasOverflow, hasVerticalOverflow, hoistMethods, hoistStatics, htmlElementProperties, iframeProperties, imageProperties, imgProperties, initializeComponentRef, initializeFocusRects, inputProperties, isControlled, isDirectionalKeyCode, isElementFocusSubZone, isElementFocusZone, isElementTabbable, isElementVisible, isElementVisibleAndNotHidden, isIE11, isIOS, isMac, isVirtualElement, labelProperties, liProperties, mapEnumByName, memoize, memoizeFunction, merge, mergeAriaAttributeValues, mergeCustomizations, mergeScopedSettings, mergeSettings, modalize, nullRender, olProperties, omit, on, optionProperties, portalContainsElement, precisionRound, raiseClick, removeIndex, replaceElement, resetControlledWarnings, resetIds, resetMemoizations, safeRequestAnimationFrame, safeSetTimeout, selectProperties, setBaseUrl, setFocusVisibility, setLanguage, setMemoizeWeakMap, setPortalAttribute, setRTL, setSSR, setVirtualParent, setWarningCallback, shallowCompare, shouldWrapFocus, styled, tableProperties, tdProperties, textAreaProperties, thProperties, toMatrix, trProperties, unhoistMethods, useCustomizationSettings, useFocusRects, values, videoProperties, warn, warnConditionallyRequiredProps, warnControlledUsage, warnDeprecations, warnMutuallyExclusive, } from '@fluentui/react/lib/Utilities';
+export type { FitMode, IAsAsyncOptions, IBaseProps, ICancelable, IChangeDescription, IChangeEventCallback, IClassNames, IClassNamesFunctionOptions, IComponentAs, IComponentAsProps, ICssInput, ICustomizableProps, ICustomizations, ICustomizerContext, ICustomizerProps, IDeclaredEventsByName, IDelayedRenderProps, IDelayedRenderState, IDictionary, IDisposable, IEventRecord, IEventRecordList, IEventRecordsByName, IFitContentToBoundsOptions, IObjectWithKey, IPerfData, IPerfMeasurement, IPerfSummary, IPoint, IPropsWithStyles, IRectangle, IRefObject, IRenderComponent, IRenderFunction, ISelection, ISelectionOptions, ISelectionOptionsWithRequiredGetKey, ISerializableObject, ISettings, ISettingsFunction, ISettingsMap, ISize, IStyleFunction, IStyleFunctionOrObject, IVirtualElement, IWarnControlledUsageParams, Omit, Point, RefObject, Settings, SettingsFunction, StyleFunction, } from '@fluentui/react/lib/Utilities';

package/lib/Utilities.js

@@ -1,2 +1,16 @@
-export * from '@fluentui/react/lib/Utilities';
+export { Async, AutoScroll, 
+// eslint-disable-next-line deprecation/deprecation
+BaseComponent, Customizations, 
+// eslint-disable-next-line deprecation/deprecation
+Customizer, CustomizerContext, DATA_IS_SCROLLABLE_ATTRIBUTE, DATA_PORTAL_ATTRIBUTE, DelayedRender, EventGroup, FabricPerformance, FocusRects, GlobalSettings, IsFocusVisibleClassName, KeyCodes, Rectangle, SELECTION_CHANGE, Selection, SelectionDirection, SelectionMode, addDirectionalKeyCode, addElementAtIndex, allowOverscrollOnElement, allowScrollOnElement, anchorProperties, appendFunction, arraysEqual, asAsync, assertNever, assign, audioProperties, baseElementEvents, baseElementProperties, buttonProperties, calculatePrecision, classNamesFunction, colGroupProperties, colProperties, composeComponentAs, composeRenderFunction, createArray, createMemoizer, createMergedRef, css, customizable, disableBodyScroll, divProperties, doesElementContainFocus, elementContains, elementContainsAttribute, enableBodyScroll, extendComponent, filteredAssign, find, findElementRecursive, findIndex, findScrollableParent, fitContentToBounds, flatten, focusAsync, focusFirstChild, formProperties, format, getChildren, getDistanceBetweenPoints, getDocument, getElementIndexPath, getFirstFocusable, getFirstTabbable, getFirstVisibleElementFromSelector, getFocusableByIndexPath, getId, getInitials, getLanguage, getLastFocusable, getLastTabbable, getNativeElementProps, getNativeProps, getNextElement, getParent, getPreviousElement, getPropsWithDefaults, getRTL, getRTLSafeKeyCode, getRect, 
+// eslint-disable-next-line deprecation/deprecation
+getResourceUrl, getScrollbarWidth, getVirtualParent, getWindow, hasHorizontalOverflow, hasOverflow, hasVerticalOverflow, hoistMethods, hoistStatics, htmlElementProperties, iframeProperties, 
+// eslint-disable-next-line deprecation/deprecation
+imageProperties, imgProperties, initializeComponentRef, 
+// eslint-disable-next-line deprecation/deprecation
+initializeFocusRects, inputProperties, isControlled, isDirectionalKeyCode, isElementFocusSubZone, isElementFocusZone, isElementTabbable, isElementVisible, isElementVisibleAndNotHidden, isIE11, isIOS, isMac, isVirtualElement, labelProperties, liProperties, mapEnumByName, memoize, memoizeFunction, merge, mergeAriaAttributeValues, mergeCustomizations, mergeScopedSettings, mergeSettings, modalize, nullRender, olProperties, omit, on, optionProperties, portalContainsElement, precisionRound, raiseClick, removeIndex, replaceElement, resetControlledWarnings, resetIds, resetMemoizations, safeRequestAnimationFrame, safeSetTimeout, selectProperties, 
+// eslint-disable-next-line deprecation/deprecation
+setBaseUrl, setFocusVisibility, 
+// eslint-disable-next-line deprecation/deprecation
+setLanguage, setMemoizeWeakMap, setPortalAttribute, setRTL, setSSR, setVirtualParent, setWarningCallback, shallowCompare, shouldWrapFocus, styled, tableProperties, tdProperties, textAreaProperties, thProperties, toMatrix, trProperties, unhoistMethods, useCustomizationSettings, useFocusRects, values, videoProperties, warn, warnConditionallyRequiredProps, warnControlledUsage, warnDeprecations, warnMutuallyExclusive, } from '@fluentui/react/lib/Utilities';
 //# sourceMappingURL=Utilities.js.map

package/lib/Utilities.js.map

@@ -1 +1 @@
-{"version":3,"file":"Utilities.js","sourceRoot":"../src/","sources":["Utilities.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC","sourcesContent":["export * from '@fluentui/react/lib/Utilities';\n"]}
+{"version":3,"file":"Utilities.js","sourceRoot":"../src/","sources":["Utilities.ts"],"names":[],"mappings":"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","sourcesContent":["export {\n  Async,\n  AutoScroll,\n  // eslint-disable-next-line deprecation/deprecation\n  BaseComponent,\n  Customizations,\n  // eslint-disable-next-line deprecation/deprecation\n  Customizer,\n  CustomizerContext,\n  DATA_IS_SCROLLABLE_ATTRIBUTE,\n  DATA_PORTAL_ATTRIBUTE,\n  DelayedRender,\n  EventGroup,\n  FabricPerformance,\n  FocusRects,\n  GlobalSettings,\n  IsFocusVisibleClassName,\n  KeyCodes,\n  Rectangle,\n  SELECTION_CHANGE,\n  Selection,\n  SelectionDirection,\n  SelectionMode,\n  addDirectionalKeyCode,\n  addElementAtIndex,\n  allowOverscrollOnElement,\n  allowScrollOnElement,\n  anchorProperties,\n  appendFunction,\n  arraysEqual,\n  asAsync,\n  assertNever,\n  assign,\n  audioProperties,\n  baseElementEvents,\n  baseElementProperties,\n  buttonProperties,\n  calculatePrecision,\n  classNamesFunction,\n  colGroupProperties,\n  colProperties,\n  composeComponentAs,\n  composeRenderFunction,\n  createArray,\n  createMemoizer,\n  createMergedRef,\n  css,\n  customizable,\n  disableBodyScroll,\n  divProperties,\n  doesElementContainFocus,\n  elementContains,\n  elementContainsAttribute,\n  enableBodyScroll,\n  extendComponent,\n  filteredAssign,\n  find,\n  findElementRecursive,\n  findIndex,\n  findScrollableParent,\n  fitContentToBounds,\n  flatten,\n  focusAsync,\n  focusFirstChild,\n  formProperties,\n  format,\n  getChildren,\n  getDistanceBetweenPoints,\n  getDocument,\n  getElementIndexPath,\n  getFirstFocusable,\n  getFirstTabbable,\n  getFirstVisibleElementFromSelector,\n  getFocusableByIndexPath,\n  getId,\n  getInitials,\n  getLanguage,\n  getLastFocusable,\n  getLastTabbable,\n  getNativeElementProps,\n  getNativeProps,\n  getNextElement,\n  getParent,\n  getPreviousElement,\n  getPropsWithDefaults,\n  getRTL,\n  getRTLSafeKeyCode,\n  getRect,\n  // eslint-disable-next-line deprecation/deprecation\n  getResourceUrl,\n  getScrollbarWidth,\n  getVirtualParent,\n  getWindow,\n  hasHorizontalOverflow,\n  hasOverflow,\n  hasVerticalOverflow,\n  hoistMethods,\n  hoistStatics,\n  htmlElementProperties,\n  iframeProperties,\n  // eslint-disable-next-line deprecation/deprecation\n  imageProperties,\n  imgProperties,\n  initializeComponentRef,\n  // eslint-disable-next-line deprecation/deprecation\n  initializeFocusRects,\n  inputProperties,\n  isControlled,\n  isDirectionalKeyCode,\n  isElementFocusSubZone,\n  isElementFocusZone,\n  isElementTabbable,\n  isElementVisible,\n  isElementVisibleAndNotHidden,\n  isIE11,\n  isIOS,\n  isMac,\n  isVirtualElement,\n  labelProperties,\n  liProperties,\n  mapEnumByName,\n  memoize,\n  memoizeFunction,\n  merge,\n  mergeAriaAttributeValues,\n  mergeCustomizations,\n  mergeScopedSettings,\n  mergeSettings,\n  modalize,\n  nullRender,\n  olProperties,\n  omit,\n  on,\n  optionProperties,\n  portalContainsElement,\n  precisionRound,\n  raiseClick,\n  removeIndex,\n  replaceElement,\n  resetControlledWarnings,\n  resetIds,\n  resetMemoizations,\n  safeRequestAnimationFrame,\n  safeSetTimeout,\n  selectProperties,\n  // eslint-disable-next-line deprecation/deprecation\n  setBaseUrl,\n  setFocusVisibility,\n  // eslint-disable-next-line deprecation/deprecation\n  setLanguage,\n  setMemoizeWeakMap,\n  setPortalAttribute,\n  setRTL,\n  setSSR,\n  setVirtualParent,\n  setWarningCallback,\n  shallowCompare,\n  shouldWrapFocus,\n  styled,\n  tableProperties,\n  tdProperties,\n  textAreaProperties,\n  thProperties,\n  toMatrix,\n  trProperties,\n  unhoistMethods,\n  useCustomizationSettings,\n  useFocusRects,\n  values,\n  videoProperties,\n  warn,\n  warnConditionallyRequiredProps,\n  warnControlledUsage,\n  warnDeprecations,\n  warnMutuallyExclusive,\n} from '@fluentui/react/lib/Utilities';\nexport type {\n  FitMode,\n  IAsAsyncOptions,\n  IBaseProps,\n  ICancelable,\n  IChangeDescription,\n  IChangeEventCallback,\n  // eslint-disable-next-line deprecation/deprecation\n  IClassNames,\n  IClassNamesFunctionOptions,\n  IComponentAs,\n  IComponentAsProps,\n  ICssInput,\n  ICustomizableProps,\n  ICustomizations,\n  ICustomizerContext,\n  ICustomizerProps,\n  IDeclaredEventsByName,\n  IDelayedRenderProps,\n  IDelayedRenderState,\n  IDictionary,\n  IDisposable,\n  IEventRecord,\n  IEventRecordList,\n  IEventRecordsByName,\n  IFitContentToBoundsOptions,\n  IObjectWithKey,\n  IPerfData,\n  IPerfMeasurement,\n  IPerfSummary,\n  // eslint-disable-next-line deprecation/deprecation\n  IPoint,\n  IPropsWithStyles,\n  IRectangle,\n  IRefObject,\n  IRenderComponent,\n  IRenderFunction,\n  ISelection,\n  ISelectionOptions,\n  ISelectionOptionsWithRequiredGetKey,\n  ISerializableObject,\n  ISettings,\n  ISettingsFunction,\n  ISettingsMap,\n  ISize,\n  IStyleFunction,\n  IStyleFunctionOrObject,\n  IVirtualElement,\n  IWarnControlledUsageParams,\n  // eslint-disable-next-line deprecation/deprecation\n  Omit,\n  Point,\n  RefObject,\n  // eslint-disable-next-line deprecation/deprecation\n  Settings,\n  // eslint-disable-next-line deprecation/deprecation\n  SettingsFunction,\n  StyleFunction,\n} from '@fluentui/react/lib/Utilities';\n"]}

package/lib/components/CommonComponents/CartesianChart.base.js

@@ -25,13 +25,13 @@ var CartesianChartBase = /** @class */ (function (_super) {
             var yValueHoverSubCountsExists = _this._yValueHoverSubCountsExists(calloutProps.YValueHover);
             return (React.createElement("div", { className: _this._classNames.calloutContentRoot },
                 React.createElement("div", { className: _this._classNames.calloutDateTimeContainer, style: yValueHoverSubCountsExists ? { marginBottom: '11px' } : {} },
-                    React.createElement("div", __assign({ className: _this._classNames.calloutContentX }, getAccessibleDataObject(calloutProps.xAxisCalloutAccessibilityData)), convertToLocaleString(calloutProps.hoverXValue, _this.props.culture))),
+                    React.createElement("div", __assign({ className: _this._classNames.calloutContentX }, getAccessibleDataObject(calloutProps.xAxisCalloutAccessibilityData, 'text', false)), convertToLocaleString(calloutProps.hoverXValue, _this.props.culture))),
                 React.createElement("div", { className: _this._classNames.calloutInfoContainer, style: yValueHoverSubCountsExists ? { display: 'flex' } : {} },
                     calloutProps.YValueHover &&
                         calloutProps.YValueHover.map(function (yValue, index, yValues) {
                             var isLast = index + 1 === yValues.length;
                             var _a = yValue.shouldDrawBorderBottom, shouldDrawBorderBottom = _a === void 0 ? false : _a;
-                            return (React.createElement("div", __assign({}, getAccessibleDataObject(yValue.callOutAccessibilityData), { key: "callout-content-" + index, style: yValueHoverSubCountsExists
+                            return (React.createElement("div", __assign({}, getAccessibleDataObject(yValue.callOutAccessibilityData, 'text', false), { key: "callout-content-" + index, style: yValueHoverSubCountsExists
                                     ? __assign({ display: 'inline-block' }, (shouldDrawBorderBottom && {
                                         borderBottom: "1px solid " + _this.props.theme.semanticColors.menuDivider,
                                         paddingBottom: '10px',

package/lib/components/CommonComponents/CartesianChart.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"CartesianChart.base.js","sourceRoot":"../src/","sources":["components/CommonComponents/CartesianChart.base.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { IProcessedStyleSet } from '@fluentui/react/lib/Styling';\nimport { classNamesFunction, getId, getRTL } from '@fluentui/react/lib/Utilities';\nimport { Callout } from '@fluentui/react/lib/Callout';\nimport { FocusZone, FocusZoneDirection } from '@fluentui/react-focus';\nimport {\n  ICartesianChartStyles,\n  ICartesianChartStyleProps,\n  IModifiedCartesianChartProps,\n  IYValueHover,\n} from '../../index';\nimport {\n  ChartHoverCard,\n  convertToLocaleString,\n  createNumericXAxis,\n  createStringXAxis,\n  IAxisData,\n  getAccessibleDataObject,\n  getDomainNRangeValues,\n  createDateXAxis,\n  createYAxis,\n  createStringYAxis,\n  IMargins,\n  getMinMaxOfYAxis,\n  XAxisTypes,\n  YAxisType,\n  createWrapOfXLabels,\n  Points,\n  pointTypes,\n} from '../../utilities/index';\nimport { LegendShape, Shape } from '../Legends/index';\n\nconst getClassNames = classNamesFunction<ICartesianChartStyleProps, ICartesianChartStyles>();\n\nexport interface ICartesianChartState {\n  containerWidth: number;\n  containerHeight: number;\n  _width: number;\n  _height: number;\n  /* To update this values using setState in render method.\n   * To avoid multiple re renders, Only first time setting the value.\n   */\n  isRemoveValCalculated?: boolean;\n  /* Used for when WrapXAxisLabels props appeared.\n   * To display the total word (space separated words), Need to have more space than usual.\n   * This height will get total height need to disaply total word.\n   * These value need to be removed from actual svg height/graph height.\n   * Defalut value is 0. And this values calculted when 'wrapXAxisLables' or 'showXAxisLablesTooltip' is true.\n   */\n  _removalValueForTextTuncate?: number;\n}\n\n/**\n * Cartesian chart used for\n * 1.draw X and Y axis of the chart\n * 2.Callout\n * 3.Fit parent Continer\n */\nexport class CartesianChartBase extends React.Component<IModifiedCartesianChartProps, ICartesianChartState> {\n  private _classNames: IProcessedStyleSet<ICartesianChartStyles>;\n  private chartContainer: HTMLDivElement;\n  private legendContainer: HTMLDivElement;\n  private minLegendContainerHeight: number = 32;\n  private xAxisElement: SVGElement | null;\n  private yAxisElement: SVGElement | null;\n  private margins: IMargins;\n  private idForGraph: string;\n  private _reqID: number;\n  private _isRtl: boolean = getRTL();\n\n  constructor(props: IModifiedCartesianChartProps) {\n    super(props);\n    this.state = {\n      containerHeight: 0,\n      containerWidth: 0,\n      _width: this.props.width || 600,\n      _height: this.props.height || 350,\n      _removalValueForTextTuncate: 0,\n      isRemoveValCalculated: true,\n    };\n    this.idForGraph = getId('chart_');\n    /**\n     * In RTL mode, Only graph will be rendered left/right. We need to provide left and right margins manually.\n     * So that, in RTL, left margins becomes right margins and viceversa.\n     * As graph needs to be drawn perfecty, these values consider as default values.\n     * Same margins using for all other cartesian charts. Can be accessible through 'getMargins' call back method.\n     */\n    this.margins = {\n      top: this.props.margins?.top ?? 20,\n      bottom: this.props.margins?.bottom ?? 35,\n      right: this._isRtl ? this.props.margins?.left ?? 40 : this.props.margins?.right ?? 20,\n      left: this._isRtl ? this.props.margins?.right ?? 20 : this.props.margins?.left ?? 40,\n    };\n  }\n\n  public componentDidMount(): void {\n    this._fitParentContainer();\n  }\n\n  public componentWillUnmount(): void {\n    cancelAnimationFrame(this._reqID);\n  }\n\n  public componentDidUpdate(prevProps: IModifiedCartesianChartProps): void {\n    if (prevProps.height !== this.props.height || prevProps.width !== this.props.width) {\n      this._fitParentContainer();\n    }\n  }\n\n  public render(): JSX.Element {\n    const { calloutProps, points, chartType, chartHoverProps, svgFocusZoneProps, svgProps, culture } = this.props;\n    if (this.props.parentRef) {\n      this._fitParentContainer();\n    }\n    // Callback for margins to the chart\n    this.props.getmargins && this.props.getmargins(this.margins);\n\n    const XAxisParams = {\n      domainNRangeValues: getDomainNRangeValues(\n        points,\n        this.margins,\n        this.state.containerWidth,\n        chartType,\n        this._isRtl,\n        this.props.xAxisType,\n        this.props.barwidth!,\n        this.props.tickValues!,\n      ),\n      xAxisElement: this.xAxisElement!,\n      showRoundOffXTickValues: true,\n      xAxisCount: this.props.xAxisTickCount,\n      xAxistickSize: this.props.xAxistickSize,\n      tickPadding: this.props.tickPadding || this.props.showXAxisLablesTooltip ? 5 : 10,\n      xAxisPadding: this.props.xAxisPadding,\n    };\n\n    const YAxisParams = {\n      margins: this.margins,\n      containerWidth: this.state.containerWidth,\n      containerHeight: this.state.containerHeight - this.state._removalValueForTextTuncate!,\n      yAxisElement: this.yAxisElement,\n      yAxisTickFormat: this.props.yAxisTickFormat!,\n      yAxisTickCount: this.props.yAxisTickCount!,\n      yMinValue: this.props.yMinValue || 0,\n      yMaxValue: this.props.yMaxValue || 0,\n      tickPadding: 10,\n      maxOfYVal: this.props.maxOfYVal,\n      yMinMaxValues: getMinMaxOfYAxis(points, chartType),\n      yAxisPadding: this.props.yAxisPadding,\n    };\n\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let xScale: any;\n    switch (this.props.xAxisType!) {\n      case XAxisTypes.NumericAxis:\n        xScale = createNumericXAxis(XAxisParams, culture);\n        break;\n      case XAxisTypes.DateAxis:\n        xScale = createDateXAxis(XAxisParams, this.props.tickParams!);\n        break;\n      case XAxisTypes.StringAxis:\n        xScale = createStringXAxis(XAxisParams, this.props.tickParams!, this.props.datasetForXAxisDomain!, culture);\n        break;\n      default:\n        xScale = createNumericXAxis(XAxisParams, culture);\n    }\n\n    /*\n     * To enable wrapping of x axis tick values or to disaply complete x axis tick values,\n     * we need to calculate how much space it needed to render the text.\n     * No need to re-calculate every time the chart renders and same time need to get an update. So using setState.\n     * Required space will be calculated first time chart rendering and if any width/height of chart updated.\n     * */\n    if (this.props.wrapXAxisLables || this.props.showXAxisLablesTooltip) {\n      const wrapLabelProps = {\n        node: this.xAxisElement,\n        xAxis: xScale,\n        showXAxisLablesTooltip: this.props.showXAxisLablesTooltip || false,\n        noOfCharsToTruncate: this.props.noOfCharsToTruncate || 4,\n      };\n      const temp = xScale && (createWrapOfXLabels(wrapLabelProps) as number);\n      // this value need to be updated for draw graph updated. So instead of using private value, using set state.\n      if (this.state.isRemoveValCalculated && this.state._removalValueForTextTuncate !== temp) {\n        this.setState({ _removalValueForTextTuncate: temp, isRemoveValCalculated: false });\n      }\n    }\n\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let yScale: any;\n    const axisData: IAxisData = { yAxisDomainValues: [] };\n    if (this.props.yAxisType && this.props.yAxisType === YAxisType.StringAxis) {\n      yScale = createStringYAxis(YAxisParams, this.props.stringDatasetForYAxisDomain!, this._isRtl);\n    } else {\n      yScale = createYAxis(YAxisParams, this._isRtl, axisData);\n    }\n    this.props.getAxisData && this.props.getAxisData(axisData);\n    // Callback function for chart, returns axis\n    this._getData(xScale, yScale);\n\n    this._classNames = getClassNames(this.props.styles!, {\n      theme: this.props.theme!,\n      width: this.state._width,\n      height: this.state._height,\n      className: this.props.className,\n      isRtl: this._isRtl,\n    });\n\n    const svgDimensions = {\n      width: this.state.containerWidth,\n      height: this.state.containerHeight,\n    };\n\n    const children = this.props.children({\n      ...this.state,\n      xScale,\n      yScale,\n    });\n\n    let focusDirection;\n    if (this.props.focusZoneDirection === FocusZoneDirection.vertical) {\n      focusDirection = this.props.focusZoneDirection;\n    } else if (this.props.focusZoneDirection) {\n      focusDirection = this.props.focusZoneDirection;\n    } else {\n      focusDirection = FocusZoneDirection.horizontal;\n    }\n    return (\n      <div\n        id={this.idForGraph}\n        className={this._classNames.root}\n        role={'presentation'}\n        ref={(rootElem: HTMLDivElement) => (this.chartContainer = rootElem)}\n      >\n        <FocusZone direction={focusDirection} {...svgFocusZoneProps}>\n          <svg\n            width={svgDimensions.width}\n            height={svgDimensions.height}\n            aria-label={this.props.chartTitle}\n            style={{ display: 'block' }}\n            {...svgProps}\n          >\n            <g\n              ref={(e: SVGElement | null) => {\n                this.xAxisElement = e;\n              }}\n              id={`xAxisGElement${this.idForGraph}`}\n              // To add wrap of x axis lables feature, need to remove word height from svg height.\n              transform={`translate(0, ${\n                svgDimensions.height - this.margins.bottom! - this.state._removalValueForTextTuncate!\n              })`}\n              className={this._classNames.xAxis}\n            />\n            <g\n              ref={(e: SVGElement | null) => {\n                this.yAxisElement = e;\n              }}\n              id={`yAxisGElement${this.idForGraph}`}\n              transform={`translate(${\n                this._isRtl ? svgDimensions.width - this.margins.right! : this.margins.left!\n              }, 0)`}\n              className={this._classNames.yAxis}\n            />\n            {children}\n          </svg>\n        </FocusZone>\n        {!this.props.hideLegend && (\n          <div ref={(e: HTMLDivElement) => (this.legendContainer = e)} className={this._classNames.legendContainer}>\n            {this.props.legendBars}\n          </div>\n        )}\n        {!this.props.hideTooltip && calloutProps!.isCalloutVisible && (\n          <Callout {...calloutProps}>\n            {/** Given custom callout, then it will render */}\n            {this.props.customizedCallout && this.props.customizedCallout}\n            {/** single x point its corresponding y points of all the bars/lines in chart will render in callout */}\n            {!this.props.customizedCallout && this.props.isCalloutForStack && this._multiValueCallout(calloutProps)}\n            {/** single x point its corresponding y point of single line/bar in the chart will render in callout */}\n            {!this.props.customizedCallout && !this.props.isCalloutForStack && (\n              <ChartHoverCard\n                XValue={calloutProps.XValue}\n                Legend={calloutProps.legend!}\n                YValue={calloutProps.YValue!}\n                color={calloutProps.color!}\n                culture={this.props.culture}\n                {...chartHoverProps}\n              />\n            )}\n          </Callout>\n        )}\n      </div>\n    );\n  }\n\n  // TO DO: Write a common functional component for Multi value callout and divide sub count method\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private _multiValueCallout = (calloutProps: any) => {\n    const yValueHoverSubCountsExists: boolean = this._yValueHoverSubCountsExists(calloutProps.YValueHover);\n    return (\n      <div className={this._classNames.calloutContentRoot}>\n        <div\n          className={this._classNames.calloutDateTimeContainer}\n          style={yValueHoverSubCountsExists ? { marginBottom: '11px' } : {}}\n        >\n          <div\n            className={this._classNames.calloutContentX}\n            {...getAccessibleDataObject(calloutProps!.xAxisCalloutAccessibilityData)}\n          >\n            {convertToLocaleString(calloutProps!.hoverXValue, this.props.culture)}\n          </div>\n        </div>\n        <div\n          className={this._classNames.calloutInfoContainer}\n          style={yValueHoverSubCountsExists ? { display: 'flex' } : {}}\n        >\n          {calloutProps!.YValueHover &&\n            calloutProps!.YValueHover.map((yValue: IYValueHover, index: number, yValues: IYValueHover[]) => {\n              const isLast: boolean = index + 1 === yValues.length;\n              const { shouldDrawBorderBottom = false } = yValue;\n              return (\n                <div\n                  {...getAccessibleDataObject(yValue.callOutAccessibilityData)}\n                  key={`callout-content-${index}`}\n                  style={\n                    yValueHoverSubCountsExists\n                      ? {\n                          display: 'inline-block',\n                          ...(shouldDrawBorderBottom && {\n                            borderBottom: `1px solid ${this.props.theme!.semanticColors.menuDivider}`,\n                            paddingBottom: '10px',\n                          }),\n                        }\n                      : {\n                          ...(shouldDrawBorderBottom && {\n                            borderBottom: `1px solid ${this.props.theme!.semanticColors.menuDivider}`,\n                            paddingBottom: '10px',\n                          }),\n                        }\n                  }\n                >\n                  {this._getCalloutContent(yValue, index, yValueHoverSubCountsExists, isLast)}\n                </div>\n              );\n            })}\n          {!!calloutProps.descriptionMessage && (\n            <div className={this._classNames.descriptionMessage}>{calloutProps.descriptionMessage}</div>\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  private _yValueHoverSubCountsExists(yValueHover?: IYValueHover[]) {\n    if (yValueHover) {\n      return yValueHover.some(\n        (yValue: {\n          legend?: string;\n          y?: number;\n          color?: string;\n          yAxisCalloutData?: string | { [id: string]: number };\n        }) => yValue.yAxisCalloutData && typeof yValue.yAxisCalloutData !== 'string',\n      );\n    }\n    return false;\n  }\n\n  private _getCalloutContent(\n    xValue: IYValueHover,\n    index: number,\n    yValueHoverSubCountsExists: boolean,\n    isLast: boolean,\n  ): React.ReactNode {\n    const marginStyle: React.CSSProperties = isLast ? {} : { marginRight: '16px' };\n    const toDrawShape = xValue.index !== undefined && xValue.index !== -1;\n    const _classNames = getClassNames(this.props.styles!, {\n      theme: this.props.theme!,\n      width: this.state._width,\n      height: this.state._height,\n      className: this.props.className,\n      isRtl: this._isRtl,\n      lineColor: xValue.color,\n      toDrawShape,\n    });\n\n    const { culture } = this.props;\n    const yValue = convertToLocaleString(xValue.y, culture);\n    if (!xValue.yAxisCalloutData || typeof xValue.yAxisCalloutData === 'string') {\n      return (\n        <div style={yValueHoverSubCountsExists ? marginStyle : {}}>\n          {yValueHoverSubCountsExists && (\n            <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n              {xValue.legend!} ({yValue})\n            </div>\n          )}\n          <div id={`${index}_${xValue.y}`} className={_classNames.calloutBlockContainer}>\n            {toDrawShape && (\n              <Shape\n                svgProps={{\n                  className: _classNames.shapeStyles,\n                }}\n                pathProps={{ fill: xValue.color }}\n                shape={Points[xValue.index! % Object.keys(pointTypes).length] as LegendShape}\n              />\n            )}\n            <div>\n              <div className={_classNames.calloutlegendText}> {xValue.legend}</div>\n              <div className={_classNames.calloutContentY}>\n                {convertToLocaleString(\n                  xValue.yAxisCalloutData ? xValue.yAxisCalloutData : xValue.y || xValue.data,\n                  culture,\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      );\n    } else {\n      const subcounts: { [id: string]: number } = xValue.yAxisCalloutData as { [id: string]: number };\n      return (\n        <div style={marginStyle}>\n          <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n            {xValue.legend!} ({yValue})\n          </div>\n          {Object.keys(subcounts).map((subcountName: string) => {\n            return (\n              <div key={subcountName} className={_classNames.calloutBlockContainer}>\n                <div className={_classNames.calloutlegendText}> {convertToLocaleString(subcountName, culture)}</div>\n                <div className={_classNames.calloutContentY}>\n                  {convertToLocaleString(subcounts[subcountName], culture)}\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      );\n    }\n  }\n\n  /**\n   * When screen resizes, along with screen, chart also auto adjusted.\n   * This method used to adjust height and width of the charts.\n   */\n  private _fitParentContainer(): void {\n    const { containerWidth, containerHeight } = this.state;\n    this._reqID = requestAnimationFrame(() => {\n      let legendContainerHeight;\n      if (this.props.hideLegend) {\n        // If there is no legend, need not to allocate some space from total chart space.\n        legendContainerHeight = 0;\n      } else {\n        const legendContainerComputedStyles = getComputedStyle(this.legendContainer);\n        legendContainerHeight =\n          (this.legendContainer.getBoundingClientRect().height || this.minLegendContainerHeight) +\n          parseFloat(legendContainerComputedStyles.marginTop || '0') +\n          parseFloat(legendContainerComputedStyles.marginBottom || '0');\n      }\n      const container = this.props.parentRef ? this.props.parentRef : this.chartContainer;\n      const currentContainerWidth = container.getBoundingClientRect().width;\n      const currentContainerHeight =\n        container.getBoundingClientRect().height > legendContainerHeight\n          ? container.getBoundingClientRect().height\n          : 350;\n      const shouldResize =\n        containerWidth !== currentContainerWidth || containerHeight !== currentContainerHeight - legendContainerHeight;\n      if (shouldResize) {\n        this.setState({\n          containerWidth: currentContainerWidth,\n          containerHeight: currentContainerHeight - legendContainerHeight,\n        });\n      }\n    });\n  }\n\n  // Call back to the chart.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private _getData = (xScale: any, yScale: any) => {\n    this.props.getGraphData &&\n      this.props.getGraphData(\n        xScale,\n        yScale,\n        this.state.containerHeight - this.state._removalValueForTextTuncate!,\n        this.state.containerWidth,\n        this.xAxisElement,\n      );\n  };\n}\n"]}
+{"version":3,"file":"CartesianChart.base.js","sourceRoot":"../src/","sources":["components/CommonComponents/CartesianChart.base.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { IProcessedStyleSet } from '@fluentui/react/lib/Styling';\nimport { classNamesFunction, getId, getRTL } from '@fluentui/react/lib/Utilities';\nimport { Callout } from '@fluentui/react/lib/Callout';\nimport { FocusZone, FocusZoneDirection } from '@fluentui/react-focus';\nimport {\n  ICartesianChartStyles,\n  ICartesianChartStyleProps,\n  IModifiedCartesianChartProps,\n  IYValueHover,\n} from '../../index';\nimport {\n  ChartHoverCard,\n  convertToLocaleString,\n  createNumericXAxis,\n  createStringXAxis,\n  IAxisData,\n  getAccessibleDataObject,\n  getDomainNRangeValues,\n  createDateXAxis,\n  createYAxis,\n  createStringYAxis,\n  IMargins,\n  getMinMaxOfYAxis,\n  XAxisTypes,\n  YAxisType,\n  createWrapOfXLabels,\n  Points,\n  pointTypes,\n} from '../../utilities/index';\nimport { LegendShape, Shape } from '../Legends/index';\n\nconst getClassNames = classNamesFunction<ICartesianChartStyleProps, ICartesianChartStyles>();\n\nexport interface ICartesianChartState {\n  containerWidth: number;\n  containerHeight: number;\n  _width: number;\n  _height: number;\n  /* To update this values using setState in render method.\n   * To avoid multiple re renders, Only first time setting the value.\n   */\n  isRemoveValCalculated?: boolean;\n  /* Used for when WrapXAxisLabels props appeared.\n   * To display the total word (space separated words), Need to have more space than usual.\n   * This height will get total height need to disaply total word.\n   * These value need to be removed from actual svg height/graph height.\n   * Defalut value is 0. And this values calculted when 'wrapXAxisLables' or 'showXAxisLablesTooltip' is true.\n   */\n  _removalValueForTextTuncate?: number;\n}\n\n/**\n * Cartesian chart used for\n * 1.draw X and Y axis of the chart\n * 2.Callout\n * 3.Fit parent Continer\n */\nexport class CartesianChartBase extends React.Component<IModifiedCartesianChartProps, ICartesianChartState> {\n  private _classNames: IProcessedStyleSet<ICartesianChartStyles>;\n  private chartContainer: HTMLDivElement;\n  private legendContainer: HTMLDivElement;\n  private minLegendContainerHeight: number = 32;\n  private xAxisElement: SVGElement | null;\n  private yAxisElement: SVGElement | null;\n  private margins: IMargins;\n  private idForGraph: string;\n  private _reqID: number;\n  private _isRtl: boolean = getRTL();\n\n  constructor(props: IModifiedCartesianChartProps) {\n    super(props);\n    this.state = {\n      containerHeight: 0,\n      containerWidth: 0,\n      _width: this.props.width || 600,\n      _height: this.props.height || 350,\n      _removalValueForTextTuncate: 0,\n      isRemoveValCalculated: true,\n    };\n    this.idForGraph = getId('chart_');\n    /**\n     * In RTL mode, Only graph will be rendered left/right. We need to provide left and right margins manually.\n     * So that, in RTL, left margins becomes right margins and viceversa.\n     * As graph needs to be drawn perfecty, these values consider as default values.\n     * Same margins using for all other cartesian charts. Can be accessible through 'getMargins' call back method.\n     */\n    this.margins = {\n      top: this.props.margins?.top ?? 20,\n      bottom: this.props.margins?.bottom ?? 35,\n      right: this._isRtl ? this.props.margins?.left ?? 40 : this.props.margins?.right ?? 20,\n      left: this._isRtl ? this.props.margins?.right ?? 20 : this.props.margins?.left ?? 40,\n    };\n  }\n\n  public componentDidMount(): void {\n    this._fitParentContainer();\n  }\n\n  public componentWillUnmount(): void {\n    cancelAnimationFrame(this._reqID);\n  }\n\n  public componentDidUpdate(prevProps: IModifiedCartesianChartProps): void {\n    if (prevProps.height !== this.props.height || prevProps.width !== this.props.width) {\n      this._fitParentContainer();\n    }\n  }\n\n  public render(): JSX.Element {\n    const { calloutProps, points, chartType, chartHoverProps, svgFocusZoneProps, svgProps, culture } = this.props;\n    if (this.props.parentRef) {\n      this._fitParentContainer();\n    }\n    // Callback for margins to the chart\n    this.props.getmargins && this.props.getmargins(this.margins);\n\n    const XAxisParams = {\n      domainNRangeValues: getDomainNRangeValues(\n        points,\n        this.margins,\n        this.state.containerWidth,\n        chartType,\n        this._isRtl,\n        this.props.xAxisType,\n        this.props.barwidth!,\n        this.props.tickValues!,\n      ),\n      xAxisElement: this.xAxisElement!,\n      showRoundOffXTickValues: true,\n      xAxisCount: this.props.xAxisTickCount,\n      xAxistickSize: this.props.xAxistickSize,\n      tickPadding: this.props.tickPadding || this.props.showXAxisLablesTooltip ? 5 : 10,\n      xAxisPadding: this.props.xAxisPadding,\n    };\n\n    const YAxisParams = {\n      margins: this.margins,\n      containerWidth: this.state.containerWidth,\n      containerHeight: this.state.containerHeight - this.state._removalValueForTextTuncate!,\n      yAxisElement: this.yAxisElement,\n      yAxisTickFormat: this.props.yAxisTickFormat!,\n      yAxisTickCount: this.props.yAxisTickCount!,\n      yMinValue: this.props.yMinValue || 0,\n      yMaxValue: this.props.yMaxValue || 0,\n      tickPadding: 10,\n      maxOfYVal: this.props.maxOfYVal,\n      yMinMaxValues: getMinMaxOfYAxis(points, chartType),\n      yAxisPadding: this.props.yAxisPadding,\n    };\n\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let xScale: any;\n    switch (this.props.xAxisType!) {\n      case XAxisTypes.NumericAxis:\n        xScale = createNumericXAxis(XAxisParams, culture);\n        break;\n      case XAxisTypes.DateAxis:\n        xScale = createDateXAxis(XAxisParams, this.props.tickParams!);\n        break;\n      case XAxisTypes.StringAxis:\n        xScale = createStringXAxis(XAxisParams, this.props.tickParams!, this.props.datasetForXAxisDomain!, culture);\n        break;\n      default:\n        xScale = createNumericXAxis(XAxisParams, culture);\n    }\n\n    /*\n     * To enable wrapping of x axis tick values or to disaply complete x axis tick values,\n     * we need to calculate how much space it needed to render the text.\n     * No need to re-calculate every time the chart renders and same time need to get an update. So using setState.\n     * Required space will be calculated first time chart rendering and if any width/height of chart updated.\n     * */\n    if (this.props.wrapXAxisLables || this.props.showXAxisLablesTooltip) {\n      const wrapLabelProps = {\n        node: this.xAxisElement,\n        xAxis: xScale,\n        showXAxisLablesTooltip: this.props.showXAxisLablesTooltip || false,\n        noOfCharsToTruncate: this.props.noOfCharsToTruncate || 4,\n      };\n      const temp = xScale && (createWrapOfXLabels(wrapLabelProps) as number);\n      // this value need to be updated for draw graph updated. So instead of using private value, using set state.\n      if (this.state.isRemoveValCalculated && this.state._removalValueForTextTuncate !== temp) {\n        this.setState({ _removalValueForTextTuncate: temp, isRemoveValCalculated: false });\n      }\n    }\n\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let yScale: any;\n    const axisData: IAxisData = { yAxisDomainValues: [] };\n    if (this.props.yAxisType && this.props.yAxisType === YAxisType.StringAxis) {\n      yScale = createStringYAxis(YAxisParams, this.props.stringDatasetForYAxisDomain!, this._isRtl);\n    } else {\n      yScale = createYAxis(YAxisParams, this._isRtl, axisData);\n    }\n    this.props.getAxisData && this.props.getAxisData(axisData);\n    // Callback function for chart, returns axis\n    this._getData(xScale, yScale);\n\n    this._classNames = getClassNames(this.props.styles!, {\n      theme: this.props.theme!,\n      width: this.state._width,\n      height: this.state._height,\n      className: this.props.className,\n      isRtl: this._isRtl,\n    });\n\n    const svgDimensions = {\n      width: this.state.containerWidth,\n      height: this.state.containerHeight,\n    };\n\n    const children = this.props.children({\n      ...this.state,\n      xScale,\n      yScale,\n    });\n\n    let focusDirection;\n    if (this.props.focusZoneDirection === FocusZoneDirection.vertical) {\n      focusDirection = this.props.focusZoneDirection;\n    } else if (this.props.focusZoneDirection) {\n      focusDirection = this.props.focusZoneDirection;\n    } else {\n      focusDirection = FocusZoneDirection.horizontal;\n    }\n    return (\n      <div\n        id={this.idForGraph}\n        className={this._classNames.root}\n        role={'presentation'}\n        ref={(rootElem: HTMLDivElement) => (this.chartContainer = rootElem)}\n      >\n        <FocusZone direction={focusDirection} {...svgFocusZoneProps}>\n          <svg\n            width={svgDimensions.width}\n            height={svgDimensions.height}\n            aria-label={this.props.chartTitle}\n            style={{ display: 'block' }}\n            {...svgProps}\n          >\n            <g\n              ref={(e: SVGElement | null) => {\n                this.xAxisElement = e;\n              }}\n              id={`xAxisGElement${this.idForGraph}`}\n              // To add wrap of x axis lables feature, need to remove word height from svg height.\n              transform={`translate(0, ${\n                svgDimensions.height - this.margins.bottom! - this.state._removalValueForTextTuncate!\n              })`}\n              className={this._classNames.xAxis}\n            />\n            <g\n              ref={(e: SVGElement | null) => {\n                this.yAxisElement = e;\n              }}\n              id={`yAxisGElement${this.idForGraph}`}\n              transform={`translate(${\n                this._isRtl ? svgDimensions.width - this.margins.right! : this.margins.left!\n              }, 0)`}\n              className={this._classNames.yAxis}\n            />\n            {children}\n          </svg>\n        </FocusZone>\n        {!this.props.hideLegend && (\n          <div ref={(e: HTMLDivElement) => (this.legendContainer = e)} className={this._classNames.legendContainer}>\n            {this.props.legendBars}\n          </div>\n        )}\n        {!this.props.hideTooltip && calloutProps!.isCalloutVisible && (\n          <Callout {...calloutProps}>\n            {/** Given custom callout, then it will render */}\n            {this.props.customizedCallout && this.props.customizedCallout}\n            {/** single x point its corresponding y points of all the bars/lines in chart will render in callout */}\n            {!this.props.customizedCallout && this.props.isCalloutForStack && this._multiValueCallout(calloutProps)}\n            {/** single x point its corresponding y point of single line/bar in the chart will render in callout */}\n            {!this.props.customizedCallout && !this.props.isCalloutForStack && (\n              <ChartHoverCard\n                XValue={calloutProps.XValue}\n                Legend={calloutProps.legend!}\n                YValue={calloutProps.YValue!}\n                color={calloutProps.color!}\n                culture={this.props.culture}\n                {...chartHoverProps}\n              />\n            )}\n          </Callout>\n        )}\n      </div>\n    );\n  }\n\n  // TO DO: Write a common functional component for Multi value callout and divide sub count method\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private _multiValueCallout = (calloutProps: any) => {\n    const yValueHoverSubCountsExists: boolean = this._yValueHoverSubCountsExists(calloutProps.YValueHover);\n    return (\n      <div className={this._classNames.calloutContentRoot}>\n        <div\n          className={this._classNames.calloutDateTimeContainer}\n          style={yValueHoverSubCountsExists ? { marginBottom: '11px' } : {}}\n        >\n          <div\n            className={this._classNames.calloutContentX}\n            {...getAccessibleDataObject(calloutProps!.xAxisCalloutAccessibilityData, 'text', false)}\n          >\n            {convertToLocaleString(calloutProps!.hoverXValue, this.props.culture)}\n          </div>\n        </div>\n        <div\n          className={this._classNames.calloutInfoContainer}\n          style={yValueHoverSubCountsExists ? { display: 'flex' } : {}}\n        >\n          {calloutProps!.YValueHover &&\n            calloutProps!.YValueHover.map((yValue: IYValueHover, index: number, yValues: IYValueHover[]) => {\n              const isLast: boolean = index + 1 === yValues.length;\n              const { shouldDrawBorderBottom = false } = yValue;\n              return (\n                <div\n                  {...getAccessibleDataObject(yValue.callOutAccessibilityData, 'text', false)}\n                  key={`callout-content-${index}`}\n                  style={\n                    yValueHoverSubCountsExists\n                      ? {\n                          display: 'inline-block',\n                          ...(shouldDrawBorderBottom && {\n                            borderBottom: `1px solid ${this.props.theme!.semanticColors.menuDivider}`,\n                            paddingBottom: '10px',\n                          }),\n                        }\n                      : {\n                          ...(shouldDrawBorderBottom && {\n                            borderBottom: `1px solid ${this.props.theme!.semanticColors.menuDivider}`,\n                            paddingBottom: '10px',\n                          }),\n                        }\n                  }\n                >\n                  {this._getCalloutContent(yValue, index, yValueHoverSubCountsExists, isLast)}\n                </div>\n              );\n            })}\n          {!!calloutProps.descriptionMessage && (\n            <div className={this._classNames.descriptionMessage}>{calloutProps.descriptionMessage}</div>\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  private _yValueHoverSubCountsExists(yValueHover?: IYValueHover[]) {\n    if (yValueHover) {\n      return yValueHover.some(\n        (yValue: {\n          legend?: string;\n          y?: number;\n          color?: string;\n          yAxisCalloutData?: string | { [id: string]: number };\n        }) => yValue.yAxisCalloutData && typeof yValue.yAxisCalloutData !== 'string',\n      );\n    }\n    return false;\n  }\n\n  private _getCalloutContent(\n    xValue: IYValueHover,\n    index: number,\n    yValueHoverSubCountsExists: boolean,\n    isLast: boolean,\n  ): React.ReactNode {\n    const marginStyle: React.CSSProperties = isLast ? {} : { marginRight: '16px' };\n    const toDrawShape = xValue.index !== undefined && xValue.index !== -1;\n    const _classNames = getClassNames(this.props.styles!, {\n      theme: this.props.theme!,\n      width: this.state._width,\n      height: this.state._height,\n      className: this.props.className,\n      isRtl: this._isRtl,\n      lineColor: xValue.color,\n      toDrawShape,\n    });\n\n    const { culture } = this.props;\n    const yValue = convertToLocaleString(xValue.y, culture);\n    if (!xValue.yAxisCalloutData || typeof xValue.yAxisCalloutData === 'string') {\n      return (\n        <div style={yValueHoverSubCountsExists ? marginStyle : {}}>\n          {yValueHoverSubCountsExists && (\n            <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n              {xValue.legend!} ({yValue})\n            </div>\n          )}\n          <div id={`${index}_${xValue.y}`} className={_classNames.calloutBlockContainer}>\n            {toDrawShape && (\n              <Shape\n                svgProps={{\n                  className: _classNames.shapeStyles,\n                }}\n                pathProps={{ fill: xValue.color }}\n                shape={Points[xValue.index! % Object.keys(pointTypes).length] as LegendShape}\n              />\n            )}\n            <div>\n              <div className={_classNames.calloutlegendText}> {xValue.legend}</div>\n              <div className={_classNames.calloutContentY}>\n                {convertToLocaleString(\n                  xValue.yAxisCalloutData ? xValue.yAxisCalloutData : xValue.y || xValue.data,\n                  culture,\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      );\n    } else {\n      const subcounts: { [id: string]: number } = xValue.yAxisCalloutData as { [id: string]: number };\n      return (\n        <div style={marginStyle}>\n          <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n            {xValue.legend!} ({yValue})\n          </div>\n          {Object.keys(subcounts).map((subcountName: string) => {\n            return (\n              <div key={subcountName} className={_classNames.calloutBlockContainer}>\n                <div className={_classNames.calloutlegendText}> {convertToLocaleString(subcountName, culture)}</div>\n                <div className={_classNames.calloutContentY}>\n                  {convertToLocaleString(subcounts[subcountName], culture)}\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      );\n    }\n  }\n\n  /**\n   * When screen resizes, along with screen, chart also auto adjusted.\n   * This method used to adjust height and width of the charts.\n   */\n  private _fitParentContainer(): void {\n    const { containerWidth, containerHeight } = this.state;\n    this._reqID = requestAnimationFrame(() => {\n      let legendContainerHeight;\n      if (this.props.hideLegend) {\n        // If there is no legend, need not to allocate some space from total chart space.\n        legendContainerHeight = 0;\n      } else {\n        const legendContainerComputedStyles = getComputedStyle(this.legendContainer);\n        legendContainerHeight =\n          (this.legendContainer.getBoundingClientRect().height || this.minLegendContainerHeight) +\n          parseFloat(legendContainerComputedStyles.marginTop || '0') +\n          parseFloat(legendContainerComputedStyles.marginBottom || '0');\n      }\n      const container = this.props.parentRef ? this.props.parentRef : this.chartContainer;\n      const currentContainerWidth = container.getBoundingClientRect().width;\n      const currentContainerHeight =\n        container.getBoundingClientRect().height > legendContainerHeight\n          ? container.getBoundingClientRect().height\n          : 350;\n      const shouldResize =\n        containerWidth !== currentContainerWidth || containerHeight !== currentContainerHeight - legendContainerHeight;\n      if (shouldResize) {\n        this.setState({\n          containerWidth: currentContainerWidth,\n          containerHeight: currentContainerHeight - legendContainerHeight,\n        });\n      }\n    });\n  }\n\n  // Call back to the chart.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private _getData = (xScale: any, yScale: any) => {\n    this.props.getGraphData &&\n      this.props.getGraphData(\n        xScale,\n        yScale,\n        this.state.containerHeight - this.state._removalValueForTextTuncate!,\n        this.state.containerWidth,\n        this.xAxisElement,\n      );\n  };\n}\n"]}

package/lib/components/DonutChart/DonutChart.base.js

@@ -103,10 +103,10 @@ var DonutChartBase = /** @class */ (function (_super) {
         var outerRadius = Math.min(this.state._width, this.state._height) / 2;
         var chartData = data && data.chartData;
         var valueInsideDonut = this._valueInsideDonut(this.props.valueInsideDonut, chartData);
-        return (React.createElement("div", { className: this._classNames.root, "aria-label": data === null || data === void 0 ? void 0 : data.chartTitle, ref: function (rootElem) { return (_this._rootElem = rootElem); } },
+        return (React.createElement("div", { className: this._classNames.root, ref: function (rootElem) { return (_this._rootElem = rootElem); } },
             React.createElement(FocusZone, { direction: FocusZoneDirection.horizontal, isCircularNavigation: true },
                 React.createElement("div", null,
-                    React.createElement("svg", { className: this._classNames.chart, ref: function (node) { return _this._setViewBox(node); } },
+                    React.createElement("svg", { className: this._classNames.chart, "aria-label": data === null || data === void 0 ? void 0 : data.chartTitle, ref: function (node) { return _this._setViewBox(node); } },
                         React.createElement(Pie, { width: this.state._width, height: this.state._height, outerRadius: outerRadius, innerRadius: this.props.innerRadius, data: chartData, onFocusCallback: this._focusCallback, hoverOnCallback: this._hoverCallback, hoverLeaveCallback: this._hoverLeave, uniqText: this._uniqText, onBlurCallback: this._onBlur, activeArc: this.state.activeLegend, focusedArcId: this.state.focusedArcId || '', href: this.props.href, calloutId: this._calloutId, valueInsideDonut: this._toLocaleString(valueInsideDonut), theme: this.props.theme })))),
             React.createElement(Callout, __assign({ target: this._currentHoverElement, alignTargetEdge: true, isBeakVisible: false, directionalHint: DirectionalHint.bottomRightEdge, gapSpace: 15, hidden: !(!this.props.hideTooltip && this.state.showHover), id: this._calloutId, onDismiss: this._closeCallout, preventDismissOnLostFocus: true }, this.props.calloutProps, getAccessibleDataObject(this.state.callOutAccessibilityData, 'text', false)), this.props.onRenderCalloutPerDataPoint ? (this.props.onRenderCalloutPerDataPoint(this.state.dataPointCalloutProps)) : (React.createElement(ChartHoverCard, { Legend: this.state.xCalloutValue ? this.state.xCalloutValue : this.state.legend, YValue: this.state.yCalloutValue ? this.state.yCalloutValue : this.state.value, color: this.state.color, culture: this.props.culture }))),
             !hideLegend && React.createElement("div", { className: this._classNames.legendContainer }, legendBars)));

package/lib/components/DonutChart/DonutChart.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"DonutChart.base.js","sourceRoot":"../src/","sources":["components/DonutChart/DonutChart.base.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { classNamesFunction, getId } from '@fluentui/react/lib/Utilities';\nimport * as scale from 'd3-scale';\nimport { IProcessedStyleSet, IPalette } from '@fluentui/react/lib/Styling';\nimport { Callout, DirectionalHint } from '@fluentui/react/lib/Callout';\nimport { FocusZone, FocusZoneDirection } from '@fluentui/react-focus';\nimport { IAccessibilityProps, ChartHoverCard, ILegend, Legends } from '../../index';\nimport { Pie } from './Pie/index';\nimport { IChartDataPoint, IChartProps, IDonutChartProps, IDonutChartStyleProps, IDonutChartStyles } from './index';\nimport { convertToLocaleString, getAccessibleDataObject } from '../../utilities/index';\nconst getClassNames = classNamesFunction<IDonutChartStyleProps, IDonutChartStyles>();\n\nexport interface IDonutChartState {\n  showHover?: boolean;\n  value?: string | undefined;\n  legend?: string | undefined;\n  _width?: number | undefined;\n  _height?: number | undefined;\n  activeLegend?: string;\n  color?: string | undefined;\n  isLegendSelected?: boolean;\n  xCalloutValue?: string;\n  yCalloutValue?: string;\n  focusedArcId?: string;\n  selectedLegend: string;\n  dataPointCalloutProps?: IChartDataPoint;\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\nexport class DonutChartBase extends React.Component<IDonutChartProps, IDonutChartState> {\n  public static defaultProps: Partial<IDonutChartProps> = {\n    innerRadius: 0,\n  };\n  public _colors: scale.ScaleOrdinal<string, {}>;\n  private _classNames: IProcessedStyleSet<IDonutChartStyles>;\n  private _rootElem: HTMLElement | null;\n  private _uniqText: string;\n  /* eslint-disable @typescript-eslint/no-explicit-any */\n  private _currentHoverElement: any;\n  private _calloutId: string;\n\n  public static getDerivedStateFromProps(\n    nextProps: Readonly<IDonutChartProps>,\n    prevState: Readonly<IDonutChartState>,\n  ): Partial<IDonutChartState> | null {\n    if (nextProps.height && nextProps.height !== prevState._height && nextProps.width !== prevState._width) {\n      const reducedHeight = nextProps.height / 5;\n      return { _width: nextProps.width, _height: nextProps.height - reducedHeight };\n    }\n    return null;\n  }\n\n  constructor(props: IDonutChartProps) {\n    super(props);\n    this.state = {\n      showHover: false,\n      value: '',\n      legend: '',\n      _width: this.props.width || 200,\n      _height: this.props.height || 200,\n      activeLegend: '',\n      color: '',\n      isLegendSelected: false,\n      xCalloutValue: '',\n      yCalloutValue: '',\n      selectedLegend: 'none',\n      focusedArcId: '',\n    };\n    this._hoverCallback = this._hoverCallback.bind(this);\n    this._focusCallback = this._focusCallback.bind(this);\n    this._hoverLeave = this._hoverLeave.bind(this);\n    this._calloutId = getId('callout');\n    this._uniqText = getId('_Pie_');\n  }\n  public componentDidMount(): void {\n    /* 80% Height to the Chart\n       20% Height to the Legends\n    */\n    const reducedHeight = this._rootElem && this._rootElem.offsetHeight / 5;\n    this.setState({\n      _width: (this._rootElem && this._rootElem!.offsetWidth)!,\n      _height: (this._rootElem && this._rootElem!.offsetHeight - reducedHeight!)!,\n    });\n  }\n\n  public render(): JSX.Element {\n    const { data, hideLegend = false } = this.props;\n    const { palette } = this.props.theme!;\n\n    this._classNames = getClassNames(this.props.styles!, {\n      theme: this.props.theme!,\n      width: this.state._width!,\n      height: this.state._height!,\n      color: this.state.color!,\n      className: this.props.className!,\n    });\n\n    const legendBars = this._createLegends(data!, palette);\n    const outerRadius = Math.min(this.state._width!, this.state._height!) / 2;\n    const chartData = data && data.chartData;\n    const valueInsideDonut = this._valueInsideDonut(this.props.valueInsideDonut!, chartData!);\n    return (\n      <div\n        className={this._classNames.root}\n        aria-label={data?.chartTitle}\n        ref={(rootElem: HTMLElement | null) => (this._rootElem = rootElem)}\n      >\n        <FocusZone direction={FocusZoneDirection.horizontal} isCircularNavigation={true}>\n          <div>\n            <svg className={this._classNames.chart} ref={(node: SVGElement | null) => this._setViewBox(node)}>\n              <Pie\n                width={this.state._width!}\n                height={this.state._height!}\n                outerRadius={outerRadius}\n                innerRadius={this.props.innerRadius!}\n                data={chartData!}\n                onFocusCallback={this._focusCallback}\n                hoverOnCallback={this._hoverCallback}\n                hoverLeaveCallback={this._hoverLeave}\n                uniqText={this._uniqText}\n                onBlurCallback={this._onBlur}\n                activeArc={this.state.activeLegend}\n                focusedArcId={this.state.focusedArcId || ''}\n                href={this.props.href!}\n                calloutId={this._calloutId}\n                valueInsideDonut={this._toLocaleString(valueInsideDonut)}\n                theme={this.props.theme!}\n              />\n            </svg>\n          </div>\n        </FocusZone>\n        <Callout\n          target={this._currentHoverElement}\n          alignTargetEdge={true}\n          isBeakVisible={false}\n          directionalHint={DirectionalHint.bottomRightEdge}\n          gapSpace={15}\n          hidden={!(!this.props.hideTooltip && this.state.showHover)}\n          id={this._calloutId}\n          onDismiss={this._closeCallout}\n          preventDismissOnLostFocus={true}\n          {...this.props.calloutProps!}\n          {...getAccessibleDataObject(this.state.callOutAccessibilityData, 'text', false)}\n        >\n          {this.props.onRenderCalloutPerDataPoint ? (\n            this.props.onRenderCalloutPerDataPoint(this.state.dataPointCalloutProps!)\n          ) : (\n            <ChartHoverCard\n              Legend={this.state.xCalloutValue ? this.state.xCalloutValue : this.state.legend}\n              YValue={this.state.yCalloutValue ? this.state.yCalloutValue : this.state.value}\n              color={this.state.color}\n              culture={this.props.culture}\n            />\n          )}\n        </Callout>\n        {!hideLegend && <div className={this._classNames.legendContainer}>{legendBars}</div>}\n      </div>\n    );\n  }\n\n  private _closeCallout = () => {\n    this.setState({\n      showHover: false,\n    });\n  };\n\n  private _setViewBox(node: SVGElement | null): void {\n    if (node === null) {\n      return;\n    }\n\n    const widthVal = node.parentElement ? node.parentElement.clientWidth : this.state._width;\n\n    const heightVal =\n      node.parentElement && node.parentElement?.offsetHeight > this.state._height!\n        ? node.parentElement?.offsetHeight\n        : this.state._height;\n    const viewbox = `0 0 ${widthVal!} ${heightVal!}`;\n    node.setAttribute('viewBox', viewbox);\n  }\n  private _createLegends(data: IChartProps, palette: IPalette): JSX.Element {\n    const defaultPalette: string[] = [palette.blueLight, palette.blue, palette.blueMid, palette.red, palette.black];\n    const legendDataItems =\n      data &&\n      data!.chartData!.map((point: IChartDataPoint, index: number) => {\n        const color: string = point.color ? point.color : defaultPalette[Math.floor(Math.random() * 4 + 1)];\n        // mapping data to the format Legends component needs\n        const legend: ILegend = {\n          title: point.legend!,\n          color: color,\n          action: () => {\n            if (this.state.isLegendSelected) {\n              if (this.state.activeLegend !== point.legend || this.state.activeLegend === '') {\n                this.setState({ activeLegend: point.legend!, isLegendSelected: true });\n              } else {\n                this.setState({ activeLegend: point.legend });\n              }\n            } else {\n              this.setState({ activeLegend: point.legend!, isLegendSelected: true });\n            }\n          },\n          hoverAction: () => {\n            if (this.state.activeLegend !== point.legend || this.state.activeLegend === '') {\n              this.setState({ activeLegend: point.legend! });\n            } else {\n              this.setState({ activeLegend: point.legend });\n            }\n          },\n          onMouseOutAction: () => {\n            this.setState({\n              showHover: false,\n              activeLegend: '',\n            });\n          },\n        };\n        return legend;\n      });\n    const legends = (\n      <Legends\n        legends={legendDataItems}\n        centerLegends\n        overflowProps={this.props.legendsOverflowProps}\n        focusZonePropsInHoverCard={this.props.focusZonePropsForLegendsInHoverCard}\n        overflowText={this.props.legendsOverflowText}\n        selectedLegend={this.state.selectedLegend}\n        {...this.props.legendProps}\n      />\n    );\n    return legends;\n  }\n\n  private _focusCallback = (data: IChartDataPoint, id: string, element: SVGPathElement): void => {\n    this._currentHoverElement = element;\n    this.setState({\n      showHover: true,\n      value: data.data!.toString(),\n      legend: data.legend,\n      activeLegend: data.legend,\n      color: data.color!,\n      selectedLegend: data.legend!,\n      xCalloutValue: data.xAxisCalloutData!,\n      yCalloutValue: data.yAxisCalloutData!,\n      focusedArcId: id,\n      dataPointCalloutProps: data,\n      callOutAccessibilityData: data.callOutAccessibilityData!,\n    });\n  };\n\n  private _hoverCallback = (data: IChartDataPoint, e: React.MouseEvent<SVGPathElement>): void => {\n    this._currentHoverElement = e;\n    this.setState({\n      showHover: true,\n      value: data.data!.toString(),\n      selectedLegend: data.legend!,\n      legend: data.legend,\n      color: data.color!,\n      xCalloutValue: data.xAxisCalloutData!,\n      yCalloutValue: data.yAxisCalloutData!,\n      activeLegend: data.legend,\n      dataPointCalloutProps: data,\n      callOutAccessibilityData: data.callOutAccessibilityData!,\n    });\n  };\n  private _onBlur = (): void => {\n    this.setState({ showHover: false, focusedArcId: '', activeLegend: '', selectedLegend: 'none' });\n  };\n\n  private _hoverLeave(): void {\n    this.setState({ showHover: false, activeLegend: '', selectedLegend: 'none', focusedArcId: '' });\n  }\n\n  private _valueInsideDonut(valueInsideDonut: string | number | undefined, data: IChartDataPoint[]) {\n    if (valueInsideDonut !== undefined && this.state.activeLegend !== '' && !this.state.showHover) {\n      let legendValue = valueInsideDonut;\n      data!.map((point: IChartDataPoint, index: number) => {\n        if (point.legend === this.state.activeLegend) {\n          legendValue = point.yAxisCalloutData ? point.yAxisCalloutData : point.data!;\n        }\n        return;\n      });\n      return legendValue;\n    } else {\n      return valueInsideDonut;\n    }\n  }\n\n  private _toLocaleString(data: string | number | undefined) {\n    const localeString = convertToLocaleString(data, this.props.culture);\n    if (!localeString) {\n      return data;\n    }\n    return localeString?.toString();\n  }\n}\n"]}
+{"version":3,"file":"DonutChart.base.js","sourceRoot":"../src/","sources":["components/DonutChart/DonutChart.base.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { classNamesFunction, getId } from '@fluentui/react/lib/Utilities';\nimport * as scale from 'd3-scale';\nimport { IProcessedStyleSet, IPalette } from '@fluentui/react/lib/Styling';\nimport { Callout, DirectionalHint } from '@fluentui/react/lib/Callout';\nimport { FocusZone, FocusZoneDirection } from '@fluentui/react-focus';\nimport { IAccessibilityProps, ChartHoverCard, ILegend, Legends } from '../../index';\nimport { Pie } from './Pie/index';\nimport { IChartDataPoint, IChartProps, IDonutChartProps, IDonutChartStyleProps, IDonutChartStyles } from './index';\nimport { convertToLocaleString, getAccessibleDataObject } from '../../utilities/index';\nconst getClassNames = classNamesFunction<IDonutChartStyleProps, IDonutChartStyles>();\n\nexport interface IDonutChartState {\n  showHover?: boolean;\n  value?: string | undefined;\n  legend?: string | undefined;\n  _width?: number | undefined;\n  _height?: number | undefined;\n  activeLegend?: string;\n  color?: string | undefined;\n  isLegendSelected?: boolean;\n  xCalloutValue?: string;\n  yCalloutValue?: string;\n  focusedArcId?: string;\n  selectedLegend: string;\n  dataPointCalloutProps?: IChartDataPoint;\n  callOutAccessibilityData?: IAccessibilityProps;\n}\n\nexport class DonutChartBase extends React.Component<IDonutChartProps, IDonutChartState> {\n  public static defaultProps: Partial<IDonutChartProps> = {\n    innerRadius: 0,\n  };\n  public _colors: scale.ScaleOrdinal<string, {}>;\n  private _classNames: IProcessedStyleSet<IDonutChartStyles>;\n  private _rootElem: HTMLElement | null;\n  private _uniqText: string;\n  /* eslint-disable @typescript-eslint/no-explicit-any */\n  private _currentHoverElement: any;\n  private _calloutId: string;\n\n  public static getDerivedStateFromProps(\n    nextProps: Readonly<IDonutChartProps>,\n    prevState: Readonly<IDonutChartState>,\n  ): Partial<IDonutChartState> | null {\n    if (nextProps.height && nextProps.height !== prevState._height && nextProps.width !== prevState._width) {\n      const reducedHeight = nextProps.height / 5;\n      return { _width: nextProps.width, _height: nextProps.height - reducedHeight };\n    }\n    return null;\n  }\n\n  constructor(props: IDonutChartProps) {\n    super(props);\n    this.state = {\n      showHover: false,\n      value: '',\n      legend: '',\n      _width: this.props.width || 200,\n      _height: this.props.height || 200,\n      activeLegend: '',\n      color: '',\n      isLegendSelected: false,\n      xCalloutValue: '',\n      yCalloutValue: '',\n      selectedLegend: 'none',\n      focusedArcId: '',\n    };\n    this._hoverCallback = this._hoverCallback.bind(this);\n    this._focusCallback = this._focusCallback.bind(this);\n    this._hoverLeave = this._hoverLeave.bind(this);\n    this._calloutId = getId('callout');\n    this._uniqText = getId('_Pie_');\n  }\n  public componentDidMount(): void {\n    /* 80% Height to the Chart\n       20% Height to the Legends\n    */\n    const reducedHeight = this._rootElem && this._rootElem.offsetHeight / 5;\n    this.setState({\n      _width: (this._rootElem && this._rootElem!.offsetWidth)!,\n      _height: (this._rootElem && this._rootElem!.offsetHeight - reducedHeight!)!,\n    });\n  }\n\n  public render(): JSX.Element {\n    const { data, hideLegend = false } = this.props;\n    const { palette } = this.props.theme!;\n\n    this._classNames = getClassNames(this.props.styles!, {\n      theme: this.props.theme!,\n      width: this.state._width!,\n      height: this.state._height!,\n      color: this.state.color!,\n      className: this.props.className!,\n    });\n\n    const legendBars = this._createLegends(data!, palette);\n    const outerRadius = Math.min(this.state._width!, this.state._height!) / 2;\n    const chartData = data && data.chartData;\n    const valueInsideDonut = this._valueInsideDonut(this.props.valueInsideDonut!, chartData!);\n    return (\n      <div className={this._classNames.root} ref={(rootElem: HTMLElement | null) => (this._rootElem = rootElem)}>\n        <FocusZone direction={FocusZoneDirection.horizontal} isCircularNavigation={true}>\n          <div>\n            <svg\n              className={this._classNames.chart}\n              aria-label={data?.chartTitle}\n              ref={(node: SVGElement | null) => this._setViewBox(node)}\n            >\n              <Pie\n                width={this.state._width!}\n                height={this.state._height!}\n                outerRadius={outerRadius}\n                innerRadius={this.props.innerRadius!}\n                data={chartData!}\n                onFocusCallback={this._focusCallback}\n                hoverOnCallback={this._hoverCallback}\n                hoverLeaveCallback={this._hoverLeave}\n                uniqText={this._uniqText}\n                onBlurCallback={this._onBlur}\n                activeArc={this.state.activeLegend}\n                focusedArcId={this.state.focusedArcId || ''}\n                href={this.props.href!}\n                calloutId={this._calloutId}\n                valueInsideDonut={this._toLocaleString(valueInsideDonut)}\n                theme={this.props.theme!}\n              />\n            </svg>\n          </div>\n        </FocusZone>\n        <Callout\n          target={this._currentHoverElement}\n          alignTargetEdge={true}\n          isBeakVisible={false}\n          directionalHint={DirectionalHint.bottomRightEdge}\n          gapSpace={15}\n          hidden={!(!this.props.hideTooltip && this.state.showHover)}\n          id={this._calloutId}\n          onDismiss={this._closeCallout}\n          preventDismissOnLostFocus={true}\n          {...this.props.calloutProps!}\n          {...getAccessibleDataObject(this.state.callOutAccessibilityData, 'text', false)}\n        >\n          {this.props.onRenderCalloutPerDataPoint ? (\n            this.props.onRenderCalloutPerDataPoint(this.state.dataPointCalloutProps!)\n          ) : (\n            <ChartHoverCard\n              Legend={this.state.xCalloutValue ? this.state.xCalloutValue : this.state.legend}\n              YValue={this.state.yCalloutValue ? this.state.yCalloutValue : this.state.value}\n              color={this.state.color}\n              culture={this.props.culture}\n            />\n          )}\n        </Callout>\n        {!hideLegend && <div className={this._classNames.legendContainer}>{legendBars}</div>}\n      </div>\n    );\n  }\n\n  private _closeCallout = () => {\n    this.setState({\n      showHover: false,\n    });\n  };\n\n  private _setViewBox(node: SVGElement | null): void {\n    if (node === null) {\n      return;\n    }\n\n    const widthVal = node.parentElement ? node.parentElement.clientWidth : this.state._width;\n\n    const heightVal =\n      node.parentElement && node.parentElement?.offsetHeight > this.state._height!\n        ? node.parentElement?.offsetHeight\n        : this.state._height;\n    const viewbox = `0 0 ${widthVal!} ${heightVal!}`;\n    node.setAttribute('viewBox', viewbox);\n  }\n  private _createLegends(data: IChartProps, palette: IPalette): JSX.Element {\n    const defaultPalette: string[] = [palette.blueLight, palette.blue, palette.blueMid, palette.red, palette.black];\n    const legendDataItems =\n      data &&\n      data!.chartData!.map((point: IChartDataPoint, index: number) => {\n        const color: string = point.color ? point.color : defaultPalette[Math.floor(Math.random() * 4 + 1)];\n        // mapping data to the format Legends component needs\n        const legend: ILegend = {\n          title: point.legend!,\n          color: color,\n          action: () => {\n            if (this.state.isLegendSelected) {\n              if (this.state.activeLegend !== point.legend || this.state.activeLegend === '') {\n                this.setState({ activeLegend: point.legend!, isLegendSelected: true });\n              } else {\n                this.setState({ activeLegend: point.legend });\n              }\n            } else {\n              this.setState({ activeLegend: point.legend!, isLegendSelected: true });\n            }\n          },\n          hoverAction: () => {\n            if (this.state.activeLegend !== point.legend || this.state.activeLegend === '') {\n              this.setState({ activeLegend: point.legend! });\n            } else {\n              this.setState({ activeLegend: point.legend });\n            }\n          },\n          onMouseOutAction: () => {\n            this.setState({\n              showHover: false,\n              activeLegend: '',\n            });\n          },\n        };\n        return legend;\n      });\n    const legends = (\n      <Legends\n        legends={legendDataItems}\n        centerLegends\n        overflowProps={this.props.legendsOverflowProps}\n        focusZonePropsInHoverCard={this.props.focusZonePropsForLegendsInHoverCard}\n        overflowText={this.props.legendsOverflowText}\n        selectedLegend={this.state.selectedLegend}\n        {...this.props.legendProps}\n      />\n    );\n    return legends;\n  }\n\n  private _focusCallback = (data: IChartDataPoint, id: string, element: SVGPathElement): void => {\n    this._currentHoverElement = element;\n    this.setState({\n      showHover: true,\n      value: data.data!.toString(),\n      legend: data.legend,\n      activeLegend: data.legend,\n      color: data.color!,\n      selectedLegend: data.legend!,\n      xCalloutValue: data.xAxisCalloutData!,\n      yCalloutValue: data.yAxisCalloutData!,\n      focusedArcId: id,\n      dataPointCalloutProps: data,\n      callOutAccessibilityData: data.callOutAccessibilityData!,\n    });\n  };\n\n  private _hoverCallback = (data: IChartDataPoint, e: React.MouseEvent<SVGPathElement>): void => {\n    this._currentHoverElement = e;\n    this.setState({\n      showHover: true,\n      value: data.data!.toString(),\n      selectedLegend: data.legend!,\n      legend: data.legend,\n      color: data.color!,\n      xCalloutValue: data.xAxisCalloutData!,\n      yCalloutValue: data.yAxisCalloutData!,\n      activeLegend: data.legend,\n      dataPointCalloutProps: data,\n      callOutAccessibilityData: data.callOutAccessibilityData!,\n    });\n  };\n  private _onBlur = (): void => {\n    this.setState({ showHover: false, focusedArcId: '', activeLegend: '', selectedLegend: 'none' });\n  };\n\n  private _hoverLeave(): void {\n    this.setState({ showHover: false, activeLegend: '', selectedLegend: 'none', focusedArcId: '' });\n  }\n\n  private _valueInsideDonut(valueInsideDonut: string | number | undefined, data: IChartDataPoint[]) {\n    if (valueInsideDonut !== undefined && this.state.activeLegend !== '' && !this.state.showHover) {\n      let legendValue = valueInsideDonut;\n      data!.map((point: IChartDataPoint, index: number) => {\n        if (point.legend === this.state.activeLegend) {\n          legendValue = point.yAxisCalloutData ? point.yAxisCalloutData : point.data!;\n        }\n        return;\n      });\n      return legendValue;\n    } else {\n      return valueInsideDonut;\n    }\n  }\n\n  private _toLocaleString(data: string | number | undefined) {\n    const localeString = convertToLocaleString(data, this.props.culture);\n    if (!localeString) {\n      return data;\n    }\n    return localeString?.toString();\n  }\n}\n"]}

package/lib/components/GroupedVerticalBarChart/GroupedVerticalBarChart.base.js

@@ -51,7 +51,9 @@ var GroupedVerticalBarChartBase = /** @class */ (function (_super) {
             }
             return shouldHighlight ? '' : '0.1';
         };
-        _this._onBarHover = function (pointData, groupSeries, mouseEvent) {
+        _this._onBarHover = function (pointData, 
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        groupData, mouseEvent) {
             mouseEvent.persist();
             if (_this.state.isLegendSelected === false ||
                 (_this.state.isLegendSelected && _this.state.titleForHoverCard === pointData.legend)) {
@@ -64,14 +66,18 @@ var GroupedVerticalBarChartBase = /** @class */ (function (_super) {
                     xCalloutValue: pointData.xAxisCalloutData,
                     yCalloutValue: pointData.yAxisCalloutData,
                     dataPointCalloutProps: pointData,
-                    callOutAccessibilityData: pointData.callOutAccessibilityData,
-                    YValueHover: groupSeries,
+                    callOutAccessibilityData: _this.props.isCalloutForStack
+                        ? groupData.stackCallOutAccessibilityData
+                        : pointData.callOutAccessibilityData,
+                    YValueHover: groupData.groupSeries,
                     hoverXValue: pointData.xAxisCalloutData,
                 });
             }
         };
         _this._onBarLeave = function () { return _this.setState({ isCalloutVisible: false }); };
-        _this._onBarFocus = function (pointData, groupSeries, refArrayIndexNumber) {
+        _this._onBarFocus = function (pointData, 
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        groupData, refArrayIndexNumber) {
             if (_this.state.isLegendSelected === false ||
                 (_this.state.isLegendSelected && _this.state.titleForHoverCard === pointData.legend)) {
                 _this._refArray.forEach(function (obj, index) {
@@ -85,8 +91,10 @@ var GroupedVerticalBarChartBase = /** @class */ (function (_super) {
                             xCalloutValue: pointData.xAxisCalloutData,
                             yCalloutValue: pointData.yAxisCalloutData,
                             dataPointCalloutProps: pointData,
-                            callOutAccessibilityData: pointData.callOutAccessibilityData,
-                            YValueHover: groupSeries,
+                            callOutAccessibilityData: _this.props.isCalloutForStack
+                                ? groupData.stackCallOutAccessibilityData
+                                : pointData.callOutAccessibilityData,
+                            YValueHover: groupData.groupSeries,
                             hoverXValue: pointData.xAxisCalloutData,
                         });
                     }
@@ -122,7 +130,7 @@ var GroupedVerticalBarChartBase = /** @class */ (function (_super) {
                 pointData.data &&
                     singleGroup.push(React.createElement("rect", { className: _this._classNames.opacityChangeOnHover, key: singleSet.indexNum + "-" + index, height: Math.max(yBarScale(pointData.data), 0), width: widthOfBar, x: xScale1(datasetKey), y: Math.max(containerHeight - _this.margins.bottom - yBarScale(pointData.data), 0), "data-is-focusable": !_this.props.hideTooltip, opacity: _this._getOpacity(pointData.legend), ref: function (e) {
                             _this._refCallback(e, pointData.legend, refIndexNumber);
-                        }, fill: pointData.color, onMouseOver: _this._onBarHover.bind(_this, pointData, singleSet.groupSeries), onMouseMove: _this._onBarHover.bind(_this, pointData, singleSet.groupSeries), onMouseOut: _this._onBarLeave, onFocus: _this._onBarFocus.bind(_this, pointData, singleSet.groupSeries, refIndexNumber), onBlur: _this._onBarLeave, onClick: _this.props.href ? _this._redirectToUrl.bind(_this, _this.props.href) : pointData.onClick, "aria-labelledby": "toolTip" + _this._calloutId, role: "text" }));
+                        }, fill: pointData.color, onMouseOver: _this._onBarHover.bind(_this, pointData, singleSet), onMouseMove: _this._onBarHover.bind(_this, pointData, singleSet), onMouseOut: _this._onBarLeave, onFocus: _this._onBarFocus.bind(_this, pointData, singleSet, refIndexNumber), onBlur: _this._onBarLeave, onClick: _this.props.href ? _this._redirectToUrl.bind(_this, _this.props.href) : pointData.onClick, "aria-labelledby": "toolTip" + _this._calloutId, role: "text" }));
             });
             // Used to display tooltip at x axis labels.
             if (!_this.props.wrapXAxisLables && _this.props.showXAxisLablesTooltip) {
@@ -159,6 +167,7 @@ var GroupedVerticalBarChartBase = /** @class */ (function (_super) {
                 singleDatasetPointForBars.xAxisPoint = point.name;
                 singleDatasetPointForBars.indexNum = index;
                 singleDatasetPointForBars.groupSeries = singleDataSeries;
+                singleDatasetPointForBars.stackCallOutAccessibilityData = point.stackCallOutAccessibilityData;
                 datasetForBars.push(singleDatasetPointForBars);
                 dataset.push(singleDatasetPoint);
             });