@fluentui/react-charting 5.10.0 → 5.12.0

package/lib/Sparkline.d.ts

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

package/lib/Sparkline.js

@@ -0,0 +1,2 @@
+export * from './components/Sparkline/index';
+//# sourceMappingURL=Sparkline.js.map

package/lib/Sparkline.js.map

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

package/lib/TreeChart.d.ts

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

package/lib/TreeChart.js

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

package/lib/TreeChart.js.map

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

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

@@ -2,7 +2,7 @@ export { Async, AutoScroll,
 // eslint-disable-next-line deprecation/deprecation
 BaseComponent, Customizations, 
 // eslint-disable-next-line deprecation/deprecation
-Customizer, CustomizerContext, DATA_IS_SCROLLABLE_ATTRIBUTE, DATA_PORTAL_ATTRIBUTE, DelayedRender, EventGroup, FabricPerformance, FocusRects, GlobalSettings, IsFocusVisibleClassName, KeyCodes, Rectangle, SELECTION_CHANGE, Selection, SelectionDirection, SelectionMode, addDirectionalKeyCode, addElementAtIndex, allowOverscrollOnElement, allowScrollOnElement, anchorProperties, appendFunction, arraysEqual, asAsync, assertNever, assign, audioProperties, baseElementEvents, baseElementProperties, buttonProperties, calculatePrecision, classNamesFunction, colGroupProperties, colProperties, composeComponentAs, composeRenderFunction, createArray, createMemoizer, createMergedRef, css, customizable, disableBodyScroll, divProperties, doesElementContainFocus, elementContains, elementContainsAttribute, enableBodyScroll, extendComponent, filteredAssign, find, findElementRecursive, findIndex, findScrollableParent, fitContentToBounds, flatten, focusAsync, focusFirstChild, formProperties, format, getChildren, getDistanceBetweenPoints, getDocument, getElementIndexPath, getFirstFocusable, getFirstTabbable, getFirstVisibleElementFromSelector, getFocusableByIndexPath, getId, getInitials, getLanguage, getLastFocusable, getLastTabbable, getNativeElementProps, getNativeProps, getNextElement, getParent, getPreviousElement, getPropsWithDefaults, getRTL, getRTLSafeKeyCode, getRect, 
+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, 
 // eslint-disable-next-line deprecation/deprecation
 getResourceUrl, getScrollbarWidth, getVirtualParent, getWindow, hasHorizontalOverflow, hasOverflow, hasVerticalOverflow, hoistMethods, hoistStatics, htmlElementProperties, iframeProperties, 
 // eslint-disable-next-line deprecation/deprecation
@@ -14,5 +14,7 @@ raiseClick, removeIndex, replaceElement, resetControlledWarnings, resetIds, rese
 // eslint-disable-next-line deprecation/deprecation
 setBaseUrl, setFocusVisibility, 
 // eslint-disable-next-line deprecation/deprecation
-setLanguage, setMemoizeWeakMap, setPortalAttribute, setRTL, setSSR, setVirtualParent, setWarningCallback, shallowCompare, shouldWrapFocus, styled, tableProperties, tdProperties, textAreaProperties, thProperties, toMatrix, trProperties, unhoistMethods, useCustomizationSettings, useFocusRects, values, videoProperties, warn, warnConditionallyRequiredProps, warnControlledUsage, warnDeprecations, warnMutuallyExclusive, } from '@fluentui/react/lib/Utilities';
+setLanguage, setMemoizeWeakMap, setPortalAttribute, setRTL, 
+// eslint-disable-next-line deprecation/deprecation
+setSSR, setVirtualParent, setWarningCallback, shallowCompare, shouldWrapFocus, styled, tableProperties, tdProperties, textAreaProperties, thProperties, toMatrix, trProperties, unhoistMethods, useCustomizationSettings, useFocusRects, values, videoProperties, warn, warnConditionallyRequiredProps, warnControlledUsage, warnDeprecations, warnMutuallyExclusive, } from '@fluentui/react/lib/Utilities';
 //# sourceMappingURL=Utilities.js.map

package/lib/Utilities.js.map

@@ -1 +1 @@
-{"version":3,"file":"Utilities.js","sourceRoot":"../src/","sources":["Utilities.ts"],"names":[],"mappings":"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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/components/Sparkline/Sparkline.base.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { ILineChartDataPoint } from '../../types/IDataPoint';
+import { ISparklineProps } from '../../index';
+export interface ISparklineState {
+    _points: ILineChartDataPoint[] | null;
+    _width: number;
+    _height: number;
+}
+export declare class SparklineBase extends React.Component<ISparklineProps, ISparklineState> {
+    private margin;
+    private x;
+    private y;
+    private area;
+    constructor(props: ISparklineProps);
+    componentDidMount(): void;
+    drawSparkline(): JSX.Element;
+    render(): JSX.Element;
+}

package/lib/components/Sparkline/Sparkline.base.js

@@ -0,0 +1,65 @@
+import { __extends } from "tslib";
+import * as React from 'react';
+import { scaleLinear as d3ScaleLinear } from 'd3-scale';
+import { area as d3Area, curveMonotoneX as d3CurveMonotoneX } from 'd3-shape';
+import { max as d3Max, extent as d3Extent } from 'd3-array';
+import { FocusZone, FocusZoneDirection } from '@fluentui/react-focus';
+import { classNamesFunction } from '@fluentui/react/lib/Utilities';
+var getClassNames = classNamesFunction();
+var SparklineBase = /** @class */ (function (_super) {
+    __extends(SparklineBase, _super);
+    function SparklineBase(props) {
+        var _this = _super.call(this, props) || this;
+        _this.margin = {
+            top: 2,
+            right: 0,
+            bottom: 0,
+            left: 0,
+        };
+        _this.state = {
+            _points: null,
+            _width: _this.props.width || 80,
+            _height: _this.props.height || 20 + _this.margin.bottom + _this.margin.top,
+        };
+        return _this;
+    }
+    SparklineBase.prototype.componentDidMount = function () {
+        var _this = this;
+        var area = d3Area()
+            /* eslint-disable @typescript-eslint/no-explicit-any */
+            .x(function (d) { return _this.x(d.x); })
+            .y0(this.state._height)
+            /* eslint-disable @typescript-eslint/no-explicit-any */
+            .y1(function (d) { return _this.y(d.y); })
+            .curve(d3CurveMonotoneX);
+        this.area = area;
+        var points = this.props.data.lineChartData[0].data;
+        /* eslint-disable @typescript-eslint/no-explicit-any */
+        var _a = d3Extent(points, function (d) { return d.x; }), xMin = _a[0], xMax = _a[1];
+        this.x = d3ScaleLinear()
+            .domain([xMin, xMax])
+            .range([this.margin.left, this.state._width - this.margin.right]);
+        this.y = d3ScaleLinear()
+            /* eslint-disable @typescript-eslint/no-explicit-any */
+            .domain([0, d3Max(points, function (d) { return d.y; })])
+            .range([this.state._height - this.margin.bottom, this.margin.top]);
+        this.setState({
+            _points: points,
+        });
+    };
+    SparklineBase.prototype.drawSparkline = function () {
+        return (React.createElement("path", { className: "area", d: this.area(this.state._points), opacity: 1, fillOpacity: 0.2, fill: this.props.data.lineChartData[0].color, strokeWidth: 2, stroke: this.props.data.lineChartData[0].color, "aria-label": "Sparkline with label " + this.props.data.lineChartData[0].legend }));
+    };
+    SparklineBase.prototype.render = function () {
+        var classNames = getClassNames(this.props.styles, {
+            theme: this.props.theme,
+        });
+        return (React.createElement(FocusZone, { direction: FocusZoneDirection.horizontal, isCircularNavigation: true, className: classNames.inlineBlock },
+            React.createElement("div", { className: classNames.inlineBlock },
+                this.state._width >= 50 && this.state._height >= 16 ? (React.createElement("svg", { width: this.state._width, height: this.state._height, tabIndex: 0 }, this.state._points ? this.drawSparkline() : null)) : (React.createElement(React.Fragment, null)),
+                this.props.showLegend && this.props.data.lineChartData[0].legend ? (React.createElement("span", { role: "text", className: classNames.titleText, tabIndex: 0 }, this.props.data.lineChartData[0].legend)) : (React.createElement(React.Fragment, null)))));
+    };
+    return SparklineBase;
+}(React.Component));
+export { SparklineBase };
+//# sourceMappingURL=Sparkline.base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.base.js","sourceRoot":"../src/","sources":["components/Sparkline/Sparkline.base.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { scaleLinear as d3ScaleLinear } from 'd3-scale';\nimport { area as d3Area, curveMonotoneX as d3CurveMonotoneX } from 'd3-shape';\nimport { max as d3Max, extent as d3Extent } from 'd3-array';\nimport { FocusZone, FocusZoneDirection } from '@fluentui/react-focus';\nimport { ILineChartDataPoint } from '../../types/IDataPoint';\nimport { classNamesFunction } from '@fluentui/react/lib/Utilities';\nimport { ISparklineProps, ISparklineStyleProps, ISparklineStyles } from '../../index';\nconst getClassNames = classNamesFunction<ISparklineStyleProps, ISparklineStyles>();\n\nexport interface ISparklineState {\n  _points: ILineChartDataPoint[] | null;\n  _width: number;\n  _height: number;\n}\n\nexport class SparklineBase extends React.Component<ISparklineProps, ISparklineState> {\n  private margin = {\n    top: 2,\n    right: 0,\n    bottom: 0,\n    left: 0,\n  };\n\n  /* eslint-disable @typescript-eslint/no-explicit-any */\n  private x: any;\n\n  /* eslint-disable @typescript-eslint/no-explicit-any */\n  private y: any;\n  private area: any;\n\n  constructor(props: ISparklineProps) {\n    super(props);\n    this.state = {\n      _points: null,\n      _width: this.props.width! || 80,\n      _height: this.props.height! || 20 + this.margin.bottom + this.margin.top,\n    };\n  }\n\n  public componentDidMount() {\n    const area = d3Area()\n      /* eslint-disable @typescript-eslint/no-explicit-any */\n      .x((d: any) => this.x(d.x))\n      .y0(this.state._height)\n      /* eslint-disable @typescript-eslint/no-explicit-any */\n      .y1((d: any) => this.y(d.y))\n      .curve(d3CurveMonotoneX);\n    this.area = area;\n\n    const points = this.props.data!.lineChartData![0].data;\n\n    /* eslint-disable @typescript-eslint/no-explicit-any */\n    const [xMin, xMax] = d3Extent(points, (d: any) => d.x);\n\n    this.x = d3ScaleLinear()\n      .domain([xMin, xMax])\n      .range([this.margin.left!, this.state._width - this.margin.right!]);\n    this.y = d3ScaleLinear()\n      /* eslint-disable @typescript-eslint/no-explicit-any */\n      .domain([0, d3Max(points, (d: any) => d.y)])\n      .range([this.state._height - this.margin.bottom!, this.margin.top!]);\n\n    this.setState({\n      _points: points,\n    });\n  }\n\n  public drawSparkline() {\n    return (\n      <path\n        className=\"area\"\n        d={this.area(this.state._points)}\n        opacity={1}\n        fillOpacity={0.2}\n        fill={this.props.data!.lineChartData![0].color!}\n        strokeWidth={2}\n        stroke={this.props.data!.lineChartData![0].color!}\n        aria-label={`Sparkline with label ${this.props.data!.lineChartData![0].legend!}`}\n      />\n    );\n  }\n\n  public render() {\n    const classNames = getClassNames(this.props.styles!, {\n      theme: this.props.theme!,\n    });\n    return (\n      <FocusZone\n        direction={FocusZoneDirection.horizontal}\n        isCircularNavigation={true}\n        className={classNames.inlineBlock}\n      >\n        <div className={classNames.inlineBlock}>\n          {this.state._width >= 50 && this.state._height >= 16 ? (\n            <svg width={this.state._width} height={this.state._height} tabIndex={0}>\n              {this.state._points ? this.drawSparkline() : null}\n            </svg>\n          ) : (\n            <></>\n          )}\n          {this.props.showLegend && this.props.data!.lineChartData![0].legend ? (\n            <span role=\"text\" className={classNames.titleText} tabIndex={0}>\n              {this.props.data!.lineChartData![0].legend!}\n            </span>\n          ) : (\n            <></>\n          )}\n        </div>\n      </FocusZone>\n    );\n  }\n}\n"]}

package/lib/components/Sparkline/Sparkline.d.ts

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

package/lib/components/Sparkline/Sparkline.js

@@ -0,0 +1,6 @@
+import { styled } from '@fluentui/react/lib/Utilities';
+import { SparklineBase } from './Sparkline.base';
+import { getStyles } from './Sparkline.styles';
+// Create a Sparkline variant which uses these default styles and this styled subcomponent.
+export var Sparkline = styled(SparklineBase, getStyles);
+//# sourceMappingURL=Sparkline.js.map

package/lib/components/Sparkline/Sparkline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.js","sourceRoot":"../src/","sources":["components/Sparkline/Sparkline.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,2FAA2F;AAC3F,MAAM,CAAC,IAAM,SAAS,GAA6C,MAAM,CAIvE,aAAa,EAAE,SAAS,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '@fluentui/react/lib/Utilities';\nimport { ISparklineStyles, ISparklineProps, ISparklineStyleProps } from '../../index';\nimport { SparklineBase } from './Sparkline.base';\nimport { getStyles } from './Sparkline.styles';\n\n// Create a Sparkline variant which uses these default styles and this styled subcomponent.\nexport const Sparkline: React.FunctionComponent<ISparklineProps> = styled<\n  ISparklineProps,\n  ISparklineStyleProps,\n  ISparklineStyles\n>(SparklineBase, getStyles);\n"]}

package/lib/components/Sparkline/Sparkline.styles.d.ts

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

package/lib/components/Sparkline/Sparkline.styles.js

@@ -0,0 +1,10 @@
+import { __assign } from "tslib";
+export var getStyles = function (props) {
+    return {
+        inlineBlock: {
+            display: 'inline',
+        },
+        titleText: __assign({ marginLeft: '8px', textAlign: 'center' }, props.theme.fonts.smallPlus),
+    };
+};
+//# sourceMappingURL=Sparkline.styles.js.map

package/lib/components/Sparkline/Sparkline.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.styles.js","sourceRoot":"../src/","sources":["components/Sparkline/Sparkline.styles.ts"],"names":[],"mappings":";AAEA,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,KAA2B;IACnD,OAAO;QACL,WAAW,EAAE;YACX,OAAO,EAAE,QAAQ;SAClB;QACD,SAAS,aACP,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,QAAQ,IAChB,KAAK,CAAC,KAAM,CAAC,KAAK,CAAC,SAAS,CAChC;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { ISparklineStyleProps, ISparklineStyles } from './Sparkline.types';\n\nexport const getStyles = (props: ISparklineStyleProps): ISparklineStyles => {\n  return {\n    inlineBlock: {\n      display: 'inline',\n    },\n    titleText: {\n      marginLeft: '8px',\n      textAlign: 'center',\n      ...props.theme!.fonts.smallPlus,\n    },\n  };\n};\n"]}

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

@@ -0,0 +1,46 @@
+import { ITheme, IStyle } from '@fluentui/react/lib/Styling';
+import { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
+import { IChartProps } from '../../types/IDataPoint';
+import { ICartesianChartStyleProps } from '../CommonComponents/index';
+export interface ISparklineStyleProps extends ICartesianChartStyleProps {
+}
+export interface ISparklineProps {
+    /**
+     * An array of chart data points for the Sparkline chart
+     */
+    data?: IChartProps;
+    /**
+     * Width of chart
+     * * @default 80
+     */
+    width?: number;
+    /**
+     * Height of chart
+     * @default 20
+     */
+    height?: number;
+    /**
+     * Additional CSS class(es) to apply to the SparklineChart.
+     */
+    className?: string;
+    /**
+     * Theme (provided through customization.)
+     */
+    theme?: ITheme;
+    /**
+     * The prop used to define the culture to localized the numbers
+     */
+    culture?: string;
+    /**
+     * Prop used to determine whether to show the legend or not
+     */
+    showLegend?: boolean;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<ISparklineStyleProps, ISparklineStyles>;
+}
+export interface ISparklineStyles {
+    inlineBlock?: IStyle;
+    titleText?: IStyle;
+}

package/lib/components/Sparkline/Sparkline.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Sparkline.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.types.js","sourceRoot":"../src/","sources":["components/Sparkline/Sparkline.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ITheme, IStyle } from '@fluentui/react/lib/Styling';\nimport { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';\nimport { IChartProps } from '../../types/IDataPoint';\nimport { ICartesianChartStyleProps } from '../CommonComponents/index';\n\nexport interface ISparklineStyleProps extends ICartesianChartStyleProps {}\n\nexport interface ISparklineProps {\n  /**\n   * An array of chart data points for the Sparkline chart\n   */\n  data?: IChartProps;\n\n  /**\n   * Width of chart\n   * * @default 80\n   */\n  width?: number;\n\n  /**\n   * Height of chart\n   * @default 20\n   */\n  height?: number;\n\n  /**\n   * Additional CSS class(es) to apply to the SparklineChart.\n   */\n  className?: string;\n\n  /**\n   * Theme (provided through customization.)\n   */\n  theme?: ITheme;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * Prop used to determine whether to show the legend or not\n   */\n  showLegend?: boolean;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<ISparklineStyleProps, ISparklineStyles>;\n}\n\nexport interface ISparklineStyles {\n  inlineBlock?: IStyle;\n  titleText?: IStyle;\n}\n"]}

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

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

package/lib/components/Sparkline/index.js

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

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

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

package/lib/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/components/TreeChart/TreeChart.base.js

@@ -0,0 +1,239 @@
+import { __extends } from "tslib";
+import * as React from 'react';
+import { select } from 'd3-selection';
+import { hierarchy, tree } from 'd3-hierarchy';
+import { classNamesFunction } from '@fluentui/react/lib/Utilities';
+import { FocusZone } from '@fluentui/react-focus';
+var getClassNames = 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) {
+    __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 = 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 = 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) {
+    __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 = 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(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));
+export { TreeChartBase };
+//# sourceMappingURL=TreeChart.base.js.map