@fluentui/react-charting 5.11.0 → 5.12.0

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

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

package/lib-amd/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-amd/index.js

@@ -1,4 +1,4 @@
-define(["require", "exports", "tslib", "./HorizontalBarChart", "./DonutChart", "./Legends", "./LineChart", "./AreaChart", "./PieChart", "./StackedBarChart", "./VerticalBarChart", "./VerticalStackedBarChart", "./GroupedVerticalBarChart", "./CartesianChart", "./types/index", "./utilities/ChartHoverCard/index", "./HeatMapChart", "./SankeyChart", "./Sparkline", "./version"], function (require, exports, tslib_1, HorizontalBarChart_1, DonutChart_1, Legends_1, LineChart_1, AreaChart_1, PieChart_1, StackedBarChart_1, VerticalBarChart_1, VerticalStackedBarChart_1, GroupedVerticalBarChart_1, CartesianChart_1, index_1, index_2, HeatMapChart_1, SankeyChart_1, Sparkline_1) {
+define(["require", "exports", "tslib", "./HorizontalBarChart", "./DonutChart", "./Legends", "./LineChart", "./AreaChart", "./PieChart", "./StackedBarChart", "./VerticalBarChart", "./VerticalStackedBarChart", "./GroupedVerticalBarChart", "./CartesianChart", "./types/index", "./utilities/ChartHoverCard/index", "./HeatMapChart", "./SankeyChart", "./TreeChart", "./Sparkline", "./version"], function (require, exports, tslib_1, HorizontalBarChart_1, DonutChart_1, Legends_1, LineChart_1, AreaChart_1, PieChart_1, StackedBarChart_1, VerticalBarChart_1, VerticalStackedBarChart_1, GroupedVerticalBarChart_1, CartesianChart_1, index_1, index_2, HeatMapChart_1, SankeyChart_1, TreeChart_1, Sparkline_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     tslib_1.__exportStar(HorizontalBarChart_1, exports);
@@ -16,6 +16,7 @@ define(["require", "exports", "tslib", "./HorizontalBarChart", "./DonutChart", "
     tslib_1.__exportStar(index_2, exports);
     tslib_1.__exportStar(HeatMapChart_1, exports);
     tslib_1.__exportStar(SankeyChart_1, exports);
+    tslib_1.__exportStar(TreeChart_1, exports);
     tslib_1.__exportStar(Sparkline_1, exports);
 });
 //# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;IAAA,oDAAqC;IACrC,4CAA6B;IAC7B,yCAA0B;IAC1B,2CAA4B;IAC5B,2CAA4B;IAC5B,0CAA2B;IAC3B,iDAAkC;IAClC,kDAAmC;IACnC,yDAA0C;IAC1C,yDAA0C;IAC1C,gDAAiC;IACjC,uCAA8B;IAC9B,uCAAiD;IACjD,8CAA+B;IAC/B,6CAA8B;IAC9B,2CAA4B","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":";;;IAAA,oDAAqC;IACrC,4CAA6B;IAC7B,yCAA0B;IAC1B,2CAA4B;IAC5B,2CAA4B;IAC5B,0CAA2B;IAC3B,iDAAkC;IAClC,kDAAmC;IACnC,yDAA0C;IAC1C,yDAA0C;IAC1C,gDAAiC;IACjC,uCAA8B;IAC9B,uCAAiD;IACjD,8CAA+B;IAC/B,6CAA8B;IAC9B,2CAA4B;IAC5B,2CAA4B","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-amd/version.js

@@ -1,6 +1,6 @@
 define(["require", "exports", "@fluentui/set-version"], function (require, exports, set_version_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    set_version_1.setVersion('@fluentui/react-charting', '5.11.0');
+    set_version_1.setVersion('@fluentui/react-charting', '5.12.0');
 });
 //# sourceMappingURL=version.js.map

package/lib-amd/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"../src/","sources":["version.ts"],"names":[],"mappings":";;;IAGA,wBAAU,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.11.0');"]}
+{"version":3,"file":"version.js","sourceRoot":"../src/","sources":["version.ts"],"names":[],"mappings":";;;IAGA,wBAAU,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.0');"]}

package/lib-commonjs/TreeChart.d.ts

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

package/lib-commonjs/TreeChart.js

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

package/lib-commonjs/TreeChart.js.map

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

package/lib-commonjs/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-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, 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-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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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;
+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;
+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 = void 0;
+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 = 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 = 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; } });
@@ -42,6 +42,7 @@ Object.defineProperty(exports, "baseElementEvents", { enumerable: true, get: fun
 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; } });
@@ -158,6 +159,7 @@ Object.defineProperty(exports, "setLanguage", { enumerable: true, get: function
 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-commonjs/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":"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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  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-commonjs/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;
+}

package/lib-commonjs/components/TreeChart/TreeChart.base.js

@@ -0,0 +1,242 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeChartBase = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var d3_selection_1 = require("d3-selection");
+var d3_hierarchy_1 = require("d3-hierarchy");
+var Utilities_1 = require("@fluentui/react/lib-commonjs/Utilities");
+var react_focus_1 = require("@fluentui/react-focus");
+var getClassNames = Utilities_1.classNamesFunction();
+// Create a parent class for common tree components
+var StandardTree = /** @class */ (function () {
+    function StandardTree(treeData, styleClassNames, _nodeElements, _linkElements) {
+        if (_nodeElements === void 0) { _nodeElements = []; }
+        if (_linkElements === void 0) { _linkElements = []; }
+        this._nodeElements = [];
+        this._linkElements = [];
+        this.treeData = treeData;
+        this.styleClassNames = styleClassNames;
+        this._nodeElements = _nodeElements;
+        this._linkElements = _linkElements;
+    }
+    // Append node elements
+    // nodeId to create unique key
+    StandardTree.prototype.addNodeShapetoSVG = function (name, subname, metricName, xCoordinate, yCoordinate, fillColor, rectangleWidth, rectangleHeight, nodeId, parentInfo) {
+        var ariaLabel = "nodeId: " + nodeId + " \nnodeMainText: " + name + "\nsubText " + subname + " " + parentInfo;
+        this._nodeElements.push(React.createElement("rect", { width: rectangleWidth, height: rectangleHeight, x: xCoordinate, y: yCoordinate, tabIndex: 0, role: 'text', "data-is-focusable": true, "aria-label": ariaLabel, className: this.styleClassNames.rectNode, stroke: fillColor, key: "" + nodeId + this.styleClassNames.rectNode }));
+        // Text position y = y + rectHeight/2, 2 is ratio for depth
+        // Text position x = x + rectWidth/2, 2 is ratio for length
+        // Sub-text position x = x + rectWidth/2, 2 is ratio for length
+        var subValue = metricName !== undefined ? (React.createElement("tspan", { className: this.styleClassNames.rectmetricText, dy: "1.4em", x: xCoordinate + rectangleWidth / 2 }, metricName)) : (React.createElement("tspan", { className: this.styleClassNames.rectSubText, dy: "1.4em", x: xCoordinate + rectangleWidth / 2 }, subname));
+        this._nodeElements.push(React.createElement("text", { textAnchor: "middle", className: metricName !== undefined ? this.styleClassNames.rectSubText : this.styleClassNames.rectText, dy: metricName !== undefined ? yCoordinate + rectangleHeight / 2.5 : yCoordinate + rectangleHeight / 2, x: xCoordinate + rectangleWidth / 2, key: "" + nodeId + this.styleClassNames.rectText },
+            name,
+            subValue));
+    };
+    // Create a rectangular path from parent to the child nodes
+    StandardTree.prototype.createPathLink = function (parentX, parentY, childX, childY, leaf, rectWidth, rectHeight, gap) {
+        // gap adds ratio for parent.y to child.y
+        var path = "M" + (childX + rectWidth / 2) + "," + (childY - gap) + " H" + (parentX + rectWidth / 2) + " V" + (parentY + rectHeight + gap / 2);
+        var leafpath = "M" + (parentX + rectWidth / 2) + "," + (parentY + rectHeight + gap / 2) + " V" + (parentY + gap * 5) + " H" + parentX + " H" + (parentX + rectWidth);
+        // based on the type of node return leafpath or path element
+        return leaf ? leafpath : path;
+    };
+    // Append path link element
+    StandardTree.prototype.addLinktoSVG = function (nodeId, parentX, parentY, childX, childY, leaf, rectWidth, rectHeight, gap) {
+        this._linkElements.push(React.createElement("path", { className: this.styleClassNames.link, d: this.createPathLink(parentX, parentY, childX, childY, leaf, rectWidth, rectHeight, gap), key: "" + nodeId + this.styleClassNames.link }));
+    };
+    return StandardTree;
+}());
+// Create child class to Add Tree component based on treeHeight
+var LayeredTree = /** @class */ (function (_super) {
+    tslib_1.__extends(LayeredTree, _super);
+    function LayeredTree(treeData, composition, styleClassNames, _nodeElements, _linkElements, _treeTraversal) {
+        if (_nodeElements === void 0) { _nodeElements = []; }
+        if (_linkElements === void 0) { _linkElements = []; }
+        var _this = _super.call(this, treeData, styleClassNames, _nodeElements, _linkElements) || this;
+        _this.composition = composition;
+        _this._treeTraversal = _treeTraversal;
+        return _this;
+    }
+    LayeredTree.prototype.createTree = function () {
+        var _a, _b, _c, _d;
+        var root = d3_hierarchy_1.hierarchy(this.treeData, function (d) {
+            return d.children;
+        });
+        // Find tree Height
+        var treeHeight = (root === null || root === void 0 ? void 0 : root.height) + 1;
+        // Create tree layout, width: 70, height: 90 and add node separation
+        var treemap = d3_hierarchy_1.tree()
+            .nodeSize([75, 50])
+            .separation(function (a, b) {
+            return a.parent === root && b.parent === root ? 3.5 : 1;
+        });
+        // Assigns the x and y position for the nodes
+        var treeData = treemap(root);
+        // Compute the new tree layout.
+        var nodes = treeData.descendants();
+        // Normalize for fixed-depth and width
+        // Normalise y coordinate by depth of each node by a factor of 130
+        // Normalise x coordinate by start coordinate 0 with 450
+        nodes.forEach(function (d) {
+            d.y = d.depth === 0 ? 10 : d.depth * 130;
+            d.x += 400;
+        });
+        // <------------------ Traversal section ------------------>
+        // Create tree data structure
+        var treeDataStructure = [];
+        var TreeID = 0;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        var createTreeDataStructure = function (d) {
+            var _a, _b;
+            d.id = TreeID;
+            treeDataStructure.push({
+                id: TreeID,
+                children: d.children,
+                dataName: d.data.name,
+                subName: d.data.subname,
+                metricName: (_a = d.data) === null || _a === void 0 ? void 0 : _a.metric,
+                fill: d.data.fill,
+                x: d.x,
+                y: d.y,
+                parentID: (_b = d.parent) === null || _b === void 0 ? void 0 : _b.id,
+            });
+            TreeID++;
+        };
+        this._treeTraversal === 0
+            ? root.each(function (d) {
+                createTreeDataStructure(d);
+            })
+            : root.eachBefore(function (d) {
+                createTreeDataStructure(d);
+            });
+        var rectHeight = 70;
+        var rectWidth = 220;
+        var gap = 20;
+        var parentSet = new Set();
+        for (var _i = 0, treeDataStructure_1 = treeDataStructure; _i < treeDataStructure_1.length; _i++) {
+            var d = treeDataStructure_1[_i];
+            var parentInfo = d.id === 0
+                ? 'Root Node'
+                : "Parent info parentId: " + d.parentID + "\n      " + treeDataStructure[d.parentID].dataName + "\n      " + treeDataStructure[d.parentID].subName;
+            // check for leaf nodes
+            if (!d.children && !parentSet.has(d.parentID) && treeHeight === 3) {
+                var newWidth = (rectWidth - gap) / 2;
+                var newHeight = 70;
+                parentSet.add(d.parentID);
+                // <------------------ Links section ------------------>
+                this.addLinktoSVG(d.id, treeDataStructure[d.parentID].x, treeDataStructure[d.parentID].y, treeDataStructure[d.id].x, treeDataStructure[d.id].y, true, rectWidth, rectHeight, gap);
+                // <------------------ Nodes section ------------------>
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                var children = (_a = treeDataStructure[d.parentID]) === null || _a === void 0 ? void 0 : _a.children;
+                var dx1 = (_b = treeDataStructure[d.parentID]) === null || _b === void 0 ? void 0 : _b.x;
+                var dx2 = ((_c = treeDataStructure[d.parentID]) === null || _c === void 0 ? void 0 : _c.x) + newWidth + gap;
+                var dy = (_d = children[0]) === null || _d === void 0 ? void 0 : _d.y;
+                for (var itr = 0; itr < children.length; ++itr) {
+                    var child = children[itr];
+                    // Given Composition
+                    if (this.composition !== undefined) {
+                        // For compact compostion
+                        if (this.composition === 0) {
+                            this.addNodeShapetoSVG(child.data.name, child.data.subname, child.data.metricName, itr % 2 === 0 ? dx1 : dx2, dy, child.data.fill, children.length === 1 ? rectWidth : newWidth, rectHeight, child.id, parentInfo);
+                            if (itr % 2 === 1) {
+                                dy += newHeight + gap;
+                            }
+                        }
+                        // For long compostion
+                        else {
+                            this.addNodeShapetoSVG(child.data.name, child.data.subname, child.data.metricName, dx1, dy, child.data.fill, rectWidth, rectHeight, child.id, parentInfo);
+                            dy += newHeight + gap;
+                        }
+                    }
+                    // Automatic Node Composition
+                    else {
+                        if (children.length > 2) {
+                            this.addNodeShapetoSVG(child.data.name, child.data.subname, child.data.metricName, itr % 2 === 0 ? dx1 : dx2, dy, child.data.fill, children.length === 1 ? rectWidth : newWidth, rectHeight, child.id, parentInfo);
+                            if (itr % 2 === 1) {
+                                dy += newHeight + gap;
+                            }
+                        }
+                        else {
+                            this.addNodeShapetoSVG(child.data.name, child.data.subname, child.data.metricName, dx1, dy, child.data.fill, rectWidth, rectHeight, child.id, parentInfo);
+                            dy += newHeight + gap;
+                        }
+                    }
+                }
+            }
+            if (d.children || treeHeight <= 2) {
+                // <------------------ Nodes section ------------------>
+                this.addNodeShapetoSVG(d.dataName, d.subName, d.metricName, d.x, d.y, d.fill, rectWidth, rectHeight, d.id, parentInfo);
+                // <------------------ Links section ------------------>
+                if (d.id !== 0) {
+                    this.addLinktoSVG(d.id, treeDataStructure[d.parentID].x, treeDataStructure[d.parentID].y, treeDataStructure[d.id].x, treeDataStructure[d.id].y, false, rectWidth, rectHeight, gap);
+                }
+            }
+        }
+    };
+    return LayeredTree;
+}(StandardTree));
+var TreeChartBase = /** @class */ (function (_super) {
+    tslib_1.__extends(TreeChartBase, _super);
+    function TreeChartBase(props) {
+        var _a;
+        var _this = _super.call(this, props) || this;
+        _this._nodeElements = [];
+        _this._linkElements = [];
+        _this._margin = { top: 30, right: 20, bottom: 30, left: 50 };
+        _this._width = _this.props.width || 1200;
+        _this._height = _this.props.height || 700;
+        _this._treeData = _this.props.treeData;
+        _this._composition = (_a = _this.props) === null || _a === void 0 ? void 0 : _a.composition;
+        _this._treeTraversal = _this.props.treeTraversal;
+        _this.state = {
+            _width: _this._width || 1000,
+            _height: _this._height || 700,
+        };
+        return _this;
+    }
+    TreeChartBase.prototype.componentDidMount = function () {
+        var _a = this.props, theme = _a.theme, className = _a.className, styles = _a.styles;
+        // Get classNames to create component styling
+        this._classNames = getClassNames(styles, {
+            theme: theme,
+            className: className,
+        });
+        // Call createTreeChart function in componentDidMount
+        this.createTreeChart();
+        var reducedHeight = this._rootElem && this._rootElem.offsetHeight / 5;
+        this.setState({
+            _width: (this._rootElem && this._rootElem.offsetWidth),
+            _height: (this._rootElem && this._rootElem.offsetHeight - reducedHeight),
+        });
+    };
+    TreeChartBase.prototype.createTreeChart = function () {
+        var svg = d3_selection_1.select('.svgTree');
+        // Set SVG width and height
+        svg
+            .attr('width', this.state._width - this._margin.left - this._margin.right)
+            .attr('height', this.state._height - this._margin.top - this._margin.bottom);
+        // Create styleClass object to access it in parent class
+        var styleClassNames = {
+            link: this._classNames.link,
+            rectNode: this._classNames.rectNode,
+            rectText: this._classNames.rectText,
+            rectSubText: this._classNames.rectSubText,
+            rectmetricText: this._classNames.rectMetricText,
+        };
+        // Instantiate inherited class and call createTree function for the object
+        var treeObject = new LayeredTree(this._treeData, this._composition, styleClassNames, this._nodeElements, this._linkElements, this._treeTraversal);
+        treeObject.createTree();
+    };
+    TreeChartBase.prototype.render = function () {
+        var _this = this;
+        return (React.createElement(react_focus_1.FocusZone, null,
+            React.createElement("div", { className: "svgTreeDiv", ref: function (rootElem) { return (_this._rootElem = rootElem); } },
+                React.createElement("svg", { className: "svgTree" },
+                    React.createElement("g", { className: "svgNode" }, this._nodeElements.map(function (element) { return element; })),
+                    React.createElement("g", { className: "svgLink" }, this._linkElements.map(function (element) { return element; }))))));
+    };
+    return TreeChartBase;
+}(React.Component));
+exports.TreeChartBase = TreeChartBase;
+//# sourceMappingURL=TreeChart.base.js.map

package/lib-commonjs/components/TreeChart/TreeChart.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeChart.base.js","sourceRoot":"../src/","sources":["components/TreeChart/TreeChart.base.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { select } from 'd3-selection';\nimport { hierarchy, tree } from 'd3-hierarchy';\nimport { classNamesFunction } from '@fluentui/react/lib/Utilities';\nimport { IProcessedStyleSet } from '@fluentui/react/lib/Styling';\nimport { FocusZone } from '@fluentui/react-focus';\n\nimport {\n  ITreeProps,\n  ITreeState,\n  ITreeDataStructure,\n  ITreeChartDataPoint,\n  ITreeStyleProps,\n  ITreeStyles,\n} from '../../index';\n\nconst getClassNames = classNamesFunction<ITreeStyleProps, ITreeStyles>();\n\n// Create a parent class for common tree components\nclass StandardTree {\n  public treeData: ITreeChartDataPoint;\n  public styleClassNames: {\n    rectmetricText: string | undefined;\n    rectSubText: string | undefined;\n    link: string;\n    rectNode: string;\n    rectText: string;\n  };\n\n  private _nodeElements: Array<React.SVGProps<SVGRectElement> | React.SVGProps<SVGTextElement>> = [];\n  private _linkElements: Array<React.SVGProps<SVGPathElement>> = [];\n\n  constructor(\n    treeData: ITreeChartDataPoint,\n    styleClassNames: { link: string; rectNode: string; rectText: string; rectSubText: string; rectmetricText: string },\n    _nodeElements: Array<React.SVGProps<SVGRectElement> | React.SVGProps<SVGTextElement>> = [],\n    _linkElements: Array<React.SVGProps<SVGPathElement>> = [],\n  ) {\n    this.treeData = treeData;\n    this.styleClassNames = styleClassNames;\n    this._nodeElements = _nodeElements;\n    this._linkElements = _linkElements;\n  }\n\n  // Append node elements\n  // nodeId to create unique key\n  public addNodeShapetoSVG(\n    name: string,\n    subname: string,\n    metricName: string | undefined,\n    xCoordinate: number,\n    yCoordinate: number,\n    fillColor: string,\n    rectangleWidth: number,\n    rectangleHeight: number,\n    nodeId: number,\n    parentInfo: string,\n  ) {\n    const ariaLabel = `nodeId: ${nodeId} \\nnodeMainText: ${name}\\nsubText ${subname} ${parentInfo}`;\n    this._nodeElements.push(\n      <rect\n        width={rectangleWidth}\n        height={rectangleHeight}\n        x={xCoordinate}\n        y={yCoordinate}\n        tabIndex={0}\n        role={'text'}\n        data-is-focusable={true}\n        aria-label={ariaLabel}\n        className={this.styleClassNames.rectNode}\n        stroke={fillColor}\n        key={`${nodeId}${this.styleClassNames.rectNode}`}\n      />,\n    );\n\n    // Text position y = y + rectHeight/2, 2 is ratio for depth\n    // Text position x = x + rectWidth/2, 2 is ratio for length\n    // Sub-text position x = x + rectWidth/2, 2 is ratio for length\n\n    const subValue =\n      metricName !== undefined ? (\n        <tspan className={this.styleClassNames.rectmetricText} dy=\"1.4em\" x={xCoordinate + rectangleWidth / 2}>\n          {metricName}\n        </tspan>\n      ) : (\n        <tspan className={this.styleClassNames.rectSubText} dy=\"1.4em\" x={xCoordinate + rectangleWidth / 2}>\n          {subname}\n        </tspan>\n      );\n\n    this._nodeElements.push(\n      <text\n        textAnchor=\"middle\"\n        className={metricName !== undefined ? this.styleClassNames.rectSubText : this.styleClassNames.rectText}\n        dy={metricName !== undefined ? yCoordinate + rectangleHeight / 2.5 : yCoordinate + rectangleHeight / 2}\n        x={xCoordinate + rectangleWidth / 2}\n        key={`${nodeId}${this.styleClassNames.rectText}`}\n      >\n        {name}\n        {subValue}\n      </text>,\n    );\n  }\n\n  // Create a rectangular path from parent to the child nodes\n  public createPathLink(\n    parentX: number,\n    parentY: number,\n    childX: number,\n    childY: number,\n    leaf: boolean,\n    rectWidth: number,\n    rectHeight: number,\n    gap: number,\n  ): string {\n    // gap adds ratio for parent.y to child.y\n    const path = `M${childX + rectWidth / 2},${childY - gap} H${parentX + rectWidth / 2} V${\n      parentY + rectHeight + gap / 2\n    }`;\n    const leafpath = `M${parentX + rectWidth / 2},${parentY + rectHeight + gap / 2} V${\n      parentY + gap * 5\n    } H${parentX} H${parentX + rectWidth}`;\n\n    // based on the type of node return leafpath or path element\n    return leaf ? leafpath : path;\n  }\n\n  // Append path link element\n  public addLinktoSVG(\n    nodeId: number,\n    parentX: number,\n    parentY: number,\n    childX: number,\n    childY: number,\n    leaf: boolean,\n    rectWidth: number,\n    rectHeight: number,\n    gap: number,\n  ) {\n    this._linkElements.push(\n      <path\n        className={this.styleClassNames.link}\n        d={this.createPathLink(parentX, parentY, childX, childY, leaf, rectWidth, rectHeight, gap)}\n        key={`${nodeId}${this.styleClassNames.link}`}\n      />,\n    );\n  }\n}\n\n// Create child class to Add Tree component based on treeHeight\nclass LayeredTree extends StandardTree {\n  public composition: number | undefined;\n  private _treeTraversal: number | undefined;\n  constructor(\n    treeData: ITreeChartDataPoint,\n    composition: number | undefined,\n    styleClassNames: { link: string; rectNode: string; rectText: string; rectSubText: string; rectmetricText: string },\n    _nodeElements: Array<React.SVGProps<SVGRectElement> | React.SVGProps<SVGTextElement>> = [],\n    _linkElements: Array<React.SVGProps<SVGPathElement>> = [],\n    _treeTraversal: number | undefined,\n  ) {\n    super(treeData, styleClassNames, _nodeElements, _linkElements);\n    this.composition = composition;\n    this._treeTraversal = _treeTraversal;\n  }\n  public createTree() {\n    const root = hierarchy(this.treeData, d => {\n      return d.children;\n    });\n\n    // Find tree Height\n    const treeHeight = root?.height + 1;\n\n    // Create tree layout, width: 70, height: 90 and add node separation\n    const treemap = tree()\n      .nodeSize([75, 50])\n      .separation((a, b) => {\n        return a.parent === root && b.parent === root ? 3.5 : 1;\n      });\n\n    // Assigns the x and y position for the nodes\n    const treeData = treemap(root);\n\n    // Compute the new tree layout.\n    const nodes = treeData.descendants();\n\n    // Normalize for fixed-depth and width\n    // Normalise y coordinate by depth of each node by a factor of 130\n    // Normalise x coordinate by start coordinate 0 with 450\n    nodes.forEach(d => {\n      d.y = d.depth === 0 ? 10 : d.depth * 130;\n      d.x += 400;\n    });\n\n    // <------------------ Traversal section ------------------>\n\n    // Create tree data structure\n    const treeDataStructure: Array<ITreeDataStructure> = [];\n    let TreeID: number = 0;\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const createTreeDataStructure = (d: any) => {\n      d.id = TreeID;\n      treeDataStructure.push({\n        id: TreeID,\n        children: d.children,\n        dataName: d.data.name,\n        subName: d.data.subname,\n        metricName: d.data?.metric,\n        fill: d.data.fill,\n        x: d.x,\n        y: d.y,\n        parentID: d.parent?.id,\n      });\n      TreeID++;\n    };\n\n    this._treeTraversal === 0\n      ? root.each(d => {\n          createTreeDataStructure(d);\n        })\n      : root.eachBefore(d => {\n          createTreeDataStructure(d);\n        });\n\n    const rectHeight = 70;\n    const rectWidth = 220;\n    const gap: number = 20;\n    const parentSet = new Set();\n\n    for (const d of treeDataStructure) {\n      const parentInfo =\n        d.id === 0\n          ? 'Root Node'\n          : `Parent info parentId: ${d.parentID}\n      ${treeDataStructure[d.parentID].dataName}\n      ${treeDataStructure[d.parentID].subName}`;\n\n      // check for leaf nodes\n      if (!d.children && !parentSet.has(d.parentID) && treeHeight === 3) {\n        const newWidth = (rectWidth - gap) / 2;\n        const newHeight = 70;\n        parentSet.add(d.parentID);\n\n        // <------------------ Links section ------------------>\n        this.addLinktoSVG(\n          d.id,\n          treeDataStructure[d.parentID].x,\n          treeDataStructure[d.parentID].y,\n          treeDataStructure[d.id].x,\n          treeDataStructure[d.id].y,\n          true,\n          rectWidth,\n          rectHeight,\n          gap,\n        );\n\n        // <------------------ Nodes section ------------------>\n\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const children: any = treeDataStructure[d.parentID]?.children;\n\n        const dx1: number = treeDataStructure[d.parentID]?.x;\n        const dx2: number = treeDataStructure[d.parentID]?.x + newWidth + gap;\n        let dy: number = children[0]?.y;\n\n        for (let itr = 0; itr < children.length; ++itr) {\n          const child = children[itr];\n\n          // Given Composition\n          if (this.composition !== undefined) {\n            // For compact compostion\n            if (this.composition === 0) {\n              this.addNodeShapetoSVG(\n                child.data.name,\n                child.data.subname,\n                child.data.metricName,\n                itr % 2 === 0 ? dx1 : dx2,\n                dy,\n                child.data.fill,\n                children.length === 1 ? rectWidth : newWidth,\n                rectHeight,\n                child.id,\n                parentInfo,\n              );\n              if (itr % 2 === 1) {\n                dy += newHeight + gap;\n              }\n            }\n            // For long compostion\n            else {\n              this.addNodeShapetoSVG(\n                child.data.name,\n                child.data.subname,\n                child.data.metricName,\n                dx1,\n                dy,\n                child.data.fill,\n                rectWidth,\n                rectHeight,\n                child.id,\n                parentInfo,\n              );\n              dy += newHeight + gap;\n            }\n          }\n\n          // Automatic Node Composition\n          else {\n            if (children.length > 2) {\n              this.addNodeShapetoSVG(\n                child.data.name,\n                child.data.subname,\n                child.data.metricName,\n                itr % 2 === 0 ? dx1 : dx2,\n                dy,\n                child.data.fill,\n                children.length === 1 ? rectWidth : newWidth,\n                rectHeight,\n                child.id,\n                parentInfo,\n              );\n              if (itr % 2 === 1) {\n                dy += newHeight + gap;\n              }\n            } else {\n              this.addNodeShapetoSVG(\n                child.data.name,\n                child.data.subname,\n                child.data.metricName,\n                dx1,\n                dy,\n                child.data.fill,\n                rectWidth,\n                rectHeight,\n                child.id,\n                parentInfo,\n              );\n              dy += newHeight + gap;\n            }\n          }\n        }\n      }\n\n      if (d.children || treeHeight <= 2) {\n        // <------------------ Nodes section ------------------>\n        this.addNodeShapetoSVG(\n          d.dataName,\n          d.subName,\n          d.metricName,\n          d.x,\n          d.y,\n          d.fill,\n          rectWidth,\n          rectHeight,\n          d.id,\n          parentInfo,\n        );\n\n        // <------------------ Links section ------------------>\n        if (d.id !== 0) {\n          this.addLinktoSVG(\n            d.id,\n            treeDataStructure[d.parentID].x,\n            treeDataStructure[d.parentID].y,\n            treeDataStructure[d.id].x,\n            treeDataStructure[d.id].y,\n            false,\n            rectWidth,\n            rectHeight,\n            gap,\n          );\n        }\n      }\n    }\n  }\n}\n\nexport class TreeChartBase extends React.Component<ITreeProps, ITreeState> {\n  private _treeData: ITreeChartDataPoint;\n  private _width: number | undefined;\n  private _height: number | undefined;\n  private _composition: number | undefined;\n  private _classNames: IProcessedStyleSet<ITreeStyles>;\n  private _rootElem: HTMLElement | null;\n  private _margin: { left: number; right: number; top: number; bottom: number };\n  private _nodeElements: Array<React.SVGProps<SVGRectElement> | React.SVGProps<SVGTextElement>> = [];\n  private _linkElements: Array<React.SVGProps<SVGPathElement>> = [];\n  private _treeTraversal: number | undefined;\n\n  constructor(props: ITreeProps) {\n    super(props);\n    this._margin = { top: 30, right: 20, bottom: 30, left: 50 };\n    this._width = this.props.width || 1200;\n    this._height = this.props.height || 700;\n    this._treeData = this.props.treeData;\n    this._composition = this.props?.composition;\n    this._treeTraversal = this.props.treeTraversal;\n\n    this.state = {\n      _width: this._width || 1000,\n      _height: this._height || 700,\n    };\n  }\n\n  public componentDidMount() {\n    const { theme, className, styles } = this.props;\n    // Get classNames to create component styling\n    this._classNames = getClassNames(styles!, {\n      theme: theme!,\n      className,\n    });\n    // Call createTreeChart function in componentDidMount\n    this.createTreeChart();\n    const reducedHeight = this._rootElem && this._rootElem.offsetHeight / 5;\n    this.setState({\n      _width: (this._rootElem && this._rootElem!.offsetWidth)!,\n      _height: (this._rootElem && this._rootElem!.offsetHeight - reducedHeight!)!,\n    });\n  }\n\n  public createTreeChart() {\n    const svg = select('.svgTree');\n\n    // Set SVG width and height\n    svg\n      .attr('width', this.state._width - this._margin.left - this._margin.right)\n      .attr('height', this.state._height - this._margin.top - this._margin.bottom);\n\n    // Create styleClass object to access it in parent class\n    const styleClassNames = {\n      link: this._classNames.link,\n      rectNode: this._classNames.rectNode,\n      rectText: this._classNames.rectText,\n      rectSubText: this._classNames.rectSubText,\n      rectmetricText: this._classNames.rectMetricText,\n    };\n\n    // Instantiate inherited class and call createTree function for the object\n    const treeObject = new LayeredTree(\n      this._treeData,\n      this._composition,\n      styleClassNames,\n      this._nodeElements,\n      this._linkElements,\n      this._treeTraversal,\n    );\n    treeObject.createTree();\n  }\n\n  public render(): JSX.Element {\n    return (\n      <FocusZone>\n        <div className=\"svgTreeDiv\" ref={(rootElem: HTMLElement | null) => (this._rootElem = rootElem)}>\n          <svg className=\"svgTree\">\n            <g className=\"svgNode\">{this._nodeElements.map(element => element)}</g>\n            <g className=\"svgLink\">{this._linkElements.map(element => element)}</g>\n          </svg>\n        </div>\n      </FocusZone>\n    );\n  }\n}\n"]}

package/lib-commonjs/components/TreeChart/TreeChart.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { ITreeProps } from './TreeChart.types';
+export declare const TreeChart: React.FunctionComponent<ITreeProps>;

package/lib-commonjs/components/TreeChart/TreeChart.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeChart = void 0;
+var Utilities_1 = require("@fluentui/react/lib-commonjs/Utilities");
+var TreeChart_base_1 = require("./TreeChart.base");
+var TreeChart_styles_1 = require("./TreeChart.styles");
+exports.TreeChart = Utilities_1.styled(TreeChart_base_1.TreeChartBase, TreeChart_styles_1.getStyles);
+//# sourceMappingURL=TreeChart.js.map

package/lib-commonjs/components/TreeChart/TreeChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeChart.js","sourceRoot":"../src/","sources":["components/TreeChart/TreeChart.tsx"],"names":[],"mappings":";;;AACA,2DAAuD;AAEvD,mDAAiD;AACjD,uDAA+C;AAElC,QAAA,SAAS,GAAwC,kBAAM,CAClE,8BAAa,EACb,4BAAS,CACV,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '@fluentui/react/lib/Utilities';\nimport { ITreeStyles, ITreeProps, ITreeStyleProps } from './TreeChart.types';\nimport { TreeChartBase } from './TreeChart.base';\nimport { getStyles } from './TreeChart.styles';\n\nexport const TreeChart: React.FunctionComponent<ITreeProps> = styled<ITreeProps, ITreeStyleProps, ITreeStyles>(\n  TreeChartBase,\n  getStyles,\n);\n"]}

package/lib-commonjs/components/TreeChart/TreeChart.styles.d.ts

@@ -0,0 +1,2 @@
+import { ITreeStyleProps, ITreeStyles } from './TreeChart.types';
+export declare const getStyles: (props: ITreeStyleProps) => ITreeStyles;

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStyles = void 0;
+var tslib_1 = require("tslib");
+var getStyles = function (props) {
+    return {
+        link: {
+            fill: 'none',
+            stroke: '#A1A1A1',
+            strokeWidth: '2px',
+        },
+        rectNode: {
+            strokeWidth: '2px',
+            fill: 'white',
+            padding: '10px',
+            rx: '2px',
+        },
+        rectText: tslib_1.__assign({ fill: 'black' }, props.theme.fonts.large),
+        rectSubText: tslib_1.__assign({ fill: '#484644' }, props.theme.fonts.medium),
+        rectMetricText: tslib_1.__assign({ fill: '#000000' }, props.theme.fonts.xLarge),
+    };
+};
+exports.getStyles = getStyles;
+//# sourceMappingURL=TreeChart.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeChart.styles.js","sourceRoot":"../src/","sources":["components/TreeChart/TreeChart.styles.ts"],"names":[],"mappings":";;;;AAEO,IAAM,SAAS,GAAG,UAAC,KAAsB;IAC9C,OAAO;QACL,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,SAAS;YACjB,WAAW,EAAE,KAAK;SACnB;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,KAAK;YAClB,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,MAAM;YACf,EAAE,EAAE,KAAK;SACV;QACD,QAAQ,qBACN,IAAI,EAAE,OAAO,IACV,KAAK,CAAC,KAAM,CAAC,KAAK,CAAC,KAAK,CAC5B;QACD,WAAW,qBACT,IAAI,EAAE,SAAS,IACZ,KAAK,CAAC,KAAM,CAAC,KAAK,CAAC,MAAM,CAC7B;QACD,cAAc,qBACZ,IAAI,EAAE,SAAS,IACZ,KAAK,CAAC,KAAM,CAAC,KAAK,CAAC,MAAM,CAC7B;KACF,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,SAAS,aA0BpB","sourcesContent":["import { ITreeStyleProps, ITreeStyles } from './TreeChart.types';\n\nexport const getStyles = (props: ITreeStyleProps): ITreeStyles => {\n  return {\n    link: {\n      fill: 'none',\n      stroke: '#A1A1A1',\n      strokeWidth: '2px',\n    },\n    rectNode: {\n      strokeWidth: '2px',\n      fill: 'white',\n      padding: '10px',\n      rx: '2px',\n    },\n    rectText: {\n      fill: 'black',\n      ...props.theme!.fonts.large,\n    },\n    rectSubText: {\n      fill: '#484644',\n      ...props.theme!.fonts.medium,\n    },\n    rectMetricText: {\n      fill: '#000000',\n      ...props.theme!.fonts.xLarge,\n    },\n  };\n};\n"]}