Fixing build error

Author: srmukher

packages/charts/react-charting/src/components/AreaChart/AreaChart.base.tsx

@@ -42,11 +42,11 @@ import {
   formatDate,
   getSecureProps,
   areArraysEqual,
+  AreaChartModes,
 } from '../../utilities/index';
 import { ILegend, Legends } from '../Legends/index';
 import { DirectionalHint } from '@fluentui/react/lib/Callout';
 import { IChart } from '../../types/index';
-import { AreaChartModes } from './AreaChart.types';
 
 const getClassNames = classNamesFunction<IAreaChartStyleProps, IAreaChartStyles>();
 

packages/charts/react-charting/src/components/AreaChart/AreaChart.types.ts

@@ -14,21 +14,10 @@ import {
   ICartesianChartProps,
   IChildProps,
 } from '../CommonComponents/CartesianChart.types';
+import { AreaChartModes } from '../../utilities/area-utils';
 
 export type { IChildProps, IRefArrayData, IBasestate, ILineChartDataPoint, ILineChartPoints, IMargins };
 
-export enum AreaChartModes {
-  /**
-   * This mode will fill the area from the line to the x-axis.
-   */
-  toZeroY = 'tozeroy',
-
-  /**
-   * This mode will fill the area from the line to the next line.
-   */
-  toNextY = 'tonexty',
-}
-
 /**
  * Area Chart properties.
  * {@docCategory AreaChart}

packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts

@@ -22,12 +22,13 @@ import { ISankeyChartProps } from '../SankeyChart/index';
 import { IVerticalStackedBarChartProps } from '../VerticalStackedBarChart/index';
 import { IHorizontalBarChartWithAxisProps } from '../HorizontalBarChartWithAxis/index';
 import { ILineChartProps } from '../LineChart/index';
-import { AreaChartModes, IAreaChartProps } from '../AreaChart/index';
+import { IAreaChartProps } from '../AreaChart/index';
 import { IHeatMapChartProps } from '../HeatMapChart/index';
 import { DataVizPalette, getNextColor } from '../../utilities/colors';
 import { GaugeChartVariant, IGaugeChartProps, IGaugeChartSegment } from '../GaugeChart/index';
 import { IGroupedVerticalBarChartProps } from '../GroupedVerticalBarChart/index';
 import { IVerticalBarChartProps } from '../VerticalBarChart/index';
+import { AreaChartModes } from '../../utilities/area-utils';
 
 const isDate = (value: any): boolean => !isNaN(Date.parse(value));
 const isNumber = (value: any): boolean => !isNaN(parseFloat(value)) && isFinite(value);

packages/charts/react-charting/src/utilities/area-utils.ts

@@ -0,0 +1,11 @@
+export enum AreaChartModes {
+  /**
+   * This mode will fill the area from the line to the x-axis.
+   */
+  toZeroY = 'tozeroy',
+
+  /**
+   * This mode will fill the area from the line to the next line.
+   */
+  toNextY = 'tonexty',
+}

packages/charts/react-charting/src/utilities/index.ts

@@ -3,3 +3,4 @@ export * from './utilities';
 export * from './colors';
 export * from './gradients';
 export * from './vbc-utils';
+export * from './area-utils';

packages/react-examples/src/react-charting/AreaChart/AreaChart.Basic.Example.tsx

@@ -3,7 +3,7 @@ import { AreaChart, ICustomizedCalloutData } from '@fluentui/react-charting';
 import { IAreaChartProps, ChartHoverCard, DataVizPalette, getColorFromToken } from '@fluentui/react-charting';
 import { ChoiceGroup, IChoiceGroupOption } from '@fluentui/react/lib/ChoiceGroup';
 import { Toggle } from '@fluentui/react/lib/Toggle';
-import { AreaChartModes } from '@fluentui/react-charting/lib/AreaChart';
+import { AreaChartModes } from '@fluentui/react-charting/lib/utilities/index';
 
 interface IAreaChartBasicState {
   width: number;