npm - @fluentui/react-charting - Versions diffs - 5.5.12 → 5.6.1 - Mend

@fluentui/react-charting 5.5.12 → 5.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (68) hide show

package/lib-commonjs/Styling.js CHANGED Viewed

@@ -1,5 +1,74 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("@fluentui/react/lib-commonjs/Styling"), exports);
+exports.getScreenSelector = exports.getPlaceholderStyles = exports.getInputFocusStyle = exports.getIconClassName = exports.getIcon = exports.getHighContrastNoAdjustStyle = exports.getGlobalClassNames = exports.getFocusStyle = exports.getFocusOutlineStyle = exports.getFadedOverflowStyle = exports.getEdgeChromiumNoHighContrastAdjustSelector = exports.fontFace = exports.focusClear = exports.createTheme = exports.createFontStyles = exports.concatStyleSetsWithProps = exports.concatStyleSets = exports.buildClassMap = exports.ZIndexes = exports.ThemeSettingName = exports.Stylesheet = exports.ScreenWidthMinXXXLarge = exports.ScreenWidthMinXXLarge = exports.ScreenWidthMinXLarge = exports.ScreenWidthMinUhfMobile = exports.ScreenWidthMinSmall = exports.ScreenWidthMinMedium = exports.ScreenWidthMinLarge = exports.ScreenWidthMaxXXLarge = exports.ScreenWidthMaxXLarge = exports.ScreenWidthMaxSmall = exports.ScreenWidthMaxMedium = exports.ScreenWidthMaxLarge = exports.PulsingBeaconAnimationStyles = exports.InjectionMode = exports.IconFontSizes = exports.HighContrastSelectorWhite = exports.HighContrastSelectorBlack = exports.HighContrastSelector = exports.FontWeights = exports.FontSizes = exports.FontClassNames = exports.EdgeChromiumHighContrastSelector = exports.DefaultPalette = exports.DefaultFontStyles = exports.DefaultEffects = exports.ColorClassNames = exports.AnimationVariables = exports.AnimationStyles = exports.AnimationClassNames = void 0;
+exports.unregisterIcons = exports.setIconOptions = exports.removeOnThemeChangeCallback = exports.registerOnThemeChangeCallback = exports.registerIcons = exports.registerIconAlias = exports.registerDefaultFontFaces = exports.normalize = exports.noWrap = exports.mergeStyles = exports.mergeStyleSets = exports.loadTheme = exports.keyframes = exports.hiddenContentStyle = exports.getThemedContext = exports.getTheme = void 0;
+var Styling_1 = require("@fluentui/react/lib-commonjs/Styling");
+Object.defineProperty(exports, "AnimationClassNames", { enumerable: true, get: function () { return Styling_1.AnimationClassNames; } });
+Object.defineProperty(exports, "AnimationStyles", { enumerable: true, get: function () { return Styling_1.AnimationStyles; } });
+Object.defineProperty(exports, "AnimationVariables", { enumerable: true, get: function () { return Styling_1.AnimationVariables; } });
+Object.defineProperty(exports, "ColorClassNames", { enumerable: true, get: function () { return Styling_1.ColorClassNames; } });
+Object.defineProperty(exports, "DefaultEffects", { enumerable: true, get: function () { return Styling_1.DefaultEffects; } });
+Object.defineProperty(exports, "DefaultFontStyles", { enumerable: true, get: function () { return Styling_1.DefaultFontStyles; } });
+Object.defineProperty(exports, "DefaultPalette", { enumerable: true, get: function () { return Styling_1.DefaultPalette; } });
+Object.defineProperty(exports, "EdgeChromiumHighContrastSelector", { enumerable: true, get: function () { return Styling_1.EdgeChromiumHighContrastSelector; } });
+Object.defineProperty(exports, "FontClassNames", { enumerable: true, get: function () { return Styling_1.FontClassNames; } });
+Object.defineProperty(exports, "FontSizes", { enumerable: true, get: function () { return Styling_1.FontSizes; } });
+Object.defineProperty(exports, "FontWeights", { enumerable: true, get: function () { return Styling_1.FontWeights; } });
+Object.defineProperty(exports, "HighContrastSelector", { enumerable: true, get: function () { return Styling_1.HighContrastSelector; } });
+Object.defineProperty(exports, "HighContrastSelectorBlack", { enumerable: true, get: function () { return Styling_1.HighContrastSelectorBlack; } });
+Object.defineProperty(exports, "HighContrastSelectorWhite", { enumerable: true, get: function () { return Styling_1.HighContrastSelectorWhite; } });
+Object.defineProperty(exports, "IconFontSizes", { enumerable: true, get: function () { return Styling_1.IconFontSizes; } });
+Object.defineProperty(exports, "InjectionMode", { enumerable: true, get: function () { return Styling_1.InjectionMode; } });
+Object.defineProperty(exports, "PulsingBeaconAnimationStyles", { enumerable: true, get: function () { return Styling_1.PulsingBeaconAnimationStyles; } });
+Object.defineProperty(exports, "ScreenWidthMaxLarge", { enumerable: true, get: function () { return Styling_1.ScreenWidthMaxLarge; } });
+Object.defineProperty(exports, "ScreenWidthMaxMedium", { enumerable: true, get: function () { return Styling_1.ScreenWidthMaxMedium; } });
+Object.defineProperty(exports, "ScreenWidthMaxSmall", { enumerable: true, get: function () { return Styling_1.ScreenWidthMaxSmall; } });
+Object.defineProperty(exports, "ScreenWidthMaxXLarge", { enumerable: true, get: function () { return Styling_1.ScreenWidthMaxXLarge; } });
+Object.defineProperty(exports, "ScreenWidthMaxXXLarge", { enumerable: true, get: function () { return Styling_1.ScreenWidthMaxXXLarge; } });
+Object.defineProperty(exports, "ScreenWidthMinLarge", { enumerable: true, get: function () { return Styling_1.ScreenWidthMinLarge; } });
+Object.defineProperty(exports, "ScreenWidthMinMedium", { enumerable: true, get: function () { return Styling_1.ScreenWidthMinMedium; } });
+Object.defineProperty(exports, "ScreenWidthMinSmall", { enumerable: true, get: function () { return Styling_1.ScreenWidthMinSmall; } });
+Object.defineProperty(exports, "ScreenWidthMinUhfMobile", { enumerable: true, get: function () { return Styling_1.ScreenWidthMinUhfMobile; } });
+Object.defineProperty(exports, "ScreenWidthMinXLarge", { enumerable: true, get: function () { return Styling_1.ScreenWidthMinXLarge; } });
+Object.defineProperty(exports, "ScreenWidthMinXXLarge", { enumerable: true, get: function () { return Styling_1.ScreenWidthMinXXLarge; } });
+Object.defineProperty(exports, "ScreenWidthMinXXXLarge", { enumerable: true, get: function () { return Styling_1.ScreenWidthMinXXXLarge; } });
+Object.defineProperty(exports, "Stylesheet", { enumerable: true, get: function () { return Styling_1.Stylesheet; } });
+Object.defineProperty(exports, "ThemeSettingName", { enumerable: true, get: function () { return Styling_1.ThemeSettingName; } });
+Object.defineProperty(exports, "ZIndexes", { enumerable: true, get: function () { return Styling_1.ZIndexes; } });
+Object.defineProperty(exports, "buildClassMap", { enumerable: true, get: function () { return Styling_1.buildClassMap; } });
+Object.defineProperty(exports, "concatStyleSets", { enumerable: true, get: function () { return Styling_1.concatStyleSets; } });
+Object.defineProperty(exports, "concatStyleSetsWithProps", { enumerable: true, get: function () { return Styling_1.concatStyleSetsWithProps; } });
+Object.defineProperty(exports, "createFontStyles", { enumerable: true, get: function () { return Styling_1.createFontStyles; } });
+Object.defineProperty(exports, "createTheme", { enumerable: true, get: function () { return Styling_1.createTheme; } });
+Object.defineProperty(exports, "focusClear", { enumerable: true, get: function () { return Styling_1.focusClear; } });
+Object.defineProperty(exports, "fontFace", { enumerable: true, get: function () { return Styling_1.fontFace; } });
+// eslint-disable-next-line deprecation/deprecation
+Object.defineProperty(exports, "getEdgeChromiumNoHighContrastAdjustSelector", { enumerable: true, get: function () { return Styling_1.getEdgeChromiumNoHighContrastAdjustSelector; } });
+Object.defineProperty(exports, "getFadedOverflowStyle", { enumerable: true, get: function () { return Styling_1.getFadedOverflowStyle; } });
+Object.defineProperty(exports, "getFocusOutlineStyle", { enumerable: true, get: function () { return Styling_1.getFocusOutlineStyle; } });
+// eslint-disable-next-line deprecation/deprecation
+Object.defineProperty(exports, "getFocusStyle", { enumerable: true, get: function () { return Styling_1.getFocusStyle; } });
+Object.defineProperty(exports, "getGlobalClassNames", { enumerable: true, get: function () { return Styling_1.getGlobalClassNames; } });
+Object.defineProperty(exports, "getHighContrastNoAdjustStyle", { enumerable: true, get: function () { return Styling_1.getHighContrastNoAdjustStyle; } });
+Object.defineProperty(exports, "getIcon", { enumerable: true, get: function () { return Styling_1.getIcon; } });
+Object.defineProperty(exports, "getIconClassName", { enumerable: true, get: function () { return Styling_1.getIconClassName; } });
+Object.defineProperty(exports, "getInputFocusStyle", { enumerable: true, get: function () { return Styling_1.getInputFocusStyle; } });
+Object.defineProperty(exports, "getPlaceholderStyles", { enumerable: true, get: function () { return Styling_1.getPlaceholderStyles; } });
+Object.defineProperty(exports, "getScreenSelector", { enumerable: true, get: function () { return Styling_1.getScreenSelector; } });
+Object.defineProperty(exports, "getTheme", { enumerable: true, get: function () { return Styling_1.getTheme; } });
+Object.defineProperty(exports, "getThemedContext", { enumerable: true, get: function () { return Styling_1.getThemedContext; } });
+Object.defineProperty(exports, "hiddenContentStyle", { enumerable: true, get: function () { return Styling_1.hiddenContentStyle; } });
+Object.defineProperty(exports, "keyframes", { enumerable: true, get: function () { return Styling_1.keyframes; } });
+Object.defineProperty(exports, "loadTheme", { enumerable: true, get: function () { return Styling_1.loadTheme; } });
+Object.defineProperty(exports, "mergeStyleSets", { enumerable: true, get: function () { return Styling_1.mergeStyleSets; } });
+Object.defineProperty(exports, "mergeStyles", { enumerable: true, get: function () { return Styling_1.mergeStyles; } });
+Object.defineProperty(exports, "noWrap", { enumerable: true, get: function () { return Styling_1.noWrap; } });
+Object.defineProperty(exports, "normalize", { enumerable: true, get: function () { return Styling_1.normalize; } });
+Object.defineProperty(exports, "registerDefaultFontFaces", { enumerable: true, get: function () { return Styling_1.registerDefaultFontFaces; } });
+Object.defineProperty(exports, "registerIconAlias", { enumerable: true, get: function () { return Styling_1.registerIconAlias; } });
+Object.defineProperty(exports, "registerIcons", { enumerable: true, get: function () { return Styling_1.registerIcons; } });
+Object.defineProperty(exports, "registerOnThemeChangeCallback", { enumerable: true, get: function () { return Styling_1.registerOnThemeChangeCallback; } });
+Object.defineProperty(exports, "removeOnThemeChangeCallback", { enumerable: true, get: function () { return Styling_1.removeOnThemeChangeCallback; } });
+Object.defineProperty(exports, "setIconOptions", { enumerable: true, get: function () { return Styling_1.setIconOptions; } });
+Object.defineProperty(exports, "unregisterIcons", { enumerable: true, get: function () { return Styling_1.unregisterIcons; } });
 //# sourceMappingURL=Styling.js.map

package/lib-commonjs/Styling.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Styling.js","sourceRoot":"../src/","sources":["Styling.ts"],"names":[],"mappings":"~~;;;~~AAAA,~~sEAA4C~~","sourcesContent":["export * from '@fluentui/react/lib/Styling';\n"]}
1	+ {"version":3,"file":"Styling.js","sourceRoot":"../src/","sources":["Styling.ts"],"names":[],"mappings":";;;;AAAA,uDAqEqC;AApEnC,8GAAA,mBAAmB,OAAA;AACnB,0GAAA,eAAe,OAAA;AACf,6GAAA,kBAAkB,OAAA;AAClB,0GAAA,eAAe,OAAA;AACf,yGAAA,cAAc,OAAA;AACd,4GAAA,iBAAiB,OAAA;AACjB,yGAAA,cAAc,OAAA;AACd,2HAAA,gCAAgC,OAAA;AAChC,yGAAA,cAAc,OAAA;AACd,oGAAA,SAAS,OAAA;AACT,sGAAA,WAAW,OAAA;AACX,+GAAA,oBAAoB,OAAA;AACpB,oHAAA,yBAAyB,OAAA;AACzB,oHAAA,yBAAyB,OAAA;AACzB,wGAAA,aAAa,OAAA;AACb,wGAAA,aAAa,OAAA;AACb,uHAAA,4BAA4B,OAAA;AAC5B,8GAAA,mBAAmB,OAAA;AACnB,+GAAA,oBAAoB,OAAA;AACpB,8GAAA,mBAAmB,OAAA;AACnB,+GAAA,oBAAoB,OAAA;AACpB,gHAAA,qBAAqB,OAAA;AACrB,8GAAA,mBAAmB,OAAA;AACnB,+GAAA,oBAAoB,OAAA;AACpB,8GAAA,mBAAmB,OAAA;AACnB,kHAAA,uBAAuB,OAAA;AACvB,+GAAA,oBAAoB,OAAA;AACpB,gHAAA,qBAAqB,OAAA;AACrB,iHAAA,sBAAsB,OAAA;AACtB,qGAAA,UAAU,OAAA;AACV,2GAAA,gBAAgB,OAAA;AAChB,mGAAA,QAAQ,OAAA;AACR,wGAAA,aAAa,OAAA;AACb,0GAAA,eAAe,OAAA;AACf,mHAAA,wBAAwB,OAAA;AACxB,2GAAA,gBAAgB,OAAA;AAChB,sGAAA,WAAW,OAAA;AACX,qGAAA,UAAU,OAAA;AACV,mGAAA,QAAQ,OAAA;AACR,mDAAmD;AACnD,sIAAA,2CAA2C,OAAA;AAC3C,gHAAA,qBAAqB,OAAA;AACrB,+GAAA,oBAAoB,OAAA;AACpB,mDAAmD;AACnD,wGAAA,aAAa,OAAA;AACb,8GAAA,mBAAmB,OAAA;AACnB,uHAAA,4BAA4B,OAAA;AAC5B,kGAAA,OAAO,OAAA;AACP,2GAAA,gBAAgB,OAAA;AAChB,6GAAA,kBAAkB,OAAA;AAClB,+GAAA,oBAAoB,OAAA;AACpB,4GAAA,iBAAiB,OAAA;AACjB,mGAAA,QAAQ,OAAA;AACR,2GAAA,gBAAgB,OAAA;AAChB,6GAAA,kBAAkB,OAAA;AAClB,oGAAA,SAAS,OAAA;AACT,oGAAA,SAAS,OAAA;AACT,yGAAA,cAAc,OAAA;AACd,sGAAA,WAAW,OAAA;AACX,iGAAA,MAAM,OAAA;AACN,oGAAA,SAAS,OAAA;AACT,mHAAA,wBAAwB,OAAA;AACxB,4GAAA,iBAAiB,OAAA;AACjB,wGAAA,aAAa,OAAA;AACb,wHAAA,6BAA6B,OAAA;AAC7B,sHAAA,2BAA2B,OAAA;AAC3B,yGAAA,cAAc,OAAA;AACd,0GAAA,eAAe,OAAA","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-commonjs/Utilities.d.ts CHANGED Viewed

@@ -1 +1,2 @@
-export * from '@fluentui/react/lib-commonjs/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-commonjs/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-commonjs/Utilities';

package/lib-commonjs/Utilities.js CHANGED Viewed

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

package/lib-commonjs/Utilities.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Utilities.js","sourceRoot":"../src/","sources":["Utilities.ts"],"names":[],"mappings":"~~;;;~~AAAA,~~wEAA8C~~","sourcesContent":["export * from '@fluentui/react/lib/Utilities';\n"]}
1	+ {"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-commonjs/components/CommonComponents/CartesianChart.base.js CHANGED Viewed

@@ -28,13 +28,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", tslib_1.__assign({ className: _this._classNames.calloutContentX }, index_1.getAccessibleDataObject(calloutProps.xAxisCalloutAccessibilityData)), index_1.convertToLocaleString(calloutProps.hoverXValue, _this.props.culture))),
+                    React.createElement("div", tslib_1.__assign({ className: _this._classNames.calloutContentX }, index_1.getAccessibleDataObject(calloutProps.xAxisCalloutAccessibilityData, 'text', false)), index_1.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", tslib_1.__assign({}, index_1.getAccessibleDataObject(yValue.callOutAccessibilityData), { key: "callout-content-" + index, style: yValueHoverSubCountsExists
+                            return (React.createElement("div", tslib_1.__assign({}, index_1.getAccessibleDataObject(yValue.callOutAccessibilityData, 'text', false), { key: "callout-content-" + index, style: yValueHoverSubCountsExists
                                     ? tslib_1.__assign({ display: 'inline-block' }, (shouldDrawBorderBottom && {
                                         borderBottom: "1px solid " + _this.props.theme.semanticColors.menuDivider,
                                         paddingBottom: '10px',

package/lib-commonjs/components/CommonComponents/CartesianChart.base.js.map CHANGED Viewed

	@@ -1 +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"]}
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, '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-commonjs/components/DonutChart/DonutChart.base.js CHANGED Viewed

@@ -106,10 +106,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(react_focus_1.FocusZone, { direction: react_focus_1.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(index_2.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_1.Callout, tslib_1.__assign({ target: this._currentHoverElement, alignTargetEdge: true, isBeakVisible: false, directionalHint: Callout_1.DirectionalHint.bottomRightEdge, gapSpace: 15, hidden: !(!this.props.hideTooltip && this.state.showHover), id: this._calloutId, onDismiss: this._closeCallout, preventDismissOnLostFocus: true }, this.props.calloutProps, index_3.getAccessibleDataObject(this.state.callOutAccessibilityData, 'text', false)), this.props.onRenderCalloutPerDataPoint ? (this.props.onRenderCalloutPerDataPoint(this.state.dataPointCalloutProps)) : (React.createElement(index_1.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)));