@fluentui/react-charts 9.3.21 → 9.74.3-experimental.esm.20260709-49ee7a20cf.0

package/lib/components/CommonComponents/useChartPopoverStyles.styles.raw.js

@@ -1,127 +0,0 @@
-'use client';
-import { makeStyles, mergeClasses } from '@griffel/react';
-import { tokens, typographyStyles } from '@fluentui/react-theme';
-/**
- * @internal
- */ export const popoverClassNames = {
-    calloutContentRoot: 'fui-cart__calloutContentRoot',
-    calloutDateTimeContainer: 'fui-cart__calloutDateTimeContainer',
-    calloutContentX: 'fui-cart__calloutContentX',
-    calloutBlockContainer: 'fui-cart__calloutBlockContainer',
-    calloutBlockContainertoDrawShapefalse: 'fui-cart__calloutBlockContainertoDrawShapefalse',
-    calloutBlockContainertoDrawShapetrue: 'fui-cart__calloutBlockContainertoDrawShapetrue',
-    shapeStyles: 'fui-cart__shapeStyles',
-    calloutlegendText: 'fui-cart__calloutlegendText',
-    calloutContentY: 'fui-cart__calloutContentY',
-    descriptionMessage: 'fui-cart__descriptionMessage',
-    ratio: 'fui-cart__ratio',
-    numerator: 'fui-cart__numerator',
-    denominator: 'fui-cart__denominator',
-    calloutInfoContainer: 'fui-cart__calloutInfoContainer',
-    calloutContainer: 'fui-cart__calloutContainer'
-};
-/**
- * Base Styles
- */ const useStyles = makeStyles({
-    calloutContentRoot: {
-        display: 'grid',
-        overflow: 'hidden',
-        backgroundColor: tokens.colorNeutralBackground1,
-        backgroundBlendMode: 'normal, luminosity'
-    },
-    calloutDateTimeContainer: {
-        display: 'flex',
-        flexDirection: 'row',
-        justifyContent: 'space-between'
-    },
-    calloutContentX: {
-        ...typographyStyles.caption1,
-        opacity: '0.8',
-        color: tokens.colorNeutralForeground2
-    },
-    calloutBlockContainer: {
-        color: tokens.colorNeutralForeground2,
-        textAlign: 'left'
-    },
-    calloutBlockContainerCartesian: {
-        ...typographyStyles.caption1,
-        forcedColorAdjust: 'none'
-    },
-    calloutBlockContainerNonCartesian: {
-        fontSize: tokens.fontSizeHero700,
-        lineHeight: '22px',
-        forcedColorAdjust: 'none'
-    },
-    calloutBlockContainertoDrawShapefalse: {
-        paddingLeft: tokens.spacingHorizontalS,
-        forcedColorAdjust: 'none'
-    },
-    calloutBlockContainertoDrawShapetrue: {
-        display: 'inline-grid'
-    },
-    shapeStyles: {
-        marginRight: tokens.spacingHorizontalS
-    },
-    calloutLegendText: {
-        ...typographyStyles.caption1,
-        color: tokens.colorNeutralForeground2,
-        forcedColorAdjust: 'auto',
-        marginBottom: tokens.spacingVerticalXS
-    },
-    calloutContentY: {
-        forcedColorAdjust: 'auto'
-    },
-    calloutContentYCartesian: {
-        ...typographyStyles.subtitle2Stronger
-    },
-    calloutContentYNonCartesian: {
-        ...typographyStyles.title2
-    },
-    descriptionMessage: {
-        ...typographyStyles.caption1,
-        color: tokens.colorNeutralForeground2,
-        marginTop: tokens.spacingVerticalMNudge,
-        paddingTop: tokens.spacingVerticalMNudge,
-        borderTop: `1px solid ${tokens.colorNeutralStroke2}`
-    },
-    ratio: {
-        ...typographyStyles.caption2,
-        marginLeft: tokens.spacingHorizontalSNudge,
-        color: tokens.colorNeutralForeground1
-    },
-    numerator: {
-        ...typographyStyles.caption2Strong
-    },
-    denominator: {
-        ...typographyStyles.caption2Strong
-    },
-    calloutInfoContainer: {
-        paddingLeft: tokens.spacingHorizontalS,
-        forcedColorAdjust: 'none'
-    },
-    calloutContainer: {}
-});
-/**
- * Apply styling to the Carousel slots based on the state
- */ export const usePopoverStyles_unstable = (props)=>{
-    var _props_styles;
-    const { isCartesian } = props;
-    const baseStyles = useStyles();
-    return {
-        calloutContentRoot: mergeClasses(popoverClassNames.calloutContentRoot, baseStyles.calloutContentRoot, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.calloutContentRoot),
-        calloutDateTimeContainer: mergeClasses(popoverClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer /*props.styles?.calloutDateTimeContainer*/ ),
-        calloutContentX: mergeClasses(popoverClassNames.calloutContentX, baseStyles.calloutContentX /*props.styles?.calloutContentX*/ ),
-        calloutBlockContainer: mergeClasses(popoverClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer /*props.styles?.calloutBlockContainerCartesian*/ , isCartesian ? baseStyles.calloutBlockContainerCartesian : baseStyles.calloutBlockContainerNonCartesian),
-        calloutBlockContainertoDrawShapefalse: mergeClasses(popoverClassNames.calloutBlockContainertoDrawShapefalse, baseStyles.calloutBlockContainertoDrawShapefalse /*props.styles?.calloutBlockContainertoDrawShapefalse*/ ),
-        calloutBlockContainertoDrawShapetrue: mergeClasses(popoverClassNames.calloutBlockContainertoDrawShapetrue, baseStyles.calloutBlockContainertoDrawShapetrue /*props.styles?.calloutBlockContainertoDrawShapetrue*/ ),
-        shapeStyles: mergeClasses(popoverClassNames.shapeStyles, baseStyles.shapeStyles /*props.styles?.shapeStyles*/ ),
-        calloutlegendText: mergeClasses(popoverClassNames.calloutlegendText, baseStyles.calloutLegendText /*props.styles?.calloutlegendText*/ ),
-        calloutContentY: mergeClasses(popoverClassNames.calloutContentY, baseStyles.calloutContentY /*props.styles?.calloutContentYNonCartesian*/ , isCartesian ? baseStyles.calloutContentYCartesian : baseStyles.calloutContentYNonCartesian),
-        descriptionMessage: mergeClasses(popoverClassNames.descriptionMessage, baseStyles.descriptionMessage /*props.styles?. descriptionMessage*/ ),
-        ratio: mergeClasses(popoverClassNames.ratio, baseStyles.ratio /*props.styles?.ratio*/ ),
-        numerator: mergeClasses(popoverClassNames.numerator, baseStyles.numerator /*props.styles?.numerator*/ ),
-        denominator: mergeClasses(popoverClassNames.denominator, baseStyles.denominator /*props.styles?.denominator*/ ),
-        calloutInfoContainer: mergeClasses(popoverClassNames.calloutInfoContainer, baseStyles.calloutInfoContainer),
-        calloutContainer: mergeClasses(popoverClassNames.calloutContainer, baseStyles.calloutContainer)
-    };
-};

package/lib/components/CommonComponents/useChartPopoverStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/CommonComponents/useChartPopoverStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { ChartPopoverProps, PopoverComponentStyles } from './ChartPopover.types';\n\n/**\n * @internal\n */\nexport const popoverClassNames: SlotClassNames<PopoverComponentStyles> = {\n  calloutContentRoot: 'fui-cart__calloutContentRoot',\n  calloutDateTimeContainer: 'fui-cart__calloutDateTimeContainer',\n  calloutContentX: 'fui-cart__calloutContentX',\n  calloutBlockContainer: 'fui-cart__calloutBlockContainer',\n  calloutBlockContainertoDrawShapefalse: 'fui-cart__calloutBlockContainertoDrawShapefalse',\n  calloutBlockContainertoDrawShapetrue: 'fui-cart__calloutBlockContainertoDrawShapetrue',\n  shapeStyles: 'fui-cart__shapeStyles',\n  calloutlegendText: 'fui-cart__calloutlegendText',\n  calloutContentY: 'fui-cart__calloutContentY',\n  descriptionMessage: 'fui-cart__descriptionMessage',\n  ratio: 'fui-cart__ratio',\n  numerator: 'fui-cart__numerator',\n  denominator: 'fui-cart__denominator',\n  calloutInfoContainer: 'fui-cart__calloutInfoContainer',\n  calloutContainer: 'fui-cart__calloutContainer',\n};\n\n/**\n * Base Styles\n */\nconst useStyles = makeStyles({\n  calloutContentRoot: {\n    display: 'grid',\n    overflow: 'hidden',\n    backgroundColor: tokens.colorNeutralBackground1,\n    backgroundBlendMode: 'normal, luminosity',\n  },\n  calloutDateTimeContainer: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  calloutContentX: {\n    ...typographyStyles.caption1,\n    opacity: '0.8',\n    color: tokens.colorNeutralForeground2,\n  },\n  calloutBlockContainer: {\n    color: tokens.colorNeutralForeground2,\n    textAlign: 'left',\n  },\n  calloutBlockContainerCartesian: {\n    ...typographyStyles.caption1,\n    forcedColorAdjust: 'none',\n  },\n  calloutBlockContainerNonCartesian: {\n    fontSize: tokens.fontSizeHero700,\n    lineHeight: '22px',\n    forcedColorAdjust: 'none',\n  },\n  calloutBlockContainertoDrawShapefalse: {\n    paddingLeft: tokens.spacingHorizontalS,\n    forcedColorAdjust: 'none',\n  },\n  calloutBlockContainertoDrawShapetrue: { display: 'inline-grid' },\n  shapeStyles: {\n    marginRight: tokens.spacingHorizontalS,\n  },\n  calloutLegendText: {\n    ...typographyStyles.caption1,\n    color: tokens.colorNeutralForeground2,\n    forcedColorAdjust: 'auto',\n    marginBottom: tokens.spacingVerticalXS,\n  },\n  calloutContentY: {\n    forcedColorAdjust: 'auto',\n  },\n  calloutContentYCartesian: {\n    ...typographyStyles.subtitle2Stronger,\n  },\n  calloutContentYNonCartesian: {\n    ...typographyStyles.title2,\n  },\n  descriptionMessage: {\n    ...typographyStyles.caption1,\n    color: tokens.colorNeutralForeground2,\n    marginTop: tokens.spacingVerticalMNudge,\n    paddingTop: tokens.spacingVerticalMNudge,\n    borderTop: `1px solid ${tokens.colorNeutralStroke2}`,\n  },\n  ratio: {\n    ...typographyStyles.caption2,\n    marginLeft: tokens.spacingHorizontalSNudge,\n    color: tokens.colorNeutralForeground1,\n  },\n  numerator: {\n    ...typographyStyles.caption2Strong,\n  },\n  denominator: {\n    ...typographyStyles.caption2Strong,\n  },\n  calloutInfoContainer: {\n    paddingLeft: tokens.spacingHorizontalS,\n    forcedColorAdjust: 'none',\n  },\n  calloutContainer: {},\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */\nexport const usePopoverStyles_unstable = (props: ChartPopoverProps): PopoverComponentStyles => {\n  const { isCartesian } = props;\n  const baseStyles = useStyles();\n  return {\n    calloutContentRoot: mergeClasses(\n      popoverClassNames.calloutContentRoot,\n      baseStyles.calloutContentRoot,\n      props.styles?.calloutContentRoot,\n    ),\n    calloutDateTimeContainer: mergeClasses(\n      popoverClassNames.calloutDateTimeContainer,\n      baseStyles.calloutDateTimeContainer /*props.styles?.calloutDateTimeContainer*/,\n    ),\n    calloutContentX: mergeClasses(\n      popoverClassNames.calloutContentX,\n      baseStyles.calloutContentX /*props.styles?.calloutContentX*/,\n    ),\n    calloutBlockContainer: mergeClasses(\n      popoverClassNames.calloutBlockContainer,\n      baseStyles.calloutBlockContainer /*props.styles?.calloutBlockContainerCartesian*/,\n      isCartesian ? baseStyles.calloutBlockContainerCartesian : baseStyles.calloutBlockContainerNonCartesian,\n    ),\n    calloutBlockContainertoDrawShapefalse: mergeClasses(\n      popoverClassNames.calloutBlockContainertoDrawShapefalse,\n      baseStyles.calloutBlockContainertoDrawShapefalse /*props.styles?.calloutBlockContainertoDrawShapefalse*/,\n    ),\n    calloutBlockContainertoDrawShapetrue: mergeClasses(\n      popoverClassNames.calloutBlockContainertoDrawShapetrue,\n      baseStyles.calloutBlockContainertoDrawShapetrue /*props.styles?.calloutBlockContainertoDrawShapetrue*/,\n    ),\n    shapeStyles: mergeClasses(popoverClassNames.shapeStyles, baseStyles.shapeStyles /*props.styles?.shapeStyles*/),\n    calloutlegendText: mergeClasses(\n      popoverClassNames.calloutlegendText,\n      baseStyles.calloutLegendText /*props.styles?.calloutlegendText*/,\n    ),\n    calloutContentY: mergeClasses(\n      popoverClassNames.calloutContentY,\n      baseStyles.calloutContentY /*props.styles?.calloutContentYNonCartesian*/,\n      isCartesian ? baseStyles.calloutContentYCartesian : baseStyles.calloutContentYNonCartesian,\n    ),\n    descriptionMessage: mergeClasses(\n      popoverClassNames.descriptionMessage,\n      baseStyles.descriptionMessage /*props.styles?. descriptionMessage*/,\n    ),\n    ratio: mergeClasses(popoverClassNames.ratio, baseStyles.ratio /*props.styles?.ratio*/),\n    numerator: mergeClasses(popoverClassNames.numerator, baseStyles.numerator /*props.styles?.numerator*/),\n    denominator: mergeClasses(popoverClassNames.denominator, baseStyles.denominator /*props.styles?.denominator*/),\n    calloutInfoContainer: mergeClasses(popoverClassNames.calloutInfoContainer, baseStyles.calloutInfoContainer),\n    calloutContainer: mergeClasses(popoverClassNames.calloutContainer, baseStyles.calloutContainer),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","popoverClassNames","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","calloutBlockContainertoDrawShapefalse","calloutBlockContainertoDrawShapetrue","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","ratio","numerator","denominator","calloutInfoContainer","calloutContainer","useStyles","display","overflow","backgroundColor","colorNeutralBackground1","backgroundBlendMode","flexDirection","justifyContent","caption1","opacity","color","colorNeutralForeground2","textAlign","calloutBlockContainerCartesian","forcedColorAdjust","calloutBlockContainerNonCartesian","fontSize","fontSizeHero700","lineHeight","paddingLeft","spacingHorizontalS","marginRight","calloutLegendText","marginBottom","spacingVerticalXS","calloutContentYCartesian","subtitle2Stronger","calloutContentYNonCartesian","title2","marginTop","spacingVerticalMNudge","paddingTop","borderTop","colorNeutralStroke2","caption2","marginLeft","spacingHorizontalSNudge","colorNeutralForeground1","caption2Strong","usePopoverStyles_unstable","props","isCartesian","baseStyles","styles"],"mappings":"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"}

package/lib/components/DeclarativeChart/DeclarativeChart.js

@@ -1,397 +0,0 @@
-'use client';
-/* eslint-disable @typescript-eslint/naming-convention */ import * as React from 'react';
-import { decodeBase64Fields, isArrayOrTypedArray, isMonthArray, mapFluentChart, sanitizeJson } from '@fluentui/chart-utilities';
-import { tokens, typographyStyles } from '@fluentui/react-theme';
-import { ThemeContext_unstable as V9ThemeContext } from '@fluentui/react-shared-contexts';
-import { webLightTheme } from '@fluentui/tokens';
-import * as d3Color from 'd3-color';
-import { correctYearMonth, getGridProperties, isNonPlotType, transformPlotlyJsonToDonutProps, transformPlotlyJsonToVSBCProps, transformPlotlyJsonToAreaChartProps, transformPlotlyJsonToLineChartProps, transformPlotlyJsonToHorizontalBarWithAxisProps, transformPlotlyJsonToHeatmapProps, transformPlotlyJsonToSankeyProps, transformPlotlyJsonToGaugeProps, transformPlotlyJsonToGVBCProps, transformPlotlyJsonToVBCProps, transformPlotlyJsonToChartTableProps, transformPlotlyJsonToScatterChartProps, getAllupLegendsProps, NON_PLOT_KEY_PREFIX, SINGLE_REPEAT, transformPlotlyJsonToFunnelChartProps, transformPlotlyJsonToGanttChartProps, transformPlotlyJsonToAnnotationChartProps, transformPlotlyJsonToPolarChartProps, DEFAULT_POLAR_SUBPLOT } from './PlotlySchemaAdapter';
-import { getChartTitleInlineStyles } from '../../utilities/index';
-import { AnnotationOnlyChart } from '../AnnotationOnlyChart/AnnotationOnlyChart';
-import { DonutChart } from '../DonutChart/index';
-import { VerticalStackedBarChart } from '../VerticalStackedBarChart/index';
-import { LineChart } from '../LineChart/index';
-import { HorizontalBarChartWithAxis } from '../HorizontalBarChartWithAxis/index';
-import { AreaChart } from '../AreaChart/index';
-import { HeatMapChart } from '../HeatMapChart/index';
-import { SankeyChart } from '../SankeyChart/SankeyChart';
-import { GaugeChart } from '../GaugeChart/index';
-import { GroupedVerticalBarChart } from '../GroupedVerticalBarChart/index';
-import { VerticalBarChart } from '../VerticalBarChart/index';
-import { ScatterChart } from '../ScatterChart/index';
-import { FunnelChart } from '../FunnelChart/FunnelChart';
-import { GanttChart } from '../GanttChart/index';
-import { PolarChart } from '../PolarChart/index';
-import { withResponsiveContainer } from '../ResponsiveContainer/withResponsiveContainer';
-import { ChartTable } from '../ChartTable/index';
-import { Legends } from '../Legends/index';
-import { resolveCSSVariables, useRtl } from '../../utilities/index';
-import { exportChartsAsImage } from '../../utilities/image-export-utils';
-const ResponsiveDonutChart = withResponsiveContainer(DonutChart);
-const ResponsiveVerticalStackedBarChart = withResponsiveContainer(VerticalStackedBarChart);
-const ResponsiveLineChart = withResponsiveContainer(LineChart);
-const ResponsiveHorizontalBarChartWithAxis = withResponsiveContainer(HorizontalBarChartWithAxis);
-const ResponsiveAreaChart = withResponsiveContainer(AreaChart);
-const ResponsiveHeatMapChart = withResponsiveContainer(HeatMapChart);
-const ResponsiveSankeyChart = withResponsiveContainer(SankeyChart);
-const ResponsiveGaugeChart = withResponsiveContainer(GaugeChart);
-const ResponsiveGroupedVerticalBarChart = withResponsiveContainer(GroupedVerticalBarChart);
-const ResponsiveVerticalBarChart = withResponsiveContainer(VerticalBarChart);
-const ResponsiveScatterChart = withResponsiveContainer(ScatterChart);
-const ResponsiveChartTable = withResponsiveContainer(ChartTable);
-const ResponsiveGanttChart = withResponsiveContainer(GanttChart);
-// Removing responsive wrapper for FunnelChart as responsive container is not working with FunnelChart
-//const ResponsiveFunnelChart = withResponsiveContainer(FunnelChart);
-const ResponsivePolarChart = withResponsiveContainer(PolarChart);
-// Default x-axis key for grouping traces. Also applicable for PieData and SankeyData where x-axis is not defined.
-const DEFAULT_XAXIS = 'x';
-const useColorMapping = ()=>{
-    const colorMap = React.useRef(new Map());
-    return colorMap;
-};
-function renderChart(Renderer, // eslint-disable-next-line @typescript-eslint/no-explicit-any
-transformer, // eslint-disable-next-line @typescript-eslint/no-explicit-any
-transformerArgs, commonProps, cellRow, cellColumn) {
-    const chartProps = transformer(...transformerArgs);
-    return /*#__PURE__*/ React.createElement("div", {
-        key: `${cellRow}_${cellColumn}`,
-        style: {
-            gridRowStart: cellRow,
-            gridRowEnd: cellRow + 1,
-            gridColumnStart: cellColumn,
-            gridColumnEnd: cellColumn + 1
-        }
-    }, /*#__PURE__*/ React.createElement(Renderer, {
-        ...chartProps,
-        ...commonProps
-    }));
-}
-const LineAreaPreTransformOp = (plotlyInput)=>{
-    const xValues = plotlyInput.data[0].x;
-    const isXMonth = isMonthArray(xValues);
-    let renderData = plotlyInput.data;
-    if (isXMonth) {
-        renderData = plotlyInput.data.map((dataPoint)=>({
-                ...dataPoint,
-                x: correctYearMonth(dataPoint.x)
-            }));
-    }
-    return {
-        data: renderData,
-        layout: plotlyInput.layout
-    };
-};
-const chartMap = {
-    annotation: {
-        transformer: transformPlotlyJsonToAnnotationChartProps,
-        renderer: AnnotationOnlyChart
-    },
-    // PieData category charts
-    donut: {
-        transformer: transformPlotlyJsonToDonutProps,
-        renderer: ResponsiveDonutChart
-    },
-    // SankeyData category charts
-    sankey: {
-        transformer: transformPlotlyJsonToSankeyProps,
-        renderer: ResponsiveSankeyChart
-    },
-    // TableData category charts
-    table: {
-        transformer: transformPlotlyJsonToChartTableProps,
-        renderer: ResponsiveChartTable
-    },
-    // PlotData category charts
-    horizontalbar: {
-        transformer: transformPlotlyJsonToHorizontalBarWithAxisProps,
-        renderer: ResponsiveHorizontalBarChartWithAxis
-    },
-    groupedverticalbar: {
-        transformer: transformPlotlyJsonToGVBCProps,
-        renderer: ResponsiveGroupedVerticalBarChart
-    },
-    verticalstackedbar: {
-        transformer: transformPlotlyJsonToVSBCProps,
-        renderer: ResponsiveVerticalStackedBarChart
-    },
-    heatmap: {
-        transformer: transformPlotlyJsonToHeatmapProps,
-        renderer: ResponsiveHeatMapChart
-    },
-    gauge: {
-        transformer: transformPlotlyJsonToGaugeProps,
-        renderer: ResponsiveGaugeChart
-    },
-    verticalbar: {
-        transformer: transformPlotlyJsonToVBCProps,
-        renderer: ResponsiveVerticalBarChart
-    },
-    area: {
-        transformer: transformPlotlyJsonToAreaChartProps,
-        renderer: ResponsiveAreaChart,
-        preTransformOperation: LineAreaPreTransformOp
-    },
-    line: {
-        transformer: transformPlotlyJsonToLineChartProps,
-        renderer: ResponsiveLineChart,
-        preTransformOperation: LineAreaPreTransformOp
-    },
-    scatter: {
-        transformer: transformPlotlyJsonToScatterChartProps,
-        renderer: ResponsiveScatterChart,
-        preTransformOperation: LineAreaPreTransformOp
-    },
-    gantt: {
-        transformer: transformPlotlyJsonToGanttChartProps,
-        renderer: ResponsiveGanttChart
-    },
-    funnel: {
-        transformer: transformPlotlyJsonToFunnelChartProps,
-        renderer: FunnelChart
-    },
-    scatterpolar: {
-        transformer: transformPlotlyJsonToPolarChartProps,
-        renderer: ResponsivePolarChart
-    },
-    fallback: {
-        transformer: transformPlotlyJsonToVSBCProps,
-        renderer: ResponsiveVerticalStackedBarChart
-    }
-};
-const useIsDarkTheme = ()=>{
-    const parentV9Theme = React.useContext(V9ThemeContext);
-    const v9Theme = parentV9Theme ? parentV9Theme : webLightTheme;
-    // Get background and foreground colors
-    const backgroundColor = d3Color.hsl(v9Theme.colorNeutralBackground1);
-    const foregroundColor = d3Color.hsl(v9Theme.colorNeutralForeground1);
-    const isDarkTheme = backgroundColor.l < foregroundColor.l;
-    return isDarkTheme;
-};
-/**
- * DeclarativeChart component.
- * {@docCategory DeclarativeChart}
- */ export const DeclarativeChart = /*#__PURE__*/ React.forwardRef(({ colorwayType = 'default', ...props }, forwardedRef)=>{
-    var _plotlyInputWithValidData_layout;
-    const { plotlySchema } = sanitizeJson(props.chartSchema);
-    const chart = mapFluentChart(plotlySchema);
-    if (!chart.isValid) {
-        throw new Error(`Invalid chart schema: ${chart.errorMessage}`);
-    }
-    let plotlyInput = plotlySchema;
-    try {
-        plotlyInput = decodeBase64Fields(plotlyInput);
-    } catch (error) {
-        throw new Error(`Failed to decode plotly schema: ${error}`);
-    }
-    const plotlyInputWithValidData = {
-        ...plotlyInput,
-        data: chart.validTracesInfo.map((trace)=>plotlyInput.data[trace.index])
-    };
-    const validTracesFilteredIndex = chart.validTracesInfo.map((trace, index)=>({
-            index,
-            type: trace.type
-        }));
-    let { selectedLegends } = plotlySchema;
-    const colorMap = useColorMapping();
-    const isDarkTheme = useIsDarkTheme();
-    const chartRefs = React.useRef([]);
-    const isMultiPlot = React.useRef(false);
-    const legendsRef = React.useRef(null);
-    const containerRef = React.useRef(null);
-    const isRTL = useRtl();
-    if (!isArrayOrTypedArray(selectedLegends)) {
-        selectedLegends = [];
-    }
-    const [activeLegends, setActiveLegends] = React.useState(selectedLegends);
-    const onActiveLegendsChange = (keys)=>{
-        setActiveLegends(keys);
-        if (props.onSchemaChange) {
-            props.onSchemaChange({
-                plotlySchema: {
-                    plotlyInput,
-                    selectedLegends: keys
-                }
-            });
-        }
-    };
-    React.useEffect(()=>{
-        // eslint-disable-next-line @typescript-eslint/no-shadow
-        const { plotlySchema } = sanitizeJson(props.chartSchema);
-        // eslint-disable-next-line @typescript-eslint/no-shadow
-        const { selectedLegends } = plotlySchema;
-        // eslint-disable-next-line react-hooks/set-state-in-effect
-        setActiveLegends(selectedLegends !== null && selectedLegends !== void 0 ? selectedLegends : []);
-    }, [
-        props.chartSchema
-    ]);
-    const multiSelectLegendProps = {
-        canSelectMultipleLegends: true,
-        onChange: onActiveLegendsChange,
-        selectedLegends: activeLegends
-    };
-    const interactiveCommonProps = {
-        legendProps: multiSelectLegendProps
-    };
-    function createLegends(legendProps) {
-        return /*#__PURE__*/ React.createElement(Legends, {
-            ...legendProps,
-            selectedLegends: activeLegends,
-            onChange: onActiveLegendsChange,
-            legendRef: legendsRef
-        });
-    }
-    const exportAsImage = React.useCallback(async (opts)=>{
-        var _legendsRef_current;
-        if (!containerRef.current) {
-            throw new Error('Container reference is null');
-        }
-        const imgExpOpts = {
-            background: resolveCSSVariables(containerRef.current, tokens.colorNeutralBackground1),
-            scale: 5,
-            ...opts
-        };
-        if (!isMultiPlot.current) {
-            var _chartRefs_current__compRef, _chartRefs_current_;
-            if (!((_chartRefs_current_ = chartRefs.current[0]) === null || _chartRefs_current_ === void 0 ? void 0 : (_chartRefs_current__compRef = _chartRefs_current_.compRef) === null || _chartRefs_current__compRef === void 0 ? void 0 : _chartRefs_current__compRef.toImage)) {
-                throw new Error('Chart cannot be exported as image');
-            }
-            return chartRefs.current[0].compRef.toImage(imgExpOpts);
-        }
-        return exportChartsAsImage(chartRefs.current.map((item)=>{
-            var _item_compRef;
-            return {
-                container: (_item_compRef = item.compRef) === null || _item_compRef === void 0 ? void 0 : _item_compRef.chartContainer,
-                row: item.row,
-                col: item.col
-            };
-        }), (_legendsRef_current = legendsRef.current) === null || _legendsRef_current === void 0 ? void 0 : _legendsRef_current.toSVG, isRTL, imgExpOpts);
-    }, [
-        isRTL
-    ]);
-    React.useImperativeHandle(props.componentRef, ()=>({
-            exportAsImage
-        }), [
-        exportAsImage
-    ]);
-    const groupedTraces = {};
-    let nonCartesianTraceCount = 0;
-    // For annotation-only charts, create a single group entry
-    if (chart.type === 'annotation') {
-        groupedTraces[DEFAULT_XAXIS] = [];
-    } else {
-        plotlyInputWithValidData.data.forEach((trace, index)=>{
-            let traceKey = '';
-            if (isNonPlotType(chart.validTracesInfo[index].type)) {
-                traceKey = `${NON_PLOT_KEY_PREFIX}${nonCartesianTraceCount + 1}`;
-                nonCartesianTraceCount++;
-            } else {
-                var _trace_subplot, _trace_xaxis;
-                traceKey = chart.validTracesInfo[index].type === 'scatterpolar' ? (_trace_subplot = trace.subplot) !== null && _trace_subplot !== void 0 ? _trace_subplot : DEFAULT_POLAR_SUBPLOT : (_trace_xaxis = trace.xaxis) !== null && _trace_xaxis !== void 0 ? _trace_xaxis : DEFAULT_XAXIS;
-            }
-            if (!groupedTraces[traceKey]) {
-                groupedTraces[traceKey] = [];
-            }
-            groupedTraces[traceKey].push(index);
-        });
-    }
-    // eslint-disable-next-line react-hooks/refs
-    isMultiPlot.current = Object.keys(groupedTraces).length > 1;
-    const gridProperties = getGridProperties(plotlyInputWithValidData, // eslint-disable-next-line react-hooks/refs
-    isMultiPlot.current, chart.validTracesInfo);
-    // Render only one plot if the grid properties cannot determine positioning of multiple plots.
-    if (// eslint-disable-next-line react-hooks/refs
-    isMultiPlot.current && gridProperties.templateRows === SINGLE_REPEAT && gridProperties.templateColumns === SINGLE_REPEAT) {
-        if (chart.type === 'donut') {
-            // If there are multiple data traces for donut/pie, picking the last one similar to plotly
-            const keys = Object.keys(groupedTraces);
-            keys.forEach((key, index)=>{
-                if (index < keys.length - 1) {
-                    delete groupedTraces[key];
-                }
-            });
-        } else {
-            Object.keys(groupedTraces).forEach((key, index)=>{
-                if (index > 0) {
-                    delete groupedTraces[key];
-                }
-            });
-        }
-        // eslint-disable-next-line react-hooks/refs
-        isMultiPlot.current = false;
-    }
-    const allupLegendsProps = getAllupLegendsProps(plotlyInputWithValidData, colorMap, colorwayType, chart.validTracesInfo, isDarkTheme);
-    const titleObj = (_plotlyInputWithValidData_layout = plotlyInputWithValidData.layout) === null || _plotlyInputWithValidData_layout === void 0 ? void 0 : _plotlyInputWithValidData_layout.title;
-    var _titleObj_text;
-    const chartTitle = typeof titleObj === 'string' ? titleObj : (_titleObj_text = titleObj === null || titleObj === void 0 ? void 0 : titleObj.text) !== null && _titleObj_text !== void 0 ? _titleObj_text : '';
-    const titleFont = typeof titleObj === 'object' ? titleObj === null || titleObj === void 0 ? void 0 : titleObj.font : undefined;
-    const titleStyle = {
-        ...typographyStyles.caption1,
-        color: tokens.colorNeutralForeground1,
-        textAlign: 'center',
-        marginBottom: tokens.spacingVerticalS,
-        ...getChartTitleInlineStyles(titleFont)
-    };
-    // map through the grouped traces and render the appropriate chart
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, isMultiPlot.current && chartTitle && /*#__PURE__*/ React.createElement("div", {
-        style: titleStyle
-    }, chartTitle), /*#__PURE__*/ React.createElement("div", {
-        style: {
-            display: 'grid',
-            gridTemplateRows: gridProperties.templateRows,
-            gridTemplateColumns: gridProperties.templateColumns
-        },
-        ref: containerRef
-    }, Object.entries(groupedTraces).map(([xAxisKey, index], chartIdx)=>{
-        var _filteredTracesInfo_;
-        const plotlyInputForGroup = {
-            ...plotlyInputWithValidData,
-            data: index.map((idx)=>plotlyInputWithValidData.data[idx])
-        };
-        const filteredTracesInfo = validTracesFilteredIndex.filter((trace)=>index.includes(trace.index));
-        var _filteredTracesInfo__type;
-        let chartType = chart.type === 'fallback' || chart.type === 'groupedverticalbar' ? chart.type : (_filteredTracesInfo__type = (_filteredTracesInfo_ = filteredTracesInfo[0]) === null || _filteredTracesInfo_ === void 0 ? void 0 : _filteredTracesInfo_.type) !== null && _filteredTracesInfo__type !== void 0 ? _filteredTracesInfo__type : chart.type;
-        if (validTracesFilteredIndex.some((trace)=>trace.type === 'line') && validTracesFilteredIndex.some((trace)=>trace.type === 'scatter')) {
-            chartType = 'line';
-        }
-        const chartEntry = chartMap[chartType];
-        if (chartEntry) {
-            const { transformer, renderer, preTransformCondition, preTransformOperation } = chartEntry;
-            if (preTransformCondition === undefined || preTransformCondition(plotlyInputForGroup)) {
-                const transformedInput = preTransformOperation ? preTransformOperation(plotlyInputForGroup) : plotlyInputForGroup;
-                const cellProperties = gridProperties.layout[xAxisKey];
-                const resolvedCommonProps = chartType === 'annotation' ? {} : {
-                    ...interactiveCommonProps
-                };
-                var _cellProperties_row, _cellProperties_column;
-                return renderChart(renderer, transformer, [
-                    transformedInput,
-                    isMultiPlot.current,
-                    colorMap,
-                    colorwayType,
-                    isDarkTheme
-                ], {
-                    ...resolvedCommonProps,
-                    ...(cellProperties === null || cellProperties === void 0 ? void 0 : cellProperties.xAnnotation) && {
-                        xAxisAnnotation: cellProperties.xAnnotation
-                    },
-                    ...(cellProperties === null || cellProperties === void 0 ? void 0 : cellProperties.yAnnotation) && {
-                        yAxisAnnotation: cellProperties.yAnnotation
-                    },
-                    componentRef: (ref)=>{
-                        var _cellProperties_row, _cellProperties_column;
-                        chartRefs.current[chartIdx] = {
-                            compRef: ref,
-                            row: (_cellProperties_row = cellProperties === null || cellProperties === void 0 ? void 0 : cellProperties.row) !== null && _cellProperties_row !== void 0 ? _cellProperties_row : 1,
-                            col: (_cellProperties_column = cellProperties === null || cellProperties === void 0 ? void 0 : cellProperties.column) !== null && _cellProperties_column !== void 0 ? _cellProperties_column : 1
-                        };
-                    }
-                }, (_cellProperties_row = cellProperties === null || cellProperties === void 0 ? void 0 : cellProperties.row) !== null && _cellProperties_row !== void 0 ? _cellProperties_row : 1, (_cellProperties_column = cellProperties === null || cellProperties === void 0 ? void 0 : cellProperties.column) !== null && _cellProperties_column !== void 0 ? _cellProperties_column : 1);
-            }
-            return /*#__PURE__*/ React.createElement(React.Fragment, null);
-        } else {
-            var _plotlyInputForGroup_data_;
-            throw new Error(`Unsupported chart type :${(_plotlyInputForGroup_data_ = plotlyInputForGroup.data[0]) === null || _plotlyInputForGroup_data_ === void 0 ? void 0 : _plotlyInputForGroup_data_.type}`);
-        }
-    })), isMultiPlot.current && createLegends(allupLegendsProps));
-});
-DeclarativeChart.displayName = 'DeclarativeChart';

package/lib/components/DeclarativeChart/DeclarativeChart.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/DeclarativeChart/DeclarativeChart.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable @typescript-eslint/naming-convention */\nimport * as React from 'react';\nimport type { Data, PlotData, PlotlySchema, OutputChartType, TraceInfo } from '@fluentui/chart-utilities';\nimport {\n  decodeBase64Fields,\n  isArrayOrTypedArray,\n  isMonthArray,\n  mapFluentChart,\n  sanitizeJson,\n} from '@fluentui/chart-utilities';\nimport type { GridProperties } from './PlotlySchemaAdapter';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { ThemeContext_unstable as V9ThemeContext } from '@fluentui/react-shared-contexts';\nimport type { Theme } from '@fluentui/tokens';\nimport { webLightTheme } from '@fluentui/tokens';\nimport * as d3Color from 'd3-color';\n\nimport {\n  correctYearMonth,\n  getGridProperties,\n  isNonPlotType,\n  transformPlotlyJsonToDonutProps,\n  transformPlotlyJsonToVSBCProps,\n  transformPlotlyJsonToAreaChartProps,\n  transformPlotlyJsonToLineChartProps,\n  transformPlotlyJsonToHorizontalBarWithAxisProps,\n  transformPlotlyJsonToHeatmapProps,\n  transformPlotlyJsonToSankeyProps,\n  transformPlotlyJsonToGaugeProps,\n  transformPlotlyJsonToGVBCProps,\n  transformPlotlyJsonToVBCProps,\n  transformPlotlyJsonToChartTableProps,\n  transformPlotlyJsonToScatterChartProps,\n  getAllupLegendsProps,\n  NON_PLOT_KEY_PREFIX,\n  SINGLE_REPEAT,\n  transformPlotlyJsonToFunnelChartProps,\n  transformPlotlyJsonToGanttChartProps,\n  transformPlotlyJsonToAnnotationChartProps,\n  transformPlotlyJsonToPolarChartProps,\n  DEFAULT_POLAR_SUBPLOT,\n} from './PlotlySchemaAdapter';\nimport { getChartTitleInlineStyles } from '../../utilities/index';\nimport type { ColorwayType } from './PlotlyColorAdapter';\nimport { AnnotationOnlyChart } from '../AnnotationOnlyChart/AnnotationOnlyChart';\nimport { DonutChart } from '../DonutChart/index';\nimport { VerticalStackedBarChart } from '../VerticalStackedBarChart/index';\nimport { LineChart } from '../LineChart/index';\nimport { HorizontalBarChartWithAxis } from '../HorizontalBarChartWithAxis/index';\nimport { AreaChart } from '../AreaChart/index';\nimport { HeatMapChart } from '../HeatMapChart/index';\nimport { SankeyChart } from '../SankeyChart/SankeyChart';\nimport { GaugeChart } from '../GaugeChart/index';\nimport { GroupedVerticalBarChart } from '../GroupedVerticalBarChart/index';\nimport { VerticalBarChart } from '../VerticalBarChart/index';\nimport type { Chart, ImageExportOptions } from '../../types/index';\nimport { ScatterChart } from '../ScatterChart/index';\nimport { FunnelChart } from '../FunnelChart/FunnelChart';\nimport { GanttChart } from '../GanttChart/index';\nimport { PolarChart } from '../PolarChart/index';\n\nimport { withResponsiveContainer } from '../ResponsiveContainer/withResponsiveContainer';\nimport { ChartTable } from '../ChartTable/index';\nimport type { LegendsProps, LegendContainer } from '../Legends/index';\nimport { Legends } from '../Legends/index';\nimport type { JSXElement } from '@fluentui/react-utilities/src/index';\nimport { resolveCSSVariables, useRtl } from '../../utilities/index';\nimport { exportChartsAsImage } from '../../utilities/image-export-utils';\n\nconst ResponsiveDonutChart = withResponsiveContainer(DonutChart);\nconst ResponsiveVerticalStackedBarChart = withResponsiveContainer(VerticalStackedBarChart);\nconst ResponsiveLineChart = withResponsiveContainer(LineChart);\nconst ResponsiveHorizontalBarChartWithAxis = withResponsiveContainer(HorizontalBarChartWithAxis);\nconst ResponsiveAreaChart = withResponsiveContainer(AreaChart);\nconst ResponsiveHeatMapChart = withResponsiveContainer(HeatMapChart);\nconst ResponsiveSankeyChart = withResponsiveContainer(SankeyChart);\nconst ResponsiveGaugeChart = withResponsiveContainer(GaugeChart);\nconst ResponsiveGroupedVerticalBarChart = withResponsiveContainer(GroupedVerticalBarChart);\nconst ResponsiveVerticalBarChart = withResponsiveContainer(VerticalBarChart);\nconst ResponsiveScatterChart = withResponsiveContainer(ScatterChart);\nconst ResponsiveChartTable = withResponsiveContainer(ChartTable);\nconst ResponsiveGanttChart = withResponsiveContainer(GanttChart);\n// Removing responsive wrapper for FunnelChart as responsive container is not working with FunnelChart\n//const ResponsiveFunnelChart = withResponsiveContainer(FunnelChart);\nconst ResponsivePolarChart = withResponsiveContainer(PolarChart);\n\n// Default x-axis key for grouping traces. Also applicable for PieData and SankeyData where x-axis is not defined.\nconst DEFAULT_XAXIS = 'x';\n\n/**\n * DeclarativeChart schema.\n * {@docCategory DeclarativeChart}\n */\nexport interface Schema {\n  /**\n   * Plotly schema represented as JSON object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  plotlySchema: any;\n}\n\n/**\n * DeclarativeChart props.\n * {@docCategory DeclarativeChart}\n */\nexport interface DeclarativeChartProps extends React.RefAttributes<HTMLDivElement> {\n  /**\n   * The schema representing the chart data, layout and configuration\n   */\n  chartSchema: Schema;\n\n  /**\n   * Callback when an event occurs\n   */\n  onSchemaChange?: (eventData: Schema) => void;\n\n  /**\n   * Optional callback to access the IDeclarativeChart interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.Ref<IDeclarativeChart>;\n\n  /**\n   * Optional prop to specify the colorway type of the chart.\n   * - 'default': Use Fluent UI color palette aligning with plotly colorway.\n   * - 'builtin': Use Fluent UI colorway.\n   * - 'others': Reserved for future colorways.\n   * @default 'default'\n   */\n  colorwayType?: ColorwayType;\n}\n\n/**\n * {@docCategory DeclarativeChart}\n */\nexport interface IDeclarativeChart {\n  exportAsImage: (opts?: ImageExportOptions) => Promise<string>;\n}\n\nconst useColorMapping = () => {\n  const colorMap = React.useRef(new Map<string, string>());\n  return colorMap;\n};\n\nfunction renderChart<TProps>(\n  Renderer: React.ComponentType<TProps>,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  transformer: (...args: any[]) => TProps,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  transformerArgs: any[],\n  commonProps: Partial<TProps>,\n  cellRow: number,\n  cellColumn: number,\n): JSXElement {\n  const chartProps = transformer(...transformerArgs);\n  return (\n    <div\n      key={`${cellRow}_${cellColumn}`}\n      style={{\n        gridRowStart: cellRow,\n        gridRowEnd: cellRow + 1,\n        gridColumnStart: cellColumn,\n        gridColumnEnd: cellColumn + 1,\n      }}\n    >\n      <Renderer {...chartProps} {...commonProps} />\n    </div>\n  );\n}\n\ntype PreTransformHooks = {\n  preTransformCondition?: (plotlySchema: PlotlySchema) => boolean;\n  preTransformOperation?: (plotlySchema: PlotlySchema) => PlotlySchema;\n};\n\nconst LineAreaPreTransformOp = (plotlyInput: PlotlySchema) => {\n  const xValues = (plotlyInput.data[0] as PlotData).x;\n  const isXMonth = isMonthArray(xValues);\n  let renderData = plotlyInput.data;\n  if (isXMonth) {\n    renderData = plotlyInput.data.map((dataPoint: PlotData) => ({\n      ...dataPoint,\n      x: correctYearMonth(dataPoint.x),\n    }));\n  }\n  return { data: renderData, layout: plotlyInput.layout };\n};\n\ntype ChartTypeMap = {\n  annotation: {\n    transformer: typeof transformPlotlyJsonToAnnotationChartProps;\n    renderer: typeof AnnotationOnlyChart;\n  } & PreTransformHooks;\n  donut: {\n    transformer: typeof transformPlotlyJsonToDonutProps;\n    renderer: typeof ResponsiveDonutChart;\n  } & PreTransformHooks;\n  sankey: {\n    transformer: typeof transformPlotlyJsonToSankeyProps;\n    renderer: typeof ResponsiveSankeyChart;\n  } & PreTransformHooks;\n  table: {\n    transformer: typeof transformPlotlyJsonToChartTableProps;\n    renderer: typeof ResponsiveChartTable;\n  } & PreTransformHooks;\n  horizontalbar: {\n    transformer: typeof transformPlotlyJsonToHorizontalBarWithAxisProps;\n    renderer: typeof ResponsiveHorizontalBarChartWithAxis;\n  } & PreTransformHooks;\n  groupedverticalbar: {\n    transformer: typeof transformPlotlyJsonToGVBCProps;\n    renderer: typeof ResponsiveGroupedVerticalBarChart;\n  } & PreTransformHooks;\n  verticalstackedbar: {\n    transformer: typeof transformPlotlyJsonToVSBCProps;\n    renderer: typeof ResponsiveVerticalStackedBarChart;\n  } & PreTransformHooks;\n  heatmap: {\n    transformer: typeof transformPlotlyJsonToHeatmapProps;\n    renderer: typeof ResponsiveHeatMapChart;\n  } & PreTransformHooks;\n  gauge: {\n    transformer: typeof transformPlotlyJsonToGaugeProps;\n    renderer: typeof ResponsiveGaugeChart;\n  } & PreTransformHooks;\n  verticalbar: {\n    transformer: typeof transformPlotlyJsonToVBCProps;\n    renderer: typeof ResponsiveVerticalBarChart;\n  } & PreTransformHooks;\n  area: {\n    transformer: typeof transformPlotlyJsonToAreaChartProps;\n    renderer: typeof ResponsiveAreaChart;\n  } & PreTransformHooks;\n  line: {\n    transformer: typeof transformPlotlyJsonToLineChartProps;\n    renderer: typeof ResponsiveLineChart;\n  } & PreTransformHooks;\n  scatter: {\n    transformer: typeof transformPlotlyJsonToScatterChartProps;\n    renderer: typeof ResponsiveScatterChart;\n  } & PreTransformHooks;\n  gantt: {\n    transformer: typeof transformPlotlyJsonToGanttChartProps;\n    renderer: typeof ResponsiveGanttChart;\n  } & PreTransformHooks;\n  funnel: {\n    transformer: typeof transformPlotlyJsonToFunnelChartProps;\n    renderer: typeof FunnelChart;\n  } & PreTransformHooks;\n  scatterpolar: {\n    transformer: typeof transformPlotlyJsonToPolarChartProps;\n    renderer: typeof ResponsivePolarChart;\n  } & PreTransformHooks;\n  fallback: {\n    transformer: typeof transformPlotlyJsonToVSBCProps;\n    renderer: typeof ResponsiveVerticalStackedBarChart;\n  } & PreTransformHooks;\n};\n\nconst chartMap: ChartTypeMap = {\n  annotation: {\n    transformer: transformPlotlyJsonToAnnotationChartProps,\n    renderer: AnnotationOnlyChart,\n  },\n  // PieData category charts\n  donut: {\n    transformer: transformPlotlyJsonToDonutProps,\n    renderer: ResponsiveDonutChart,\n  },\n  // SankeyData category charts\n  sankey: {\n    transformer: transformPlotlyJsonToSankeyProps,\n    renderer: ResponsiveSankeyChart,\n  },\n  // TableData category charts\n  table: {\n    transformer: transformPlotlyJsonToChartTableProps,\n    renderer: ResponsiveChartTable,\n  },\n  // PlotData category charts\n  horizontalbar: {\n    transformer: transformPlotlyJsonToHorizontalBarWithAxisProps,\n    renderer: ResponsiveHorizontalBarChartWithAxis,\n  },\n  groupedverticalbar: {\n    transformer: transformPlotlyJsonToGVBCProps,\n    renderer: ResponsiveGroupedVerticalBarChart,\n  },\n  verticalstackedbar: {\n    transformer: transformPlotlyJsonToVSBCProps,\n    renderer: ResponsiveVerticalStackedBarChart,\n  },\n  heatmap: {\n    transformer: transformPlotlyJsonToHeatmapProps,\n    renderer: ResponsiveHeatMapChart,\n  },\n  gauge: {\n    transformer: transformPlotlyJsonToGaugeProps,\n    renderer: ResponsiveGaugeChart,\n  },\n  verticalbar: {\n    transformer: transformPlotlyJsonToVBCProps,\n    renderer: ResponsiveVerticalBarChart,\n  },\n  area: {\n    transformer: transformPlotlyJsonToAreaChartProps,\n    renderer: ResponsiveAreaChart,\n    preTransformOperation: LineAreaPreTransformOp,\n  },\n  line: {\n    transformer: transformPlotlyJsonToLineChartProps,\n    renderer: ResponsiveLineChart,\n    preTransformOperation: LineAreaPreTransformOp,\n  },\n  scatter: {\n    transformer: transformPlotlyJsonToScatterChartProps,\n    renderer: ResponsiveScatterChart,\n    preTransformOperation: LineAreaPreTransformOp,\n  },\n  gantt: {\n    transformer: transformPlotlyJsonToGanttChartProps,\n    renderer: ResponsiveGanttChart,\n  },\n  funnel: {\n    transformer: transformPlotlyJsonToFunnelChartProps,\n    renderer: FunnelChart,\n  },\n  scatterpolar: {\n    transformer: transformPlotlyJsonToPolarChartProps,\n    renderer: ResponsivePolarChart,\n  },\n  fallback: {\n    transformer: transformPlotlyJsonToVSBCProps,\n    renderer: ResponsiveVerticalStackedBarChart,\n  },\n};\n\nconst useIsDarkTheme = (): boolean => {\n  const parentV9Theme = React.useContext(V9ThemeContext) as Theme;\n  const v9Theme: Theme = parentV9Theme ? parentV9Theme : webLightTheme;\n\n  // Get background and foreground colors\n  const backgroundColor = d3Color.hsl(v9Theme.colorNeutralBackground1);\n  const foregroundColor = d3Color.hsl(v9Theme.colorNeutralForeground1);\n\n  const isDarkTheme = backgroundColor.l < foregroundColor.l;\n\n  return isDarkTheme;\n};\n\n/**\n * DeclarativeChart component.\n * {@docCategory DeclarativeChart}\n */\nexport const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> = React.forwardRef<\n  HTMLDivElement,\n  DeclarativeChartProps\n>(({ colorwayType = 'default', ...props }, forwardedRef) => {\n  const { plotlySchema } = sanitizeJson(props.chartSchema);\n  const chart: OutputChartType = mapFluentChart(plotlySchema);\n  if (!chart.isValid) {\n    throw new Error(`Invalid chart schema: ${chart.errorMessage}`);\n  }\n  let plotlyInput = plotlySchema as PlotlySchema;\n  try {\n    plotlyInput = decodeBase64Fields(plotlyInput);\n  } catch (error) {\n    throw new Error(`Failed to decode plotly schema: ${error}`);\n  }\n  const plotlyInputWithValidData: PlotlySchema = {\n    ...plotlyInput,\n    data: chart.validTracesInfo!.map(trace => plotlyInput.data[trace.index]),\n  };\n\n  const validTracesFilteredIndex: TraceInfo[] = chart.validTracesInfo!.map((trace, index) => ({\n    index,\n    type: trace.type,\n  }));\n\n  let { selectedLegends } = plotlySchema;\n  const colorMap = useColorMapping();\n  const isDarkTheme = useIsDarkTheme();\n  const chartRefs = React.useRef<{ compRef: Chart | null; row: number; col: number }[]>([]);\n  const isMultiPlot = React.useRef(false);\n  const legendsRef = React.useRef<LegendContainer>(null);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const isRTL = useRtl();\n\n  if (!isArrayOrTypedArray(selectedLegends)) {\n    selectedLegends = [];\n  }\n\n  const [activeLegends, setActiveLegends] = React.useState<string[]>(selectedLegends);\n  const onActiveLegendsChange = (keys: string[]) => {\n    setActiveLegends(keys);\n    if (props.onSchemaChange) {\n      props.onSchemaChange({ plotlySchema: { plotlyInput, selectedLegends: keys } });\n    }\n  };\n\n  React.useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    const { plotlySchema } = sanitizeJson(props.chartSchema);\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    const { selectedLegends } = plotlySchema;\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setActiveLegends(selectedLegends ?? []);\n  }, [props.chartSchema]);\n\n  const multiSelectLegendProps = {\n    canSelectMultipleLegends: true,\n    onChange: onActiveLegendsChange,\n    selectedLegends: activeLegends,\n  };\n\n  const interactiveCommonProps = {\n    legendProps: multiSelectLegendProps,\n  };\n\n  function createLegends(legendProps: LegendsProps): JSXElement {\n    return (\n      <Legends\n        {...legendProps}\n        selectedLegends={activeLegends}\n        onChange={onActiveLegendsChange}\n        legendRef={legendsRef}\n      />\n    );\n  }\n\n  const exportAsImage = React.useCallback(\n    async (opts?: ImageExportOptions) => {\n      if (!containerRef.current) {\n        throw new Error('Container reference is null');\n      }\n\n      const imgExpOpts = {\n        background: resolveCSSVariables(containerRef.current, tokens.colorNeutralBackground1),\n        scale: 5,\n        ...opts,\n      };\n\n      if (!isMultiPlot.current) {\n        if (!chartRefs.current[0]?.compRef?.toImage) {\n          throw new Error('Chart cannot be exported as image');\n        }\n\n        return chartRefs.current[0].compRef.toImage(imgExpOpts);\n      }\n\n      return exportChartsAsImage(\n        chartRefs.current.map(item => ({\n          container: item.compRef?.chartContainer,\n          row: item.row,\n          col: item.col,\n        })),\n        legendsRef.current?.toSVG,\n        isRTL,\n        imgExpOpts,\n      );\n    },\n    [isRTL],\n  );\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      exportAsImage,\n    }),\n    [exportAsImage],\n  );\n\n  const groupedTraces: Record<string, number[]> = {};\n  let nonCartesianTraceCount = 0;\n\n  // For annotation-only charts, create a single group entry\n  if (chart.type === 'annotation') {\n    groupedTraces[DEFAULT_XAXIS] = [];\n  } else {\n    plotlyInputWithValidData.data.forEach((trace: Data, index: number) => {\n      let traceKey = '';\n      if (isNonPlotType(chart.validTracesInfo![index].type)) {\n        traceKey = `${NON_PLOT_KEY_PREFIX}${nonCartesianTraceCount + 1}`;\n        nonCartesianTraceCount++;\n      } else {\n        traceKey =\n          chart.validTracesInfo![index].type === 'scatterpolar'\n            ? (trace as { subplot?: string }).subplot ?? DEFAULT_POLAR_SUBPLOT\n            : (trace as PlotData).xaxis ?? DEFAULT_XAXIS;\n      }\n      if (!groupedTraces[traceKey]) {\n        groupedTraces[traceKey] = [];\n      }\n      groupedTraces[traceKey].push(index);\n    });\n  }\n\n  // eslint-disable-next-line react-hooks/refs\n  isMultiPlot.current = Object.keys(groupedTraces).length > 1;\n  const gridProperties: GridProperties = getGridProperties(\n    plotlyInputWithValidData,\n    // eslint-disable-next-line react-hooks/refs\n    isMultiPlot.current,\n    chart.validTracesInfo!,\n  );\n\n  // Render only one plot if the grid properties cannot determine positioning of multiple plots.\n  if (\n    // eslint-disable-next-line react-hooks/refs\n    isMultiPlot.current &&\n    gridProperties.templateRows === SINGLE_REPEAT &&\n    gridProperties.templateColumns === SINGLE_REPEAT\n  ) {\n    if (chart.type === 'donut') {\n      // If there are multiple data traces for donut/pie, picking the last one similar to plotly\n      const keys = Object.keys(groupedTraces);\n      keys.forEach((key, index) => {\n        if (index < keys.length - 1) {\n          delete groupedTraces[key];\n        }\n      });\n    } else {\n      Object.keys(groupedTraces).forEach((key, index) => {\n        if (index > 0) {\n          delete groupedTraces[key];\n        }\n      });\n    }\n    // eslint-disable-next-line react-hooks/refs\n    isMultiPlot.current = false;\n  }\n\n  const allupLegendsProps = getAllupLegendsProps(\n    plotlyInputWithValidData,\n    colorMap,\n    colorwayType,\n    chart.validTracesInfo!,\n    isDarkTheme,\n  );\n\n  type ChartType = keyof ChartTypeMap;\n\n  const titleObj = plotlyInputWithValidData.layout?.title;\n  const chartTitle = typeof titleObj === 'string' ? titleObj : titleObj?.text ?? '';\n  const titleFont = typeof titleObj === 'object' ? titleObj?.font : undefined;\n\n  const titleStyle: React.CSSProperties = {\n    ...typographyStyles.caption1,\n    color: tokens.colorNeutralForeground1,\n    textAlign: 'center',\n    marginBottom: tokens.spacingVerticalS,\n    ...getChartTitleInlineStyles(titleFont),\n  };\n\n  // map through the grouped traces and render the appropriate chart\n  return (\n    <>\n      {/* eslint-disable-next-line react-hooks/refs */}\n      {isMultiPlot.current && chartTitle && <div style={titleStyle}>{chartTitle}</div>}\n      <div\n        style={{\n          display: 'grid',\n          gridTemplateRows: gridProperties.templateRows,\n          gridTemplateColumns: gridProperties.templateColumns,\n        }}\n        ref={containerRef}\n      >\n        {/* eslint-disable-next-line react-hooks/refs */}\n        {Object.entries(groupedTraces).map(([xAxisKey, index], chartIdx) => {\n          const plotlyInputForGroup: PlotlySchema = {\n            ...plotlyInputWithValidData,\n            data: index.map(idx => plotlyInputWithValidData.data[idx]),\n          };\n\n          const filteredTracesInfo = validTracesFilteredIndex.filter(trace => index.includes(trace.index));\n          let chartType =\n            chart.type === 'fallback' || chart.type === 'groupedverticalbar'\n              ? chart.type\n              : filteredTracesInfo[0]?.type ?? chart.type;\n\n          if (\n            validTracesFilteredIndex.some(trace => trace.type === 'line') &&\n            validTracesFilteredIndex.some(trace => trace.type === 'scatter')\n          ) {\n            chartType = 'line';\n          }\n\n          const chartEntry = chartMap[chartType as ChartType];\n          if (chartEntry) {\n            const { transformer, renderer, preTransformCondition, preTransformOperation } = chartEntry;\n            if (preTransformCondition === undefined || preTransformCondition(plotlyInputForGroup)) {\n              const transformedInput = preTransformOperation\n                ? preTransformOperation(plotlyInputForGroup)\n                : plotlyInputForGroup;\n              const cellProperties = gridProperties.layout[xAxisKey];\n\n              const resolvedCommonProps = (\n                chartType === 'annotation'\n                  ? {}\n                  : {\n                      ...interactiveCommonProps,\n                    }\n              ) as Partial<ReturnType<typeof transformer>>;\n\n              return renderChart<ReturnType<typeof transformer>>(\n                renderer,\n                transformer,\n                [transformedInput, isMultiPlot.current, colorMap, colorwayType, isDarkTheme], // eslint-disable-line react-hooks/refs\n                {\n                  ...resolvedCommonProps,\n                  ...(cellProperties?.xAnnotation && { xAxisAnnotation: cellProperties.xAnnotation }),\n                  ...(cellProperties?.yAnnotation && { yAxisAnnotation: cellProperties.yAnnotation }),\n                  componentRef: (ref: Chart | null) => {\n                    chartRefs.current[chartIdx] = {\n                      compRef: ref,\n                      row: cellProperties?.row ?? 1,\n                      col: cellProperties?.column ?? 1,\n                    };\n                  },\n                },\n                cellProperties?.row ?? 1,\n                cellProperties?.column ?? 1,\n              );\n            }\n            return <></>;\n          } else {\n            throw new Error(`Unsupported chart type :${plotlyInputForGroup.data[0]?.type}`);\n          }\n        })}\n      </div>\n      {/* eslint-disable-next-line react-hooks/refs */}\n      {isMultiPlot.current && createLegends(allupLegendsProps)}\n    </>\n  );\n});\nDeclarativeChart.displayName = 'DeclarativeChart';\n"],"names":["React","decodeBase64Fields","isArrayOrTypedArray","isMonthArray","mapFluentChart","sanitizeJson","tokens","typographyStyles","ThemeContext_unstable","V9ThemeContext","webLightTheme","d3Color","correctYearMonth","getGridProperties","isNonPlotType","transformPlotlyJsonToDonutProps","transformPlotlyJsonToVSBCProps","transformPlotlyJsonToAreaChartProps","transformPlotlyJsonToLineChartProps","transformPlotlyJsonToHorizontalBarWithAxisProps","transformPlotlyJsonToHeatmapProps","transformPlotlyJsonToSankeyProps","transformPlotlyJsonToGaugeProps","transformPlotlyJsonToGVBCProps","transformPlotlyJsonToVBCProps","transformPlotlyJsonToChartTableProps","transformPlotlyJsonToScatterChartProps","getAllupLegendsProps","NON_PLOT_KEY_PREFIX","SINGLE_REPEAT","transformPlotlyJsonToFunnelChartProps","transformPlotlyJsonToGanttChartProps","transformPlotlyJsonToAnnotationChartProps","transformPlotlyJsonToPolarChartProps","DEFAULT_POLAR_SUBPLOT","getChartTitleInlineStyles","AnnotationOnlyChart","DonutChart","VerticalStackedBarChart","LineChart","HorizontalBarChartWithAxis","AreaChart","HeatMapChart","SankeyChart","GaugeChart","GroupedVerticalBarChart","VerticalBarChart","ScatterChart","FunnelChart","GanttChart","PolarChart","withResponsiveContainer","ChartTable","Legends","resolveCSSVariables","useRtl","exportChartsAsImage","ResponsiveDonutChart","ResponsiveVerticalStackedBarChart","ResponsiveLineChart","ResponsiveHorizontalBarChartWithAxis","ResponsiveAreaChart","ResponsiveHeatMapChart","ResponsiveSankeyChart","ResponsiveGaugeChart","ResponsiveGroupedVerticalBarChart","ResponsiveVerticalBarChart","ResponsiveScatterChart","ResponsiveChartTable","ResponsiveGanttChart","ResponsivePolarChart","DEFAULT_XAXIS","useColorMapping","colorMap","useRef","Map","renderChart","Renderer","transformer","transformerArgs","commonProps","cellRow","cellColumn","chartProps","div","key","style","gridRowStart","gridRowEnd","gridColumnStart","gridColumnEnd","LineAreaPreTransformOp","plotlyInput","xValues","data","x","isXMonth","renderData","map","dataPoint","layout","chartMap","annotation","renderer","donut","sankey","table","horizontalbar","groupedverticalbar","verticalstackedbar","heatmap","gauge","verticalbar","area","preTransformOperation","line","scatter","gantt","funnel","scatterpolar","fallback","useIsDarkTheme","parentV9Theme","useContext","v9Theme","backgroundColor","hsl","colorNeutralBackground1","foregroundColor","colorNeutralForeground1","isDarkTheme","l","DeclarativeChart","forwardRef","colorwayType","props","forwardedRef","plotlyInputWithValidData","plotlySchema","chartSchema","chart","isValid","Error","errorMessage","error","validTracesInfo","trace","index","validTracesFilteredIndex","type","selectedLegends","chartRefs","isMultiPlot","legendsRef","containerRef","isRTL","activeLegends","setActiveLegends","useState","onActiveLegendsChange","keys","onSchemaChange","useEffect","multiSelectLegendProps","canSelectMultipleLegends","onChange","interactiveCommonProps","legendProps","createLegends","legendRef","exportAsImage","useCallback","opts","current","imgExpOpts","background","scale","compRef","toImage","item","container","chartContainer","row","col","toSVG","useImperativeHandle","componentRef","groupedTraces","nonCartesianTraceCount","forEach","traceKey","subplot","xaxis","push","Object","length","gridProperties","templateRows","templateColumns","allupLegendsProps","titleObj","title","chartTitle","text","titleFont","font","undefined","titleStyle","caption1","color","textAlign","marginBottom","spacingVerticalS","display","gridTemplateRows","gridTemplateColumns","ref","entries","xAxisKey","chartIdx","filteredTracesInfo","plotlyInputForGroup","idx","filter","includes","chartType","some","chartEntry","preTransformCondition","transformedInput","cellProperties","resolvedCommonProps","xAnnotation","xAxisAnnotation","yAnnotation","yAxisAnnotation","column","displayName"],"mappings":"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"}