@fluentui/react-charting 5.10.1 → 5.12.1

package/lib/components/TreeChart/TreeChart.types.d.ts

@@ -0,0 +1,88 @@
+import { IStyle, ITheme } from '@fluentui/react/lib/Styling';
+import { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
+export interface ITreeChartDataPoint {
+    name: string;
+    subname: string;
+    metric?: string | undefined;
+    fill: string;
+    children?: Array<ITreeChartDataPoint>;
+}
+export declare enum NodesComposition {
+    long = 1,
+    compact = 0
+}
+export declare enum TreeTraverse {
+    preOrder = 1,
+    levelOrder = 0
+}
+export interface ITreeProps {
+    /**
+     * An object of chart data points for the Tree chart
+     */
+    treeData: ITreeChartDataPoint;
+    /**
+     * compostion for three layer chart, long: composition = 1; compact: composition = 0
+     */
+    composition?: NodesComposition.long | NodesComposition.compact | undefined;
+    /**
+     * traversal order for tree chart, preOrder = 1, levelOrder = 0
+     */
+    treeTraversal?: TreeTraverse.preOrder | TreeTraverse.levelOrder;
+    /**
+     * Width of SVG tree chart
+     * * @default 1200
+     */
+    width?: number;
+    /**
+     * Height of SVG tree chart
+     * * @default 700
+     */
+    height?: number;
+    /**
+     * Margin for the SVG tree chart
+     */
+    marign?: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<ITreeStyleProps, ITreeStyles>;
+    /**
+     * Additional CSS class(es) to apply to the TreeChart.
+     */
+    className?: string;
+    /**
+     * Theme (provided through customization.)
+     */
+    theme?: ITheme;
+}
+export interface ITreeState {
+    _width: number;
+    _height: number;
+}
+export interface ITreeDataStructure {
+    id: number;
+    children: unknown;
+    dataName: string;
+    subName: string;
+    metricName?: string | undefined;
+    fill: string;
+    x: number;
+    y: number;
+    parentID: number;
+}
+export interface ITreeStyleProps {
+    theme: ITheme;
+    className?: string;
+}
+export interface ITreeStyles {
+    link: IStyle;
+    rectNode: IStyle;
+    rectText: IStyle;
+    rectSubText: IStyle;
+    rectMetricText: IStyle;
+}

package/lib/components/TreeChart/TreeChart.types.js

@@ -0,0 +1,11 @@
+export var NodesComposition;
+(function (NodesComposition) {
+    NodesComposition[NodesComposition["long"] = 1] = "long";
+    NodesComposition[NodesComposition["compact"] = 0] = "compact";
+})(NodesComposition || (NodesComposition = {}));
+export var TreeTraverse;
+(function (TreeTraverse) {
+    TreeTraverse[TreeTraverse["preOrder"] = 1] = "preOrder";
+    TreeTraverse[TreeTraverse["levelOrder"] = 0] = "levelOrder";
+})(TreeTraverse || (TreeTraverse = {}));
+//# sourceMappingURL=TreeChart.types.js.map

package/lib/components/TreeChart/TreeChart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeChart.types.js","sourceRoot":"../src/","sources":["components/TreeChart/TreeChart.types.ts"],"names":[],"mappings":"AAWA,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,uDAAQ,CAAA;IACR,6DAAW,CAAA;AACb,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;AAED,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,uDAAY,CAAA;IACZ,2DAAc,CAAA;AAChB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB","sourcesContent":["import { IStyle, ITheme } from '@fluentui/react/lib/Styling';\nimport { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';\n\nexport interface ITreeChartDataPoint {\n  name: string;\n  subname: string;\n  metric?: string | undefined;\n  fill: string;\n  children?: Array<ITreeChartDataPoint>;\n}\n\nexport enum NodesComposition {\n  long = 1,\n  compact = 0,\n}\n\nexport enum TreeTraverse {\n  preOrder = 1,\n  levelOrder = 0,\n}\n\nexport interface ITreeProps {\n  /**\n   * An object of chart data points for the Tree chart\n   */\n  treeData: ITreeChartDataPoint;\n  /**\n   * compostion for three layer chart, long: composition = 1; compact: composition = 0\n   */\n  composition?: NodesComposition.long | NodesComposition.compact | undefined;\n  /**\n   * traversal order for tree chart, preOrder = 1, levelOrder = 0\n   */\n  treeTraversal?: TreeTraverse.preOrder | TreeTraverse.levelOrder;\n  /**\n   * Width of SVG tree chart\n   * * @default 1200\n   */\n  width?: number;\n  /**\n   * Height of SVG tree chart\n   * * @default 700\n   */\n  height?: number;\n  /**\n   * Margin for the SVG tree chart\n   */\n  marign?: { left: number; right: number; top: number; bottom: number };\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<ITreeStyleProps, ITreeStyles>;\n  /**\n   * Additional CSS class(es) to apply to the TreeChart.\n   */\n  className?: string;\n  /**\n   * Theme (provided through customization.)\n   */\n  theme?: ITheme;\n}\nexport interface ITreeState {\n  _width: number;\n  _height: number;\n}\n\nexport interface ITreeDataStructure {\n  id: number;\n  children: unknown;\n  dataName: string;\n  subName: string;\n  metricName?: string | undefined;\n  fill: string;\n  x: number;\n  y: number;\n  parentID: number;\n}\n\nexport interface ITreeStyleProps {\n  theme: ITheme;\n  className?: string;\n}\nexport interface ITreeStyles {\n  link: IStyle;\n  rectNode: IStyle;\n  rectText: IStyle;\n  rectSubText: IStyle;\n  rectMetricText: IStyle;\n}\n"]}

package/lib/components/TreeChart/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TreeChart';
+export * from './TreeChart.types';

package/lib/components/TreeChart/index.js

@@ -0,0 +1,3 @@
+export * from './TreeChart';
+export * from './TreeChart.types';
+//# sourceMappingURL=index.js.map

package/lib/components/TreeChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/TreeChart/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC","sourcesContent":["export * from './TreeChart';\nexport * from './TreeChart.types';\n"]}

package/lib/index.d.ts

@@ -13,5 +13,6 @@ export * from './types/index';
 export * from './utilities/ChartHoverCard/index';
 export * from './HeatMapChart';
 export * from './SankeyChart';
+export * from './TreeChart';
 export * from './Sparkline';
 import './version';

package/lib/index.js

@@ -13,6 +13,7 @@ export * from './types/index';
 export * from './utilities/ChartHoverCard/index';
 export * from './HeatMapChart';
 export * from './SankeyChart';
+export * from './TreeChart';
 export * from './Sparkline';
 import './version';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,kCAAkC,CAAC;AACjD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAE5B,OAAO,WAAW,CAAC","sourcesContent":["export * from './HorizontalBarChart';\nexport * from './DonutChart';\nexport * from './Legends';\nexport * from './LineChart';\nexport * from './AreaChart';\nexport * from './PieChart';\nexport * from './StackedBarChart';\nexport * from './VerticalBarChart';\nexport * from './VerticalStackedBarChart';\nexport * from './GroupedVerticalBarChart';\nexport * from './CartesianChart';\nexport * from './types/index';\nexport * from './utilities/ChartHoverCard/index';\nexport * from './HeatMapChart';\nexport * from './SankeyChart';\nexport * from './Sparkline';\n\nimport './version';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,kCAAkC,CAAC;AACjD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAE5B,OAAO,WAAW,CAAC","sourcesContent":["export * from './HorizontalBarChart';\nexport * from './DonutChart';\nexport * from './Legends';\nexport * from './LineChart';\nexport * from './AreaChart';\nexport * from './PieChart';\nexport * from './StackedBarChart';\nexport * from './VerticalBarChart';\nexport * from './VerticalStackedBarChart';\nexport * from './GroupedVerticalBarChart';\nexport * from './CartesianChart';\nexport * from './types/index';\nexport * from './utilities/ChartHoverCard/index';\nexport * from './HeatMapChart';\nexport * from './SankeyChart';\nexport * from './TreeChart';\nexport * from './Sparkline';\n\nimport './version';\n"]}

package/lib/version.js

@@ -1,5 +1,5 @@
 // Do not modify this file; it is generated as part of publish.
 // The checked in version is a placeholder only and will not be updated.
 import { setVersion } from '@fluentui/set-version';
-setVersion('@fluentui/react-charting', '5.10.1');
+setVersion('@fluentui/react-charting', '5.12.1');
 //# sourceMappingURL=version.js.map

package/lib/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"../src/","sources":["version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,wEAAwE;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,UAAU,CAAC,0BAA0B,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nimport { setVersion } from '@fluentui/set-version';\nsetVersion('@fluentui/react-charting', '5.10.1');"]}
+{"version":3,"file":"version.js","sourceRoot":"../src/","sources":["version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,wEAAwE;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,UAAU,CAAC,0BAA0B,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nimport { setVersion } from '@fluentui/set-version';\nsetVersion('@fluentui/react-charting', '5.12.1');"]}

package/lib-amd/TreeChart.d.ts

@@ -0,0 +1 @@
+export * from './components/TreeChart/index';

package/lib-amd/TreeChart.js

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

package/lib-amd/TreeChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeChart.js","sourceRoot":"../src/","sources":["TreeChart.ts"],"names":[],"mappings":";;;IAAA,uCAA6C","sourcesContent":["export * from './components/TreeChart/index';\n"]}

package/lib-amd/Utilities.d.ts

@@ -1,2 +1,2 @@
-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 { 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, canUseDOM, 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-amd/Utilities.js

@@ -1,7 +1,7 @@
 define(["require", "exports", "@fluentui/react/lib/Utilities"], function (require, exports, Utilities_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    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 = 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 = 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 = 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.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 = 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 = 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 = 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.canUseDOM = 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;
     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
@@ -39,6 +39,7 @@ define(["require", "exports", "@fluentui/react/lib/Utilities"], function (requir
     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, "canUseDOM", { enumerable: true, get: function () { return Utilities_1.canUseDOM; } });
     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; } });
@@ -155,6 +156,7 @@ define(["require", "exports", "@fluentui/react/lib/Utilities"], function (requir
     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; } });
+    // eslint-disable-next-line deprecation/deprecation
     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; } });

package/lib-amd/Utilities.js.map

@@ -1 +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  // eslint-disable-next-line deprecation/deprecation\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"]}
+{"version":3,"file":"Utilities.js","sourceRoot":"../src/","sources":["Utilities.ts"],"names":[],"mappings":";;;;IACE,kGAAA,KAAK,OAAA;IACL,uGAAA,UAAU,OAAA;IACV,mDAAmD;IACnD,0GAAA,aAAa,OAAA;IACb,2GAAA,cAAc,OAAA;IACd,mDAAmD;IACnD,uGAAA,UAAU,OAAA;IACV,8GAAA,iBAAiB,OAAA;IACjB,yHAAA,4BAA4B,OAAA;IAC5B,kHAAA,qBAAqB,OAAA;IACrB,0GAAA,aAAa,OAAA;IACb,uGAAA,UAAU,OAAA;IACV,8GAAA,iBAAiB,OAAA;IACjB,uGAAA,UAAU,OAAA;IACV,2GAAA,cAAc,OAAA;IACd,oHAAA,uBAAuB,OAAA;IACvB,qGAAA,QAAQ,OAAA;IACR,sGAAA,SAAS,OAAA;IACT,6GAAA,gBAAgB,OAAA;IAChB,sGAAA,SAAS,OAAA;IACT,+GAAA,kBAAkB,OAAA;IAClB,0GAAA,aAAa,OAAA;IACb,kHAAA,qBAAqB,OAAA;IACrB,8GAAA,iBAAiB,OAAA;IACjB,qHAAA,wBAAwB,OAAA;IACxB,iHAAA,oBAAoB,OAAA;IACpB,6GAAA,gBAAgB,OAAA;IAChB,2GAAA,cAAc,OAAA;IACd,wGAAA,WAAW,OAAA;IACX,oGAAA,OAAO,OAAA;IACP,wGAAA,WAAW,OAAA;IACX,mGAAA,MAAM,OAAA;IACN,4GAAA,eAAe,OAAA;IACf,8GAAA,iBAAiB,OAAA;IACjB,kHAAA,qBAAqB,OAAA;IACrB,6GAAA,gBAAgB,OAAA;IAChB,+GAAA,kBAAkB,OAAA;IAClB,sGAAA,SAAS,OAAA;IACT,+GAAA,kBAAkB,OAAA;IAClB,+GAAA,kBAAkB,OAAA;IAClB,0GAAA,aAAa,OAAA;IACb,+GAAA,kBAAkB,OAAA;IAClB,kHAAA,qBAAqB,OAAA;IACrB,wGAAA,WAAW,OAAA;IACX,2GAAA,cAAc,OAAA;IACd,4GAAA,eAAe,OAAA;IACf,gGAAA,GAAG,OAAA;IACH,yGAAA,YAAY,OAAA;IACZ,8GAAA,iBAAiB,OAAA;IACjB,0GAAA,aAAa,OAAA;IACb,oHAAA,uBAAuB,OAAA;IACvB,4GAAA,eAAe,OAAA;IACf,qHAAA,wBAAwB,OAAA;IACxB,6GAAA,gBAAgB,OAAA;IAChB,4GAAA,eAAe,OAAA;IACf,2GAAA,cAAc,OAAA;IACd,iGAAA,IAAI,OAAA;IACJ,iHAAA,oBAAoB,OAAA;IACpB,sGAAA,SAAS,OAAA;IACT,iHAAA,oBAAoB,OAAA;IACpB,+GAAA,kBAAkB,OAAA;IAClB,oGAAA,OAAO,OAAA;IACP,uGAAA,UAAU,OAAA;IACV,4GAAA,eAAe,OAAA;IACf,2GAAA,cAAc,OAAA;IACd,mGAAA,MAAM,OAAA;IACN,wGAAA,WAAW,OAAA;IACX,qHAAA,wBAAwB,OAAA;IACxB,wGAAA,WAAW,OAAA;IACX,gHAAA,mBAAmB,OAAA;IACnB,8GAAA,iBAAiB,OAAA;IACjB,6GAAA,gBAAgB,OAAA;IAChB,+HAAA,kCAAkC,OAAA;IAClC,oHAAA,uBAAuB,OAAA;IACvB,kGAAA,KAAK,OAAA;IACL,wGAAA,WAAW,OAAA;IACX,wGAAA,WAAW,OAAA;IACX,6GAAA,gBAAgB,OAAA;IAChB,4GAAA,eAAe,OAAA;IACf,kHAAA,qBAAqB,OAAA;IACrB,2GAAA,cAAc,OAAA;IACd,2GAAA,cAAc,OAAA;IACd,sGAAA,SAAS,OAAA;IACT,+GAAA,kBAAkB,OAAA;IAClB,iHAAA,oBAAoB,OAAA;IACpB,mGAAA,MAAM,OAAA;IACN,8GAAA,iBAAiB,OAAA;IACjB,oGAAA,OAAO,OAAA;IACP,mDAAmD;IACnD,2GAAA,cAAc,OAAA;IACd,8GAAA,iBAAiB,OAAA;IACjB,6GAAA,gBAAgB,OAAA;IAChB,sGAAA,SAAS,OAAA;IACT,kHAAA,qBAAqB,OAAA;IACrB,wGAAA,WAAW,OAAA;IACX,gHAAA,mBAAmB,OAAA;IACnB,yGAAA,YAAY,OAAA;IACZ,yGAAA,YAAY,OAAA;IACZ,kHAAA,qBAAqB,OAAA;IACrB,6GAAA,gBAAgB,OAAA;IAChB,mDAAmD;IACnD,4GAAA,eAAe,OAAA;IACf,0GAAA,aAAa,OAAA;IACb,mHAAA,sBAAsB,OAAA;IACtB,mDAAmD;IACnD,iHAAA,oBAAoB,OAAA;IACpB,4GAAA,eAAe,OAAA;IACf,yGAAA,YAAY,OAAA;IACZ,iHAAA,oBAAoB,OAAA;IACpB,kHAAA,qBAAqB,OAAA;IACrB,+GAAA,kBAAkB,OAAA;IAClB,8GAAA,iBAAiB,OAAA;IACjB,6GAAA,gBAAgB,OAAA;IAChB,yHAAA,4BAA4B,OAAA;IAC5B,mGAAA,MAAM,OAAA;IACN,kGAAA,KAAK,OAAA;IACL,kGAAA,KAAK,OAAA;IACL,6GAAA,gBAAgB,OAAA;IAChB,4GAAA,eAAe,OAAA;IACf,yGAAA,YAAY,OAAA;IACZ,0GAAA,aAAa,OAAA;IACb,oGAAA,OAAO,OAAA;IACP,4GAAA,eAAe,OAAA;IACf,kGAAA,KAAK,OAAA;IACL,qHAAA,wBAAwB,OAAA;IACxB,gHAAA,mBAAmB,OAAA;IACnB,gHAAA,mBAAmB,OAAA;IACnB,0GAAA,aAAa,OAAA;IACb,qGAAA,QAAQ,OAAA;IACR,uGAAA,UAAU,OAAA;IACV,yGAAA,YAAY,OAAA;IACZ,iGAAA,IAAI,OAAA;IACJ,+FAAA,EAAE,OAAA;IACF,6GAAA,gBAAgB,OAAA;IAChB,kHAAA,qBAAqB,OAAA;IACrB,2GAAA,cAAc,OAAA;IACd,mDAAmD;IACnD,uGAAA,UAAU,OAAA;IACV,wGAAA,WAAW,OAAA;IACX,2GAAA,cAAc,OAAA;IACd,oHAAA,uBAAuB,OAAA;IACvB,qGAAA,QAAQ,OAAA;IACR,8GAAA,iBAAiB,OAAA;IACjB,sHAAA,yBAAyB,OAAA;IACzB,2GAAA,cAAc,OAAA;IACd,6GAAA,gBAAgB,OAAA;IAChB,mDAAmD;IACnD,uGAAA,UAAU,OAAA;IACV,+GAAA,kBAAkB,OAAA;IAClB,mDAAmD;IACnD,wGAAA,WAAW,OAAA;IACX,8GAAA,iBAAiB,OAAA;IACjB,+GAAA,kBAAkB,OAAA;IAClB,mGAAA,MAAM,OAAA;IACN,mDAAmD;IACnD,mGAAA,MAAM,OAAA;IACN,6GAAA,gBAAgB,OAAA;IAChB,+GAAA,kBAAkB,OAAA;IAClB,2GAAA,cAAc,OAAA;IACd,4GAAA,eAAe,OAAA;IACf,mGAAA,MAAM,OAAA;IACN,4GAAA,eAAe,OAAA;IACf,yGAAA,YAAY,OAAA;IACZ,+GAAA,kBAAkB,OAAA;IAClB,yGAAA,YAAY,OAAA;IACZ,qGAAA,QAAQ,OAAA;IACR,yGAAA,YAAY,OAAA;IACZ,2GAAA,cAAc,OAAA;IACd,qHAAA,wBAAwB,OAAA;IACxB,0GAAA,aAAa,OAAA;IACb,mGAAA,MAAM,OAAA;IACN,4GAAA,eAAe,OAAA;IACf,iGAAA,IAAI,OAAA;IACJ,2HAAA,8BAA8B,OAAA;IAC9B,gHAAA,mBAAmB,OAAA;IACnB,6GAAA,gBAAgB,OAAA;IAChB,kHAAA,qBAAqB,OAAA","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  canUseDOM,\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  // eslint-disable-next-line deprecation/deprecation\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  // eslint-disable-next-line deprecation/deprecation\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-amd/components/Legends/Legends.base.js

@@ -15,7 +15,8 @@ define(["require", "exports", "tslib", "react", "@fluentui/react/lib/HoverCard",
                         flexWrap: 'wrap',
                     },
                 };
-                return (React.createElement(OverflowSet_1.OverflowSet, tslib_1.__assign({}, (allowFocusOnLegends && { role: 'listbox', 'aria-label': 'Legends' }), { items: data.primary, overflowItems: data.overflow, onRenderItem: _this._renderButton, onRenderOverflowButton: _this._renderOverflowItems }, overflowProps, { styles: tslib_1.__assign(tslib_1.__assign({}, rootStyles), overflowProps === null || overflowProps === void 0 ? void 0 : overflowProps.styles) })));
+                return (React.createElement(react_focus_1.FocusZone, tslib_1.__assign({}, (allowFocusOnLegends && { role: 'listbox', 'aria-label': 'Legends' })),
+                    React.createElement(OverflowSet_1.OverflowSet, tslib_1.__assign({ items: data.primary, overflowItems: data.overflow, onRenderItem: _this._renderButton, onRenderOverflowButton: _this._renderOverflowItems }, overflowProps, { styles: tslib_1.__assign(tslib_1.__assign({}, rootStyles), overflowProps === null || overflowProps === void 0 ? void 0 : overflowProps.styles) }))));
             };
             _this._onReduceData = function (currentdata) {
                 if (currentdata.primary.length === 0) {

package/lib-amd/components/Legends/Legends.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"Legends.base.js","sourceRoot":"../src/","sources":["components/Legends/Legends.base.tsx"],"names":[],"mappings":";;;;IAqBA,IAAM,aAAa,GAAG,8BAAkB,EAAqC,CAAC;IAyB9E;QAAiC,uCAA4C;QAI3E,qBAAmB,KAAoB;YAAvC,YACE,kBAAM,KAAK,CAAC,SASb;YA6DO,mBAAa,GAAG,UAAC,IAAiD;gBAClE,IAAA,KAAgD,KAAI,CAAC,KAAK,EAAxD,aAAa,mBAAA,EAAE,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAe,CAAC;gBACjE,IAAM,UAAU,GAAG;oBACjB,IAAI,EAAE;wBACJ,cAAc,EAAE,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;wBAC7D,QAAQ,EAAE,MAAM;qBACjB;iBACF,CAAC;gBACF,OAAO,CACL,oBAAC,yBAAW,uBACN,CAAC,mBAAmB,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,IACzE,KAAK,EAAE,IAAI,CAAC,OAAO,EACnB,aAAa,EAAE,IAAI,CAAC,QAAQ,EAC5B,YAAY,EAAE,KAAI,CAAC,aAAa,EAChC,sBAAsB,EAAE,KAAI,CAAC,oBAAoB,IAC7C,aAAa,IACjB,MAAM,wCAAO,UAAU,GAAK,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,KACjD,CACH,CAAC;YACJ,CAAC,CAAC;YAEM,mBAAa,GAAG,UAAC,WAAkC;gBACzD,IAAI,WAAW,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;oBACpC,OAAO;iBACR;gBACD,IAAM,QAAQ,mDAAO,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAK,WAAW,CAAC,QAAQ,CAAC,CAAC;gBAC7E,IAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;gBACjD,OAAO,EAAE,OAAO,SAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;YAC/B,CAAC,CAAC;YAEM,iBAAW,GAAG,UAAC,WAAkC;gBACvD,IAAI,WAAW,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;oBACrC,OAAO;iBACR;gBACD,IAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBAC/C,IAAM,OAAO,mDAAO,WAAW,CAAC,OAAO,GAAK,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;gBAC9E,OAAO,EAAE,OAAO,SAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;YAC/B,CAAC,CAAC;YAEF;;;;eAIG;YACK,+BAAyB,GAAG,UAAC,MAAe;gBAClD,IAAM,eAAe,GAAG,gCAAoB,CAAC,KAAI,CAAC,KAAK,CAAC,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;gBACvF,KAAI,CAAC,QAAQ,CAAC;oBACZ,4EAA4E;oBAC5E,eAAe,EAAE,eAAe,CAAC,MAAM,KAAK,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;oBAC5F,kEAAkE;oBAClE,aAAa,EACX,eAAe,CAAC,MAAM,KAAK,CAAC,IAAI,eAAe,CAAC,MAAM,KAAK,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;oBACrG,0BAA0B,EAAE,KAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;oBACjF,cAAc,EAAE,MAAM;oBACtB,UAAU,EAAE,KAAK;iBAClB,CAAC,CAAC;YACL,CAAC,CAAC;YAEF;;;;eAIG;YAEK,gCAA0B,GAAG,UAAC,MAAe;gBACnD,IAAI,KAAI,CAAC,KAAK,CAAC,aAAa,KAAK,IAAI,IAAI,KAAI,CAAC,KAAK,CAAC,cAAc,KAAK,MAAM,CAAC,KAAK,EAAE;oBACnF,KAAI,CAAC,QAAQ,CAAC;wBACZ,cAAc,EAAE,MAAM;wBACtB,aAAa,EAAE,KAAK;wBACpB,0BAA0B,EAAE,KAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;qBAClF,CAAC,CAAC;iBACJ;qBAAM;oBACL,KAAI,CAAC,QAAQ,CAAC;wBACZ,UAAU,EAAE,IAAI;wBAChB,aAAa,EAAE,IAAI;wBACnB,cAAc,EAAE,MAAM,CAAC,KAAK;wBAC5B,0BAA0B,EAAE,KAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;qBAClF,CAAC,CAAC;iBACJ;YACH,CAAC,CAAC;YAEM,cAAQ,GAAG,UAAC,MAAe;gBACjC,IAAI,MAAM,CAAC,MAAM,EAAE;oBACT,IAAA,KAAqC,KAAI,CAAC,KAAK,yBAAf,EAAhC,wBAAwB,mBAAG,KAAK,KAAA,CAAgB;oBACxD,IAAI,wBAAwB,EAAE;wBAC5B,KAAI,CAAC,yBAAyB,CAAC,MAAM,CAAC,CAAC;qBACxC;yBAAM;wBACL,KAAI,CAAC,0BAA0B,CAAC,MAAM,CAAC,CAAC;qBACzC;oBACD,MAAM,CAAC,MAAM,EAAE,CAAC;iBACjB;YACH,CAAC,CAAC;YAEM,0BAAoB,GAAG,UAAC,aAAkC;gBAC1D,IAAA,KAA2D,KAAI,CAAC,KAAK,EAAnE,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAe,CAAC;gBAC5E,IAAM,wBAAwB,GAAkB,EAAE,CAAC;gBACnD,IAAM,UAAU,GAAG,aAAa,CAAC,MAAO,EAAE;oBACxC,KAAK,EAAE,KAAM;oBACb,SAAS,WAAA;iBACV,CAAC,CAAC;gBACH,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,UAAC,MAA6B,EAAE,KAAa;oBAC5E,IAAM,gBAAgB,GAAG,KAAI,CAAC,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;oBACjE,wBAAwB,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;gBAClD,CAAC,CAAC,CAAC;gBACH,IAAM,aAAa,GAAG,CACpB,oBAAC,uBAAS,uBACJ,CAAC,mBAAmB,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,IAChD,SAAS,EAAE,gCAAkB,CAAC,QAAQ,IAClC,KAAI,CAAC,KAAK,CAAC,yBAAyB,IACxC,SAAS,EAAE,UAAU,CAAC,aAAa,KAElC,wBAAwB,CACf,CACb,CAAC;gBACF,OAAO,aAAa,CAAC;YACvB,CAAC,CAAC;YAEM,0BAAoB,GAAG,UAAC,OAAkB;gBACxC,IAAA,KAA+B,KAAI,CAAC,KAAK,oBAAf,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,CAAgB;gBAClD,IAAM,KAAK,GAA0B,EAAE,CAAC;gBACxC,OAAO,CAAC,OAAO,CAAC,UAAC,MAAe,EAAE,CAAS;oBACzC,KAAK,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;gBAChF,CAAC,CAAC,CAAC;gBACH,IAAM,kBAAkB,GAAwB,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;gBAClE,IAAA,KAA6C,KAAI,CAAC,KAAK,EAArD,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAe,CAAC;gBAC9D,IAAM,UAAU,GAAG,aAAa,CAAC,MAAO,EAAE;oBACxC,KAAK,EAAE,KAAM;oBACb,SAAS,WAAA;iBACV,CAAC,CAAC;gBACH,IAAM,cAAc,GAAG;oBACrB,iBAAiB,EAAE,KAAI,CAAC,oBAAoB;oBAC5C,UAAU,EAAE,kBAAkB;iBAC/B,CAAC;gBAEF,IAAM,cAAc,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC;gBAC5D,mFAAmF;gBACnF,IAAM,sBAAsB,GAAG;oBACrB,IAAA,KAAqC,KAAI,CAAC,KAAK,yBAAf,EAAhC,wBAAwB,mBAAG,KAAK,KAAA,CAAgB;oBACxD,IAAM,oBAAoB,GAAG,gBAAI,CAC/B,OAAO,EACP,UAAC,MAAe;wBACd,OAAA,MAAM,CAAC,KAAK,KAAK,KAAI,CAAC,KAAK,CAAC,0BAA0B,IAAI,MAAM,CAAC,KAAK,KAAK,KAAI,CAAC,KAAK,CAAC,cAAc;oBAApG,CAAoG,CACvG,CAAC;oBACF,KAAI,CAAC,QAAQ,CACX;wBACE,kBAAkB,EAAE,KAAK;wBACzB,0BAA0B,EAAE,MAAM;wBAClC,eAAe,EAAE,EAAE;qBACpB,EACD;wBACE,IAAI,oBAAoB,EAAE;4BACxB,KAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE;gCAC9D,IAAI,oBAAoB,CAAC,MAAM,IAAI,CAAC,wBAAwB,EAAE;oCAC5D,oBAAoB,CAAC,MAAM,EAAE,CAAC;iCAC/B;gCACD,IAAI,KAAI,CAAC,KAAK,CAAC,sBAAsB,IAAI,wBAAwB,EAAE;oCACjE,KAAI,CAAC,KAAK,CAAC,sBAAsB,EAAE,CAAC;iCACrC;gCACD,KAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE;oCACnC,IAAI,oBAAoB,CAAC,gBAAgB,EAAE;wCACzC,oBAAoB,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;qCAC7C;gCACH,CAAC,CAAC,CAAC;4BACL,CAAC,CAAC,CAAC;yBACJ;oBACH,CAAC,CACF,CAAC;gBACJ,CAAC,CAAC;gBACF,OAAO,CACL,oBAAC,qBAAS,IACR,IAAI,EAAE,yBAAa,CAAC,KAAK,EACzB,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,IAAI;oBACxB,6CAA6C;oBAC7C,UAAU,EAAE,sBAAsB,EAClC,eAAe,EAAE,IAAI,EACrB,SAAS,EAAE,IAAI,EACf,aAAa,EAAE,KAAI,CAAC,iBAAiB,EACrC,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,eAAe,EACrD,gBAAgB,EAAE,GAAG,EACrB,MAAM,EAAE,KAAI,CAAC,aAAa;oBAE1B,8CACE,SAAS,EAAE,UAAU,CAAC,2BAA2B,EACjD,GAAG,EAAE,UAAC,QAAwB,IAAK,OAAA,CAAC,KAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,EAA/B,CAA+B,IAC9D,CAAC,mBAAmB,IAAI;wBAC1B,IAAI,EAAE,MAAM;wBACZ,eAAe,EAAE,KAAI,CAAC,KAAK,CAAC,kBAAkB;wBAC9C,YAAY,EAAK,KAAK,CAAC,MAAM,SAAI,cAAgB;qBAClD,CAAC,yBACiB,mBAAmB;wBAErC,KAAK,CAAC,MAAM;;wBAAG,cAAc,CAC1B,CACI,CACb,CAAC;YACJ,CAAC,CAAC;YAEM,uBAAiB,GAAG;gBAC1B,KAAI,CAAC,QAAQ,CAAC,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC,CAAC;YAC9C,CAAC,CAAC;YAEM,wBAAkB,GAAG,UAAC,MAAe;gBAC3C,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,aAAa,EAAE;oBAC7B,IAAI,MAAM,CAAC,WAAW,EAAE;wBACtB,KAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;wBAClE,MAAM,CAAC,WAAW,EAAE,CAAC;qBACtB;iBACF;YACH,CAAC,CAAC;YAEM,cAAQ,GAAG,UAAC,MAAe;gBACjC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,aAAa,EAAE;oBAC7B,IAAI,MAAM,CAAC,gBAAgB,EAAE;wBAC3B,KAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC;wBAC7D,MAAM,CAAC,gBAAgB,EAAE,CAAC;qBAC3B;iBACF;YACH,CAAC,CAAC;YAEM,mBAAa,GAAG,UAAC,IAA2B,EAAE,KAAc,EAAE,QAAkB;gBAC9E,IAAA,KAA+B,KAAI,CAAC,KAAK,oBAAf,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,CAAgB;gBAClD,IAAM,MAAM,GAAY;oBACtB,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,WAAW,EAAE,IAAI,CAAC,WAAW;oBAC7B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;oBACvC,aAAa,EAAE,IAAI,CAAC,aAAa;oBACjC,sBAAsB,EAAE,IAAI,CAAC,sBAAsB;oBACnD,OAAO,EAAE,IAAI,CAAC,OAAO;iBACtB,CAAC;gBACF,IAAM,KAAK,GAAG,KAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;gBACnD,IAAA,KAA+B,KAAI,CAAC,KAAK,EAAvC,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAe,CAAC;gBAChD,IAAM,UAAU,GAAG,aAAa,CAAC,MAAO,EAAE;oBACxC,KAAK,EAAE,KAAM;oBACb,SAAS,WAAA;oBACT,oBAAoB,EAAE,KAAK;oBAC3B,WAAW,EAAE,MAAM,CAAC,KAAK;oBACzB,QAAQ,EAAE,QAAQ;oBAClB,aAAa,EAAE,MAAM,CAAC,aAAa;oBACnC,sBAAsB,EAAE,MAAM,CAAC,sBAAsB;oBACrD,OAAO,EAAE,MAAM,CAAC,OAAO;iBACxB,CAAC,CAAC;gBACH,IAAM,cAAc,GAAG;oBACrB,KAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;gBACxB,CAAC,CAAC;gBACF,IAAM,cAAc,GAAG;oBACrB,KAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;gBAClC,CAAC,CAAC;gBACF,IAAM,UAAU,GAAG;oBACjB,KAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;gBACxB,CAAC,CAAC;gBACF,IAAM,KAAK,GAAG,KAAI,CAAC,SAAS,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;gBACxD,OAAO,CACL,mDACM,CAAC,mBAAmB,IAAI;oBAC1B,eAAe,EAAE,KAAI,CAAC,KAAK,CAAC,cAAc,KAAK,MAAM,CAAC,KAAK;oBAC3D,IAAI,EAAE,QAAQ;oBACd,YAAY,EAAK,MAAM,CAAC,KAAK,cAAW;oBACxC,cAAc,EAAE,IAAI,CAAC,cAAc,CAAC;oBACpC,eAAe,EAAE,IAAI,CAAC,eAAe,CAAC;iBACvC,CAAC,EACE,CAAC,IAAI,CAAC,iBAAiB,yBAAS,IAAI,CAAC,iBAAiB,CAAE,CAAC,IAC7D,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,UAAU,CAAC,MAAM,EAC5B,OAAO,EAAE,cAAc,EACvB,WAAW,EAAE,cAAc,EAC3B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,cAAc,EACvB,MAAM,EAAE,UAAU,uBACC,mBAAmB;oBAGrC,KAAK;oBACN,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI,IAAG,MAAM,CAAC,KAAK,CAAO,CAC9C,CACV,CAAC;YACJ,CAAC,CAAC;YA5VA,KAAI,CAAC,KAAK,GAAG;gBACX,cAAc,EAAE,MAAM;gBACtB,aAAa,EAAE,KAAK;gBACpB,UAAU,EAAE,KAAK;gBACjB,kBAAkB,EAAE,KAAK;gBACzB,0BAA0B,EAAE,MAAM;gBAClC,eAAe,EAAE,EAAE;aACpB,CAAC;;QACJ,CAAC;QAEM,wCAAkB,GAAzB,UAA0B,SAAwB;YAChD,IAAI,SAAS,CAAC,cAAc,KAAK,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE;gBAC1D,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAe,EAAE,CAAC,CAAC;aAC/D;QACH,CAAC;QAEM,4BAAM,GAAb;YACQ,IAAA,KAA+B,IAAI,CAAC,KAAK,EAAvC,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAe,CAAC;YAChD,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,MAAO,EAAE;gBACxC,KAAK,EAAE,KAAM;gBACb,SAAS,WAAA;aACV,CAAC,CAAC;YACH,IAAM,YAAY,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;YAC1C,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,IAClC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAC7B,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,CACjC,CAAC,CAAC,CAAC,CACF,oBAAC,yBAAW,IACV,IAAI,EAAE,YAAY,EAClB,YAAY,EAAE,IAAI,CAAC,aAAa,EAChC,YAAY,EAAE,IAAI,CAAC,aAAa,EAChC,UAAU,EAAE,IAAI,CAAC,WAAW,GAC5B,CACH,CACG,CACP,CAAC;QACJ,CAAC;QAEO,mCAAa,GAArB;YAAA,iBA4BC;YA3BS,IAAA,KAA+B,IAAI,CAAC,KAAK,oBAAf,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,CAAgB;YAClD,IAAM,SAAS,GAAkB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAe,EAAE,KAAa;gBACrF,6CACK,CAAC,mBAAmB,IAAI;oBACzB,iBAAiB,EAAE,0BAAc,CAA0C,MAAM,EAAE,4BAAgB,EAAE;wBACnG,OAAO;qBACR,CAAC;oBACF,cAAc,EAAE,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;oBACzC,eAAe,EAAE,KAAK,GAAG,CAAC;iBAC3B,CAAC,KACF,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,MAAM,EAAE,MAAM,CAAC,MAAO,EACtB,WAAW,EAAE,MAAM,CAAC,WAAY,EAChC,gBAAgB,EAAE,MAAM,CAAC,gBAAiB,EAC1C,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,aAAa,EAAE,MAAM,CAAC,aAAa,EACnC,sBAAsB,EAAE,MAAM,CAAC,sBAAsB,EACrD,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,GAAG,EAAE,KAAK,IACV;YACJ,CAAC,CAAC,CAAC;YACH,IAAM,MAAM,GAAwB;gBAClC,OAAO,EAAE,SAAS;gBAClB,QAAQ,EAAE,EAAE;aACb,CAAC;YACF,OAAO,MAAM,CAAC;QAChB,CAAC;QA2RO,+BAAS,GAAjB,UACE,UAA8C,EAC9C,MAAe,EACf,KAAa;YAEb,IAAM,cAAc,GAAoC;gBACtD,SAAS,EAAE,UAAU,CAAC,KAAK;aAC5B,CAAC;YACF,IAAM,aAAa,GAAoC;gBACrD,IAAI,EAAE,KAAK;gBACX,WAAW,EAAE,CAAC;gBACd,MAAM,EAAE,MAAM,CAAC,KAAK;aACrB,CAAC;YACF,OAAO,CACL,oBAAC,aAAK,IACJ,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,MAAM,CAAC,KAAoB,EAClC,kBAAkB,EAAE,UAAU,CAAC,IAAI,GACnC,CACH,CAAC;QACJ,CAAC;QAEO,+BAAS,GAAjB,UAAkB,KAAa,EAAE,KAAa;YACtC,IAAA,KAA8C,IAAI,CAAC,KAAK,EAAtD,KAAK,WAAA,EAAE,gCAAgC,EAAhC,wBAAwB,mBAAG,KAAK,KAAe,CAAC;YACvD,IAAA,OAAO,GAAK,KAAM,QAAX,CAAY;YAC3B,IAAI,WAAW,GAAG,KAAK,CAAC;YACxB,gEAAgE;YAChE,sEAAsE;YACtE,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,KAAK,EAAE;gBAChE,WAAW,GAAG,KAAK,CAAC;aACrB,CAAC,0FAA0F;iBACvF,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,KAAK,EAAE;gBAC7G,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC;aAC7B,CAAC,qFAAqF;YACvF,kFAAkF;iBAC7E,IAAI,CAAC,CAAC,wBAAwB,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE;gBACjH,WAAW,GAAG,KAAK,CAAC;aACrB,CAAC,mFAAmF;YACrF,2CAA2C;iBACtC,IACH,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,MAAM,CAAC;gBACnE,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,KAAK;gBACnC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,MAAM,IAAI,CAAC,EACtC;gBACA,WAAW,GAAG,KAAK,CAAC;aACrB;iBAAM;gBACL,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC;aAC7B;YACD,OAAO,WAAW,CAAC;QACrB,CAAC;QACH,kBAAC;IAAD,CAAC,AAvZD,CAAiC,KAAK,CAAC,SAAS,GAuZ/C;IAvZY,kCAAW","sourcesContent":["import * as React from 'react';\n\nimport { IContextualMenuItem } from '@fluentui/react/lib/ContextualMenu';\nimport { HoverCard, HoverCardType, IExpandingCardProps } from '@fluentui/react/lib/HoverCard';\nimport { classNamesFunction, find, getNativeProps, buttonProperties } from '@fluentui/react/lib/Utilities';\nimport { ResizeGroup } from '@fluentui/react/lib/ResizeGroup';\nimport { IProcessedStyleSet } from '@fluentui/react/lib/Styling';\nimport { OverflowSet, IOverflowSetItemProps } from '@fluentui/react/lib/OverflowSet';\nimport { FocusZone, FocusZoneDirection } from '@fluentui/react-focus';\nimport {\n  ILegend,\n  ILegendsProps,\n  LegendShape,\n  ILegendsStyles,\n  ILegendStyleProps,\n  ILegendOverflowData,\n} from './Legends.types';\nimport { Shape } from './shape';\n\nimport { silceOrAppendToArray } from '../../utilities/utilities';\n\nconst getClassNames = classNamesFunction<ILegendStyleProps, ILegendsStyles>();\n\n// This is an internal interface used for rendering the legends with unique key\ninterface ILegendItem extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  name?: string;\n  title: string;\n  action: VoidFunction;\n  hoverAction: VoidFunction;\n  onMouseOutAction: VoidFunction;\n  color: string;\n  shape?: LegendShape;\n  key: number;\n  opacity?: number;\n  stripePattern?: boolean;\n  isLineLegendInBarChart?: boolean;\n}\n\nexport interface ILegendState {\n  selectedLegend: string;\n  selecetedLegendInHoverCard: string;\n  selectedState: boolean;\n  hoverState: boolean;\n  isHoverCardVisible: boolean;\n  selectedLegends: string[];\n}\nexport class LegendsBase extends React.Component<ILegendsProps, ILegendState> {\n  private _hoverCardRef: HTMLDivElement;\n  private _classNames: IProcessedStyleSet<ILegendsStyles>;\n\n  public constructor(props: ILegendsProps) {\n    super(props);\n    this.state = {\n      selectedLegend: 'none',\n      selectedState: false,\n      hoverState: false,\n      isHoverCardVisible: false,\n      selecetedLegendInHoverCard: 'none',\n      selectedLegends: [],\n    };\n  }\n\n  public componentDidUpdate(prevProps: ILegendsProps) {\n    if (prevProps.selectedLegend !== this.props.selectedLegend) {\n      this.setState({ selectedLegend: this.props.selectedLegend! });\n    }\n  }\n\n  public render(): JSX.Element {\n    const { theme, className, styles } = this.props;\n    this._classNames = getClassNames(styles!, {\n      theme: theme!,\n      className,\n    });\n    const dataToRender = this._generateData();\n    return (\n      <div className={this._classNames.root}>\n        {this.props.enabledWrapLines ? (\n          this._onRenderData(dataToRender)\n        ) : (\n          <ResizeGroup\n            data={dataToRender}\n            onReduceData={this._onReduceData}\n            onRenderData={this._onRenderData}\n            onGrowData={this._onGrowData}\n          />\n        )}\n      </div>\n    );\n  }\n\n  private _generateData(): ILegendOverflowData {\n    const { allowFocusOnLegends = true } = this.props;\n    const dataItems: ILegendItem[] = this.props.legends.map((legend: ILegend, index: number) => {\n      return {\n        ...(allowFocusOnLegends && {\n          nativeButtonProps: getNativeProps<React.HTMLAttributes<HTMLButtonElement>>(legend, buttonProperties, [\n            'title',\n          ]),\n          'aria-setsize': this.props.legends.length,\n          'aria-posinset': index + 1,\n        }),\n        title: legend.title,\n        action: legend.action!,\n        hoverAction: legend.hoverAction!,\n        onMouseOutAction: legend.onMouseOutAction!,\n        color: legend.color,\n        shape: legend.shape,\n        stripePattern: legend.stripePattern,\n        isLineLegendInBarChart: legend.isLineLegendInBarChart,\n        opacity: legend.opacity,\n        key: index,\n      };\n    });\n    const result: ILegendOverflowData = {\n      primary: dataItems,\n      overflow: [],\n    };\n    return result;\n  }\n\n  private _onRenderData = (data: IOverflowSetItemProps | ILegendOverflowData): JSX.Element => {\n    const { overflowProps, allowFocusOnLegends = true } = this.props;\n    const rootStyles = {\n      root: {\n        justifyContent: this.props.centerLegends ? 'center' : 'unset',\n        flexWrap: 'wrap',\n      },\n    };\n    return (\n      <OverflowSet\n        {...(allowFocusOnLegends && { role: 'listbox', 'aria-label': 'Legends' })}\n        items={data.primary}\n        overflowItems={data.overflow}\n        onRenderItem={this._renderButton}\n        onRenderOverflowButton={this._renderOverflowItems}\n        {...overflowProps}\n        styles={{ ...rootStyles, ...overflowProps?.styles }}\n      />\n    );\n  };\n\n  private _onReduceData = (currentdata: IOverflowSetItemProps): {} | void => {\n    if (currentdata.primary.length === 0) {\n      return;\n    }\n    const overflow = [...currentdata.primary.slice(-1), ...currentdata.overflow];\n    const primary = currentdata.primary.slice(0, -1);\n    return { primary, overflow };\n  };\n\n  private _onGrowData = (currentdata: IOverflowSetItemProps): {} | void => {\n    if (currentdata.overflow.length === 0) {\n      return;\n    }\n    const overflow = currentdata.overflow.slice(1);\n    const primary = [...currentdata.primary, ...currentdata.overflow.slice(0, 1)];\n    return { primary, overflow };\n  };\n\n  /**\n   * This function will get called when there is an ability to\n   * select  multiple legends\n   * @param legend ILegend\n   */\n  private _canSelectMultipleLegends = (legend: ILegend): void => {\n    const selectedLegends = silceOrAppendToArray(this.state.selectedLegends, legend.title);\n    this.setState({\n      //check if user selected all legends then empty it get the default behaviour\n      selectedLegends: selectedLegends.length === this.props.legends.length ? [] : selectedLegends,\n      // make selectedState to false if none or all the legends selected\n      selectedState:\n        selectedLegends.length === 0 || selectedLegends.length === this.props.legends.length ? false : true,\n      selecetedLegendInHoverCard: this.state.isHoverCardVisible ? legend.title : 'none',\n      selectedLegend: 'none',\n      hoverState: false,\n    });\n  };\n\n  /**\n   * This function will get called when there is\n   * ability to select only single legend\n   * @param legend ILegend\n   */\n\n  private _canSelectOnlySingleLegend = (legend: ILegend): void => {\n    if (this.state.selectedState === true && this.state.selectedLegend === legend.title) {\n      this.setState({\n        selectedLegend: 'none',\n        selectedState: false,\n        selecetedLegendInHoverCard: this.state.isHoverCardVisible ? legend.title : 'none',\n      });\n    } else {\n      this.setState({\n        hoverState: true,\n        selectedState: true,\n        selectedLegend: legend.title,\n        selecetedLegendInHoverCard: this.state.isHoverCardVisible ? legend.title : 'none',\n      });\n    }\n  };\n\n  private _onClick = (legend: ILegend): void => {\n    if (legend.action) {\n      const { canSelectMultipleLegends = false } = this.props;\n      if (canSelectMultipleLegends) {\n        this._canSelectMultipleLegends(legend);\n      } else {\n        this._canSelectOnlySingleLegend(legend);\n      }\n      legend.action();\n    }\n  };\n\n  private _onRenderCompactCard = (expandingCard: IExpandingCardProps): JSX.Element => {\n    const { allowFocusOnLegends = true, className, styles, theme } = this.props;\n    const overflowHoverCardLegends: JSX.Element[] = [];\n    const classNames = getClassNames(styles!, {\n      theme: theme!,\n      className,\n    });\n    expandingCard.renderData.forEach((legend: IOverflowSetItemProps, index: number) => {\n      const hoverCardElement = this._renderButton(legend, index, true);\n      overflowHoverCardLegends.push(hoverCardElement);\n    });\n    const hoverCardData = (\n      <FocusZone\n        {...(allowFocusOnLegends && { role: 'listbox' })}\n        direction={FocusZoneDirection.vertical}\n        {...this.props.focusZonePropsInHoverCard}\n        className={classNames.hoverCardRoot}\n      >\n        {overflowHoverCardLegends}\n      </FocusZone>\n    );\n    return hoverCardData;\n  };\n\n  private _renderOverflowItems = (legends: ILegend[]) => {\n    const { allowFocusOnLegends = true } = this.props;\n    const items: IContextualMenuItem[] = [];\n    legends.forEach((legend: ILegend, i: number) => {\n      items.push({ key: i.toString(), name: legend.title, onClick: legend.action });\n    });\n    const renderOverflowData: IExpandingCardProps = { renderData: legends };\n    const { theme, className, styles, overflowText } = this.props;\n    const classNames = getClassNames(styles!, {\n      theme: theme!,\n      className,\n    });\n    const plainCardProps = {\n      onRenderPlainCard: this._onRenderCompactCard,\n      renderData: renderOverflowData,\n    };\n\n    const overflowString = overflowText ? overflowText : 'more';\n    // execute similar to \"_onClick\" and \"_onLeave\" logic at HoverCard onCardHide event\n    const onHoverCardHideHandler = () => {\n      const { canSelectMultipleLegends = false } = this.props;\n      const selectedOverflowItem = find(\n        legends,\n        (legend: ILegend) =>\n          legend.title === this.state.selecetedLegendInHoverCard || legend.title === this.state.selectedLegend,\n      );\n      this.setState(\n        {\n          isHoverCardVisible: false,\n          selecetedLegendInHoverCard: 'none',\n          selectedLegends: [],\n        },\n        () => {\n          if (selectedOverflowItem) {\n            this.setState({ selectedLegend: 'none', selectedState: false }, () => {\n              if (selectedOverflowItem.action && !canSelectMultipleLegends) {\n                selectedOverflowItem.action();\n              }\n              if (this.props.onLegendHoverCardLeave && canSelectMultipleLegends) {\n                this.props.onLegendHoverCardLeave();\n              }\n              this.setState({ hoverState: false }, () => {\n                if (selectedOverflowItem.onMouseOutAction) {\n                  selectedOverflowItem.onMouseOutAction(true);\n                }\n              });\n            });\n          }\n        },\n      );\n    };\n    return (\n      <HoverCard\n        type={HoverCardType.plain}\n        plainCardProps={plainCardProps}\n        instantOpenOnClick={true}\n        // eslint-disable-next-line react/jsx-no-bind\n        onCardHide={onHoverCardHideHandler}\n        setInitialFocus={true}\n        trapFocus={true}\n        onCardVisible={this._hoverCardVisible}\n        styles={classNames.subComponentStyles.hoverCardStyles}\n        cardDismissDelay={300}\n        target={this._hoverCardRef}\n      >\n        <div\n          className={classNames.overflowIndicationTextStyle}\n          ref={(rootElem: HTMLDivElement) => (this._hoverCardRef = rootElem)}\n          {...(allowFocusOnLegends && {\n            role: 'link',\n            'aria-expanded': this.state.isHoverCardVisible,\n            'aria-label': `${items.length} ${overflowString}`,\n          })}\n          data-is-focusable={allowFocusOnLegends}\n        >\n          {items.length} {overflowString}\n        </div>\n      </HoverCard>\n    );\n  };\n\n  private _hoverCardVisible = () => {\n    this.setState({ isHoverCardVisible: true });\n  };\n\n  private _onHoverOverLegend = (legend: ILegend) => {\n    if (!this.state.selectedState) {\n      if (legend.hoverAction) {\n        this.setState({ hoverState: true, selectedLegend: legend.title });\n        legend.hoverAction();\n      }\n    }\n  };\n\n  private _onLeave = (legend: ILegend) => {\n    if (!this.state.selectedState) {\n      if (legend.onMouseOutAction) {\n        this.setState({ hoverState: false, selectedLegend: 'none' });\n        legend.onMouseOutAction();\n      }\n    }\n  };\n\n  private _renderButton = (data: IOverflowSetItemProps, index?: number, overflow?: boolean) => {\n    const { allowFocusOnLegends = true } = this.props;\n    const legend: ILegend = {\n      title: data.title,\n      color: data.color,\n      shape: data.shape,\n      action: data.action,\n      hoverAction: data.hoverAction,\n      onMouseOutAction: data.onMouseOutAction,\n      stripePattern: data.stripePattern,\n      isLineLegendInBarChart: data.isLineLegendInBarChart,\n      opacity: data.opacity,\n    };\n    const color = this._getColor(legend.title, legend.color);\n    const { theme, className, styles } = this.props;\n    const classNames = getClassNames(styles!, {\n      theme: theme!,\n      className,\n      colorOnSelectedState: color,\n      borderColor: legend.color,\n      overflow: overflow,\n      stripePattern: legend.stripePattern,\n      isLineLegendInBarChart: legend.isLineLegendInBarChart,\n      opacity: legend.opacity,\n    });\n    const onClickHandler = () => {\n      this._onClick(legend);\n    };\n    const onHoverHandler = () => {\n      this._onHoverOverLegend(legend);\n    };\n    const onMouseOut = () => {\n      this._onLeave(legend);\n    };\n    const shape = this._getShape(classNames, legend, color);\n    return (\n      <button\n        {...(allowFocusOnLegends && {\n          'aria-selected': this.state.selectedLegend === legend.title,\n          role: 'option',\n          'aria-label': `${legend.title} selected`,\n          'aria-setsize': data['aria-setsize'],\n          'aria-posinset': data['aria-posinset'],\n        })}\n        {...(data.nativeButtonProps && { ...data.nativeButtonProps })}\n        key={index}\n        className={classNames.legend}\n        onClick={onClickHandler}\n        onMouseOver={onHoverHandler}\n        onMouseOut={onMouseOut}\n        onFocus={onHoverHandler}\n        onBlur={onMouseOut}\n        data-is-focusable={allowFocusOnLegends}\n        /* eslint-enable react/jsx-no-bind */\n      >\n        {shape}\n        <div className={classNames.text}>{legend.title}</div>\n      </button>\n    );\n  };\n\n  private _getShape(\n    classNames: IProcessedStyleSet<ILegendsStyles>,\n    legend: ILegend,\n    color: string,\n  ): React.ReactNode | string {\n    const svgParentProps: React.SVGAttributes<SVGElement> = {\n      className: classNames.shape,\n    };\n    const svgChildProps: React.SVGAttributes<SVGElement> = {\n      fill: color,\n      strokeWidth: 2,\n      stroke: legend.color,\n    };\n    return (\n      <Shape\n        svgProps={svgParentProps}\n        pathProps={svgChildProps}\n        shape={legend.shape as LegendShape}\n        classNameForNonSvg={classNames.rect}\n      />\n    );\n  }\n\n  private _getColor(title: string, color: string): string {\n    const { theme, canSelectMultipleLegends = false } = this.props;\n    const { palette } = theme!;\n    let legendColor = color;\n    // below if statement  will get executed for the hovered legend.\n    // (which is also the slected legend see fucntion:-_onHoverOverLegend)\n    if (this.state.hoverState && this.state.selectedLegend === title) {\n      legendColor = color;\n    } // below esle if statement will get executed for  the  unselected-legend which is  hovered\n    else if (this.state.hoverState && this.state.selectedLegend !== 'none' && this.state.selectedLegend !== title) {\n      legendColor = palette.white;\n    } // below else if statement will get executed if the legends are in the selected state\n    // this is will only get executed  when we have ability to select multiple legends\n    else if (!!canSelectMultipleLegends && this.state.selectedState && this.state.selectedLegends.indexOf(title) > -1) {\n      legendColor = color;\n    } // below else if statement will get executed when no legend is selected and hovered\n    //(for example:- initial render of legends)\n    else if (\n      (!this.state.selectedState && this.state.selectedLegend === 'none') ||\n      this.state.selectedLegend === title ||\n      this.state.selectedLegends.length <= 0\n    ) {\n      legendColor = color;\n    } else {\n      legendColor = palette.white;\n    }\n    return legendColor;\n  }\n}\n"]}
+{"version":3,"file":"Legends.base.js","sourceRoot":"../src/","sources":["components/Legends/Legends.base.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport { IContextualMenuItem } from '@fluentui/react/lib/ContextualMenu';\nimport { HoverCard, HoverCardType, IExpandingCardProps } from '@fluentui/react/lib/HoverCard';\nimport { classNamesFunction, find, getNativeProps, buttonProperties } from '@fluentui/react/lib/Utilities';\nimport { ResizeGroup } from '@fluentui/react/lib/ResizeGroup';\nimport { IProcessedStyleSet } from '@fluentui/react/lib/Styling';\nimport { OverflowSet, IOverflowSetItemProps } from '@fluentui/react/lib/OverflowSet';\nimport { FocusZone, FocusZoneDirection } from '@fluentui/react-focus';\nimport {\n  ILegend,\n  ILegendsProps,\n  LegendShape,\n  ILegendsStyles,\n  ILegendStyleProps,\n  ILegendOverflowData,\n} from './Legends.types';\nimport { Shape } from './shape';\n\nimport { silceOrAppendToArray } from '../../utilities/utilities';\n\nconst getClassNames = classNamesFunction<ILegendStyleProps, ILegendsStyles>();\n\n// This is an internal interface used for rendering the legends with unique key\ninterface ILegendItem extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  name?: string;\n  title: string;\n  action: VoidFunction;\n  hoverAction: VoidFunction;\n  onMouseOutAction: VoidFunction;\n  color: string;\n  shape?: LegendShape;\n  key: number;\n  opacity?: number;\n  stripePattern?: boolean;\n  isLineLegendInBarChart?: boolean;\n}\n\nexport interface ILegendState {\n  selectedLegend: string;\n  selecetedLegendInHoverCard: string;\n  selectedState: boolean;\n  hoverState: boolean;\n  isHoverCardVisible: boolean;\n  selectedLegends: string[];\n}\nexport class LegendsBase extends React.Component<ILegendsProps, ILegendState> {\n  private _hoverCardRef: HTMLDivElement;\n  private _classNames: IProcessedStyleSet<ILegendsStyles>;\n\n  public constructor(props: ILegendsProps) {\n    super(props);\n    this.state = {\n      selectedLegend: 'none',\n      selectedState: false,\n      hoverState: false,\n      isHoverCardVisible: false,\n      selecetedLegendInHoverCard: 'none',\n      selectedLegends: [],\n    };\n  }\n\n  public componentDidUpdate(prevProps: ILegendsProps) {\n    if (prevProps.selectedLegend !== this.props.selectedLegend) {\n      this.setState({ selectedLegend: this.props.selectedLegend! });\n    }\n  }\n\n  public render(): JSX.Element {\n    const { theme, className, styles } = this.props;\n    this._classNames = getClassNames(styles!, {\n      theme: theme!,\n      className,\n    });\n    const dataToRender = this._generateData();\n    return (\n      <div className={this._classNames.root}>\n        {this.props.enabledWrapLines ? (\n          this._onRenderData(dataToRender)\n        ) : (\n          <ResizeGroup\n            data={dataToRender}\n            onReduceData={this._onReduceData}\n            onRenderData={this._onRenderData}\n            onGrowData={this._onGrowData}\n          />\n        )}\n      </div>\n    );\n  }\n\n  private _generateData(): ILegendOverflowData {\n    const { allowFocusOnLegends = true } = this.props;\n    const dataItems: ILegendItem[] = this.props.legends.map((legend: ILegend, index: number) => {\n      return {\n        ...(allowFocusOnLegends && {\n          nativeButtonProps: getNativeProps<React.HTMLAttributes<HTMLButtonElement>>(legend, buttonProperties, [\n            'title',\n          ]),\n          'aria-setsize': this.props.legends.length,\n          'aria-posinset': index + 1,\n        }),\n        title: legend.title,\n        action: legend.action!,\n        hoverAction: legend.hoverAction!,\n        onMouseOutAction: legend.onMouseOutAction!,\n        color: legend.color,\n        shape: legend.shape,\n        stripePattern: legend.stripePattern,\n        isLineLegendInBarChart: legend.isLineLegendInBarChart,\n        opacity: legend.opacity,\n        key: index,\n      };\n    });\n    const result: ILegendOverflowData = {\n      primary: dataItems,\n      overflow: [],\n    };\n    return result;\n  }\n\n  private _onRenderData = (data: IOverflowSetItemProps | ILegendOverflowData): JSX.Element => {\n    const { overflowProps, allowFocusOnLegends = true } = this.props;\n    const rootStyles = {\n      root: {\n        justifyContent: this.props.centerLegends ? 'center' : 'unset',\n        flexWrap: 'wrap',\n      },\n    };\n    return (\n      <FocusZone {...(allowFocusOnLegends && { role: 'listbox', 'aria-label': 'Legends' })}>\n        <OverflowSet\n          items={data.primary}\n          overflowItems={data.overflow}\n          onRenderItem={this._renderButton}\n          onRenderOverflowButton={this._renderOverflowItems}\n          {...overflowProps}\n          styles={{ ...rootStyles, ...overflowProps?.styles }}\n        />\n      </FocusZone>\n    );\n  };\n\n  private _onReduceData = (currentdata: IOverflowSetItemProps): {} | void => {\n    if (currentdata.primary.length === 0) {\n      return;\n    }\n    const overflow = [...currentdata.primary.slice(-1), ...currentdata.overflow];\n    const primary = currentdata.primary.slice(0, -1);\n    return { primary, overflow };\n  };\n\n  private _onGrowData = (currentdata: IOverflowSetItemProps): {} | void => {\n    if (currentdata.overflow.length === 0) {\n      return;\n    }\n    const overflow = currentdata.overflow.slice(1);\n    const primary = [...currentdata.primary, ...currentdata.overflow.slice(0, 1)];\n    return { primary, overflow };\n  };\n\n  /**\n   * This function will get called when there is an ability to\n   * select  multiple legends\n   * @param legend ILegend\n   */\n  private _canSelectMultipleLegends = (legend: ILegend): void => {\n    const selectedLegends = silceOrAppendToArray(this.state.selectedLegends, legend.title);\n    this.setState({\n      //check if user selected all legends then empty it get the default behaviour\n      selectedLegends: selectedLegends.length === this.props.legends.length ? [] : selectedLegends,\n      // make selectedState to false if none or all the legends selected\n      selectedState:\n        selectedLegends.length === 0 || selectedLegends.length === this.props.legends.length ? false : true,\n      selecetedLegendInHoverCard: this.state.isHoverCardVisible ? legend.title : 'none',\n      selectedLegend: 'none',\n      hoverState: false,\n    });\n  };\n\n  /**\n   * This function will get called when there is\n   * ability to select only single legend\n   * @param legend ILegend\n   */\n\n  private _canSelectOnlySingleLegend = (legend: ILegend): void => {\n    if (this.state.selectedState === true && this.state.selectedLegend === legend.title) {\n      this.setState({\n        selectedLegend: 'none',\n        selectedState: false,\n        selecetedLegendInHoverCard: this.state.isHoverCardVisible ? legend.title : 'none',\n      });\n    } else {\n      this.setState({\n        hoverState: true,\n        selectedState: true,\n        selectedLegend: legend.title,\n        selecetedLegendInHoverCard: this.state.isHoverCardVisible ? legend.title : 'none',\n      });\n    }\n  };\n\n  private _onClick = (legend: ILegend): void => {\n    if (legend.action) {\n      const { canSelectMultipleLegends = false } = this.props;\n      if (canSelectMultipleLegends) {\n        this._canSelectMultipleLegends(legend);\n      } else {\n        this._canSelectOnlySingleLegend(legend);\n      }\n      legend.action();\n    }\n  };\n\n  private _onRenderCompactCard = (expandingCard: IExpandingCardProps): JSX.Element => {\n    const { allowFocusOnLegends = true, className, styles, theme } = this.props;\n    const overflowHoverCardLegends: JSX.Element[] = [];\n    const classNames = getClassNames(styles!, {\n      theme: theme!,\n      className,\n    });\n    expandingCard.renderData.forEach((legend: IOverflowSetItemProps, index: number) => {\n      const hoverCardElement = this._renderButton(legend, index, true);\n      overflowHoverCardLegends.push(hoverCardElement);\n    });\n    const hoverCardData = (\n      <FocusZone\n        {...(allowFocusOnLegends && { role: 'listbox' })}\n        direction={FocusZoneDirection.vertical}\n        {...this.props.focusZonePropsInHoverCard}\n        className={classNames.hoverCardRoot}\n      >\n        {overflowHoverCardLegends}\n      </FocusZone>\n    );\n    return hoverCardData;\n  };\n\n  private _renderOverflowItems = (legends: ILegend[]) => {\n    const { allowFocusOnLegends = true } = this.props;\n    const items: IContextualMenuItem[] = [];\n    legends.forEach((legend: ILegend, i: number) => {\n      items.push({ key: i.toString(), name: legend.title, onClick: legend.action });\n    });\n    const renderOverflowData: IExpandingCardProps = { renderData: legends };\n    const { theme, className, styles, overflowText } = this.props;\n    const classNames = getClassNames(styles!, {\n      theme: theme!,\n      className,\n    });\n    const plainCardProps = {\n      onRenderPlainCard: this._onRenderCompactCard,\n      renderData: renderOverflowData,\n    };\n\n    const overflowString = overflowText ? overflowText : 'more';\n    // execute similar to \"_onClick\" and \"_onLeave\" logic at HoverCard onCardHide event\n    const onHoverCardHideHandler = () => {\n      const { canSelectMultipleLegends = false } = this.props;\n      const selectedOverflowItem = find(\n        legends,\n        (legend: ILegend) =>\n          legend.title === this.state.selecetedLegendInHoverCard || legend.title === this.state.selectedLegend,\n      );\n      this.setState(\n        {\n          isHoverCardVisible: false,\n          selecetedLegendInHoverCard: 'none',\n          selectedLegends: [],\n        },\n        () => {\n          if (selectedOverflowItem) {\n            this.setState({ selectedLegend: 'none', selectedState: false }, () => {\n              if (selectedOverflowItem.action && !canSelectMultipleLegends) {\n                selectedOverflowItem.action();\n              }\n              if (this.props.onLegendHoverCardLeave && canSelectMultipleLegends) {\n                this.props.onLegendHoverCardLeave();\n              }\n              this.setState({ hoverState: false }, () => {\n                if (selectedOverflowItem.onMouseOutAction) {\n                  selectedOverflowItem.onMouseOutAction(true);\n                }\n              });\n            });\n          }\n        },\n      );\n    };\n    return (\n      <HoverCard\n        type={HoverCardType.plain}\n        plainCardProps={plainCardProps}\n        instantOpenOnClick={true}\n        // eslint-disable-next-line react/jsx-no-bind\n        onCardHide={onHoverCardHideHandler}\n        setInitialFocus={true}\n        trapFocus={true}\n        onCardVisible={this._hoverCardVisible}\n        styles={classNames.subComponentStyles.hoverCardStyles}\n        cardDismissDelay={300}\n        target={this._hoverCardRef}\n      >\n        <div\n          className={classNames.overflowIndicationTextStyle}\n          ref={(rootElem: HTMLDivElement) => (this._hoverCardRef = rootElem)}\n          {...(allowFocusOnLegends && {\n            role: 'link',\n            'aria-expanded': this.state.isHoverCardVisible,\n            'aria-label': `${items.length} ${overflowString}`,\n          })}\n          data-is-focusable={allowFocusOnLegends}\n        >\n          {items.length} {overflowString}\n        </div>\n      </HoverCard>\n    );\n  };\n\n  private _hoverCardVisible = () => {\n    this.setState({ isHoverCardVisible: true });\n  };\n\n  private _onHoverOverLegend = (legend: ILegend) => {\n    if (!this.state.selectedState) {\n      if (legend.hoverAction) {\n        this.setState({ hoverState: true, selectedLegend: legend.title });\n        legend.hoverAction();\n      }\n    }\n  };\n\n  private _onLeave = (legend: ILegend) => {\n    if (!this.state.selectedState) {\n      if (legend.onMouseOutAction) {\n        this.setState({ hoverState: false, selectedLegend: 'none' });\n        legend.onMouseOutAction();\n      }\n    }\n  };\n\n  private _renderButton = (data: IOverflowSetItemProps, index?: number, overflow?: boolean) => {\n    const { allowFocusOnLegends = true } = this.props;\n    const legend: ILegend = {\n      title: data.title,\n      color: data.color,\n      shape: data.shape,\n      action: data.action,\n      hoverAction: data.hoverAction,\n      onMouseOutAction: data.onMouseOutAction,\n      stripePattern: data.stripePattern,\n      isLineLegendInBarChart: data.isLineLegendInBarChart,\n      opacity: data.opacity,\n    };\n    const color = this._getColor(legend.title, legend.color);\n    const { theme, className, styles } = this.props;\n    const classNames = getClassNames(styles!, {\n      theme: theme!,\n      className,\n      colorOnSelectedState: color,\n      borderColor: legend.color,\n      overflow: overflow,\n      stripePattern: legend.stripePattern,\n      isLineLegendInBarChart: legend.isLineLegendInBarChart,\n      opacity: legend.opacity,\n    });\n    const onClickHandler = () => {\n      this._onClick(legend);\n    };\n    const onHoverHandler = () => {\n      this._onHoverOverLegend(legend);\n    };\n    const onMouseOut = () => {\n      this._onLeave(legend);\n    };\n    const shape = this._getShape(classNames, legend, color);\n    return (\n      <button\n        {...(allowFocusOnLegends && {\n          'aria-selected': this.state.selectedLegend === legend.title,\n          role: 'option',\n          'aria-label': `${legend.title} selected`,\n          'aria-setsize': data['aria-setsize'],\n          'aria-posinset': data['aria-posinset'],\n        })}\n        {...(data.nativeButtonProps && { ...data.nativeButtonProps })}\n        key={index}\n        className={classNames.legend}\n        onClick={onClickHandler}\n        onMouseOver={onHoverHandler}\n        onMouseOut={onMouseOut}\n        onFocus={onHoverHandler}\n        onBlur={onMouseOut}\n        data-is-focusable={allowFocusOnLegends}\n        /* eslint-enable react/jsx-no-bind */\n      >\n        {shape}\n        <div className={classNames.text}>{legend.title}</div>\n      </button>\n    );\n  };\n\n  private _getShape(\n    classNames: IProcessedStyleSet<ILegendsStyles>,\n    legend: ILegend,\n    color: string,\n  ): React.ReactNode | string {\n    const svgParentProps: React.SVGAttributes<SVGElement> = {\n      className: classNames.shape,\n    };\n    const svgChildProps: React.SVGAttributes<SVGElement> = {\n      fill: color,\n      strokeWidth: 2,\n      stroke: legend.color,\n    };\n    return (\n      <Shape\n        svgProps={svgParentProps}\n        pathProps={svgChildProps}\n        shape={legend.shape as LegendShape}\n        classNameForNonSvg={classNames.rect}\n      />\n    );\n  }\n\n  private _getColor(title: string, color: string): string {\n    const { theme, canSelectMultipleLegends = false } = this.props;\n    const { palette } = theme!;\n    let legendColor = color;\n    // below if statement  will get executed for the hovered legend.\n    // (which is also the slected legend see fucntion:-_onHoverOverLegend)\n    if (this.state.hoverState && this.state.selectedLegend === title) {\n      legendColor = color;\n    } // below esle if statement will get executed for  the  unselected-legend which is  hovered\n    else if (this.state.hoverState && this.state.selectedLegend !== 'none' && this.state.selectedLegend !== title) {\n      legendColor = palette.white;\n    } // below else if statement will get executed if the legends are in the selected state\n    // this is will only get executed  when we have ability to select multiple legends\n    else if (!!canSelectMultipleLegends && this.state.selectedState && this.state.selectedLegends.indexOf(title) > -1) {\n      legendColor = color;\n    } // below else if statement will get executed when no legend is selected and hovered\n    //(for example:- initial render of legends)\n    else if (\n      (!this.state.selectedState && this.state.selectedLegend === 'none') ||\n      this.state.selectedLegend === title ||\n      this.state.selectedLegends.length <= 0\n    ) {\n      legendColor = color;\n    } else {\n      legendColor = palette.white;\n    }\n    return legendColor;\n  }\n}\n"]}

package/lib-amd/components/TreeChart/TreeChart.base.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { ITreeProps, ITreeState } from '../../index';
+export declare class TreeChartBase extends React.Component<ITreeProps, ITreeState> {
+    private _treeData;
+    private _width;
+    private _height;
+    private _composition;
+    private _classNames;
+    private _rootElem;
+    private _margin;
+    private _nodeElements;
+    private _linkElements;
+    private _treeTraversal;
+    constructor(props: ITreeProps);
+    componentDidMount(): void;
+    createTreeChart(): void;
+    render(): JSX.Element;
+}