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

package/lib-commonjs/components/Sparkline/useSparklineStyles.styles.raw.js

@@ -1,45 +0,0 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    sparklineClassNames: function() {
-        return sparklineClassNames;
-    },
-    useSparklineStyles: function() {
-        return useSparklineStyles;
-    }
-});
-const _react = require("@griffel/react");
-const _reacttheme = require("@fluentui/react-theme");
-const sparklineClassNames = {
-    inlineBlock: 'fui-sprk__inlineBlock',
-    valueText: 'fui-sprk__valueText'
-};
-/**
- * Base Styles
- */ const useStyles = (0, _react.makeStyles)({
-    inlineBlock: {
-        display: 'inline'
-    },
-    valueText: {
-        ..._reacttheme.typographyStyles.caption1,
-        fill: _reacttheme.tokens.colorNeutralForeground1,
-        forcedColorAdjust: 'auto'
-    }
-});
-const useSparklineStyles = (props)=>{
-    var _props_styles, _props_styles1;
-    const baseStyles = useStyles();
-    return {
-        inlineBlock: (0, _react.mergeClasses)(sparklineClassNames.inlineBlock, baseStyles.inlineBlock, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.inlineBlock),
-        valueText: (0, _react.mergeClasses)(sparklineClassNames.valueText, baseStyles.valueText, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.valueText)
-    };
-};

package/lib-commonjs/components/Sparkline/useSparklineStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Sparkline/useSparklineStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SparklineProps, SparklineStyles } from './Sparkline.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n\n/**\n * @internal\n */\nexport const sparklineClassNames: SlotClassNames<SparklineStyles> = {\n  inlineBlock: 'fui-sprk__inlineBlock',\n  valueText: 'fui-sprk__valueText',\n};\n\n/**\n * Base Styles\n */\nconst useStyles = makeStyles({\n  inlineBlock: {\n    display: 'inline',\n  },\n  valueText: {\n    ...typographyStyles.caption1,\n    fill: tokens.colorNeutralForeground1,\n    forcedColorAdjust: 'auto',\n  },\n});\n\n/**\n * Apply styling to the Carousel slots based on the state\n */\nexport const useSparklineStyles = (props: SparklineProps): SparklineStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    inlineBlock: mergeClasses(sparklineClassNames.inlineBlock, baseStyles.inlineBlock, props.styles?.inlineBlock),\n    valueText: mergeClasses(sparklineClassNames.valueText, baseStyles.valueText, props.styles?.valueText),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","sparklineClassNames","inlineBlock","valueText","useStyles","display","caption1","fill","colorNeutralForeground1","forcedColorAdjust","useSparklineStyles","props","baseStyles","styles"],"mappings":"AAAA;;;;;;;;;;;;IAUaI,mBAAAA;;;sBAsBAS;eAAAA;;;uBA9B4B,iBAAiB;4BAGjB,wBAAwB;AAK1D,4BAA6D;IAClER,aAAa;IACbC,WAAW;AACb,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYP,iBAAAA,EAAW;IAC3BK,aAAa;QACXG,SAAS;IACX;IACAF,WAAW;QACT,GAAGH,4BAAAA,CAAiBM,QAAQ;QAC5BC,MAAMR,kBAAAA,CAAOS,uBAAuB;QACpCC,mBAAmB;IACrB;AACF;AAKO,2BAA2B,CAACE;QAIoDA,eACNA;IAJ/E,MAAMC,aAAaR;IAEnB,OAAO;QACLF,aAAaJ,uBAAAA,EAAaG,oBAAoBC,WAAW,EAAEU,WAAWV,WAAW,EAAA,CAAES,gBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAcT,WAAW;QAC5GC,eAAWL,mBAAAA,EAAaG,oBAAoBE,SAAS,EAAES,WAAWT,SAAS,EAAA,CAAEQ,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcR,SAAS;IACtG;AACF,EAAE"}

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

@@ -1,274 +0,0 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "VegaDeclarativeChart", {
-    enumerable: true,
-    get: function() {
-        return VegaDeclarativeChart;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _VegaLiteSchemaAdapter = require("./VegaLiteSchemaAdapter");
-const _index = require("../Legends/index");
-const _withResponsiveContainer = require("../ResponsiveContainer/withResponsiveContainer");
-const _index1 = require("../LineChart/index");
-const _index2 = require("../VerticalBarChart/index");
-const _index3 = require("../VerticalStackedBarChart/index");
-const _index4 = require("../GroupedVerticalBarChart/index");
-const _index5 = require("../HorizontalBarChartWithAxis/index");
-const _index6 = require("../AreaChart/index");
-const _index7 = require("../ScatterChart/index");
-const _index8 = require("../DonutChart/index");
-const _index9 = require("../HeatMapChart/index");
-const _index10 = require("../PolarChart/index");
-const _VegaDeclarativeChartHooks = require("./VegaDeclarativeChartHooks");
-/**
- * Maximum allowed nesting depth for incoming JSON specs.
- * Matches the Plotly adapter's MAX_DEPTH to prevent stack overflow / memory exhaustion.
- */ const MAX_DEPTH = 15;
-/**
- * Validates that a JSON value does not exceed the maximum nesting depth.
- * Throws if the depth limit is exceeded (same behavior as Plotly's sanitizeJson).
- */ function validateJsonDepth(value, depth = 0) {
-    if (depth > MAX_DEPTH) {
-        throw new Error('VegaDeclarativeChart: Maximum JSON depth exceeded');
-    }
-    if (value !== null && typeof value === 'object') {
-        for (const key of Object.keys(value)){
-            validateJsonDepth(value[key], depth + 1);
-        }
-    }
-}
-/**
- * Check if spec is a horizontal concatenation
- */ function isHConcatSpec(spec) {
-    return !!spec.hconcat && Array.isArray(spec.hconcat) && spec.hconcat.length > 0;
-}
-/**
- * Check if spec is a vertical concatenation
- */ function isVConcatSpec(spec) {
-    return !!spec.vconcat && Array.isArray(spec.vconcat) && spec.vconcat.length > 0;
-}
-/**
- * Get grid properties for concat specs
- */ function getVegaConcatGridProperties(spec) {
-    if (isHConcatSpec(spec)) {
-        return {
-            templateRows: 'auto',
-            templateColumns: `repeat(${spec.hconcat.length}, 1fr)`,
-            isHorizontal: true,
-            specs: spec.hconcat
-        };
-    }
-    if (isVConcatSpec(spec)) {
-        return {
-            templateRows: `repeat(${spec.vconcat.length}, auto)`,
-            templateColumns: '1fr',
-            isHorizontal: false,
-            specs: spec.vconcat
-        };
-    }
-    return {
-        templateRows: '1fr',
-        templateColumns: '1fr',
-        isHorizontal: false,
-        specs: [
-            spec
-        ]
-    };
-}
-const ResponsiveLineChart = (0, _withResponsiveContainer.withResponsiveContainer)(_index1.LineChart);
-const ResponsiveVerticalBarChart = (0, _withResponsiveContainer.withResponsiveContainer)(_index2.VerticalBarChart);
-const ResponsiveVerticalStackedBarChart = (0, _withResponsiveContainer.withResponsiveContainer)(_index3.VerticalStackedBarChart);
-const ResponsiveGroupedVerticalBarChart = (0, _withResponsiveContainer.withResponsiveContainer)(_index4.GroupedVerticalBarChart);
-const ResponsiveHorizontalBarChartWithAxis = (0, _withResponsiveContainer.withResponsiveContainer)(_index5.HorizontalBarChartWithAxis);
-const ResponsiveAreaChart = (0, _withResponsiveContainer.withResponsiveContainer)(_index6.AreaChart);
-const ResponsiveScatterChart = (0, _withResponsiveContainer.withResponsiveContainer)(_index7.ScatterChart);
-const ResponsiveDonutChart = (0, _withResponsiveContainer.withResponsiveContainer)(_index8.DonutChart);
-const ResponsiveHeatMapChart = (0, _withResponsiveContainer.withResponsiveContainer)(_index9.HeatMapChart);
-const ResponsivePolarChart = (0, _withResponsiveContainer.withResponsiveContainer)(_index10.PolarChart);
-const vegaChartMap = {
-    line: {
-        transformer: _VegaLiteSchemaAdapter.transformVegaLiteToLineChartProps,
-        renderer: ResponsiveLineChart
-    },
-    bar: {
-        transformer: _VegaLiteSchemaAdapter.transformVegaLiteToVerticalBarChartProps,
-        renderer: ResponsiveVerticalBarChart
-    },
-    'stacked-bar': {
-        transformer: _VegaLiteSchemaAdapter.transformVegaLiteToVerticalStackedBarChartProps,
-        renderer: ResponsiveVerticalStackedBarChart
-    },
-    'grouped-bar': {
-        transformer: _VegaLiteSchemaAdapter.transformVegaLiteToGroupedVerticalBarChartProps,
-        renderer: ResponsiveGroupedVerticalBarChart
-    },
-    'horizontal-bar': {
-        transformer: _VegaLiteSchemaAdapter.transformVegaLiteToHorizontalBarChartProps,
-        renderer: ResponsiveHorizontalBarChartWithAxis
-    },
-    area: {
-        transformer: _VegaLiteSchemaAdapter.transformVegaLiteToAreaChartProps,
-        renderer: ResponsiveAreaChart
-    },
-    scatter: {
-        transformer: _VegaLiteSchemaAdapter.transformVegaLiteToScatterChartProps,
-        renderer: ResponsiveScatterChart
-    },
-    donut: {
-        transformer: _VegaLiteSchemaAdapter.transformVegaLiteToDonutChartProps,
-        renderer: ResponsiveDonutChart
-    },
-    heatmap: {
-        transformer: _VegaLiteSchemaAdapter.transformVegaLiteToHeatMapChartProps,
-        renderer: ResponsiveHeatMapChart
-    },
-    histogram: {
-        transformer: _VegaLiteSchemaAdapter.transformVegaLiteToHistogramProps,
-        renderer: ResponsiveVerticalBarChart
-    },
-    polar: {
-        transformer: _VegaLiteSchemaAdapter.transformVegaLiteToPolarChartProps,
-        renderer: ResponsivePolarChart
-    }
-};
-/**
- * Renders a single Vega-Lite chart spec
- */ function renderSingleChart(spec, colorMap, isDarkTheme, interactiveCommonProps) {
-    const chartType = (0, _VegaLiteSchemaAdapter.getChartType)(spec);
-    const chartConfig = vegaChartMap[chartType.type];
-    if (!chartConfig) {
-        throw new Error(`VegaDeclarativeChart: Unsupported chart type '${chartType.type}'`);
-    }
-    const { transformer, renderer: ChartRenderer } = chartConfig;
-    const chartProps = transformer(spec, colorMap, isDarkTheme);
-    // For hconcat/vconcat sub-charts, hide per-chart legends (shared legend rendered separately)
-    if (spec._hideLegend) {
-        chartProps.hideLegend = true;
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    return /*#__PURE__*/ _react.createElement(ChartRenderer, {
-        ...chartProps,
-        ...interactiveCommonProps
-    });
-}
-const VegaDeclarativeChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
-    const { vegaLiteSpec, selectedLegends = [] } = props.chartSchema;
-    if (!vegaLiteSpec) {
-        throw new Error('VegaDeclarativeChart: vegaLiteSpec is required in chartSchema');
-    }
-    // Guard against excessively deep JSON specs that could cause stack overflow / memory exhaustion
-    validateJsonDepth(vegaLiteSpec);
-    const colorMap = (0, _VegaDeclarativeChartHooks.useColorMapping)();
-    const isDarkTheme = (0, _VegaDeclarativeChartHooks.useIsDarkTheme)();
-    const chartRef = _react.useRef(null);
-    const [activeLegends, setActiveLegends] = _react.useState(selectedLegends);
-    const onActiveLegendsChange = (keys)=>{
-        setActiveLegends(keys);
-        if (props.onSchemaChange) {
-            props.onSchemaChange({
-                vegaLiteSpec,
-                selectedLegends: keys
-            });
-        }
-    };
-    _react.useEffect(()=>{
-        var _props_chartSchema_selectedLegends;
-        setActiveLegends((_props_chartSchema_selectedLegends = props.chartSchema.selectedLegends) !== null && _props_chartSchema_selectedLegends !== void 0 ? _props_chartSchema_selectedLegends : []);
-    }, [
-        props.chartSchema.selectedLegends
-    ]);
-    const multiSelectLegendProps = {
-        canSelectMultipleLegends: true,
-        onChange: onActiveLegendsChange,
-        selectedLegends: activeLegends
-    };
-    const interactiveCommonProps = {
-        componentRef: chartRef,
-        legendProps: multiSelectLegendProps
-    };
-    try {
-        // Check if this is a concat spec (multiple charts side-by-side or stacked)
-        if (isHConcatSpec(vegaLiteSpec) || isVConcatSpec(vegaLiteSpec)) {
-            const gridProps = getVegaConcatGridProperties(vegaLiteSpec);
-            // Build shared legend from the first sub-chart's color encoding
-            const firstSubSpec = {
-                ...gridProps.specs[0],
-                data: gridProps.specs[0].data || vegaLiteSpec.data,
-                encoding: {
-                    ...vegaLiteSpec.encoding || {},
-                    ...gridProps.specs[0].encoding || {}
-                }
-            };
-            const sharedLegendProps = (0, _VegaLiteSchemaAdapter.getVegaLiteLegendsProps)(firstSubSpec, colorMap, isDarkTheme);
-            return /*#__PURE__*/ _react.createElement("div", {
-                ref: forwardedRef,
-                className: props.className,
-                style: props.style
-            }, /*#__PURE__*/ _react.createElement("div", {
-                style: {
-                    display: 'grid',
-                    gridTemplateRows: gridProps.templateRows,
-                    gridTemplateColumns: gridProps.templateColumns,
-                    gap: '16px'
-                }
-            }, gridProps.specs.map((subSpec, index)=>{
-                // Compute default height for sub-charts
-                const defaultSubHeight = typeof vegaLiteSpec.height === 'number' ? vegaLiteSpec.height : typeof subSpec.height === 'number' ? subSpec.height : 300;
-                const mergedSpec = {
-                    ...subSpec,
-                    data: subSpec.data || vegaLiteSpec.data,
-                    encoding: {
-                        ...vegaLiteSpec.encoding || {},
-                        ...subSpec.encoding || {}
-                    },
-                    height: typeof subSpec.height === 'number' ? subSpec.height : defaultSubHeight,
-                    // Hide legends on ALL sub-charts — shared legend is rendered below
-                    _hideLegend: true
-                };
-                const cellRow = gridProps.isHorizontal ? 1 : index + 1;
-                const cellColumn = gridProps.isHorizontal ? index + 1 : 1;
-                return /*#__PURE__*/ _react.createElement("div", {
-                    key: `chart_${index}`,
-                    style: {
-                        gridRowStart: cellRow,
-                        gridRowEnd: cellRow + 1,
-                        gridColumnStart: cellColumn,
-                        gridColumnEnd: cellColumn + 1,
-                        minWidth: 0
-                    }
-                }, renderSingleChart(mergedSpec, colorMap, isDarkTheme, interactiveCommonProps));
-            })), sharedLegendProps.legends.length > 0 && /*#__PURE__*/ _react.createElement(_index.Legends, {
-                ...sharedLegendProps,
-                ...multiSelectLegendProps
-            }));
-        }
-        // Check if this is a layered spec (composite chart)
-        if (vegaLiteSpec.layer && vegaLiteSpec.layer.length > 1) {
-            // Check if it's a supported bar+line combo
-            const marks = vegaLiteSpec.layer.map((layer)=>(0, _VegaLiteSchemaAdapter.getMarkType)(layer.mark));
-            const hasBar = marks.includes('bar');
-            const hasLine = marks.includes('line') || marks.includes('point');
-            const isBarLineCombo = hasBar && hasLine;
-            // Only warn for unsupported layered specs
-            if (!isBarLineCombo) {
-            // Layered specifications with multiple chart types are not fully supported.
-            // Only the first layer will be rendered.
-            }
-        }
-        // Render single chart
-        const chartComponent = renderSingleChart(vegaLiteSpec, colorMap, isDarkTheme, interactiveCommonProps);
-        return /*#__PURE__*/ _react.createElement("div", {
-            ref: forwardedRef,
-            className: props.className,
-            style: props.style
-        }, chartComponent);
-    } catch (error) {
-        throw new Error(`Failed to transform Vega-Lite spec: ${error}`);
-    }
-});
-VegaDeclarativeChart.displayName = 'VegaDeclarativeChart';

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/VegaDeclarativeChart/VegaDeclarativeChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  transformVegaLiteToLineChartProps,\n  transformVegaLiteToVerticalBarChartProps,\n  transformVegaLiteToVerticalStackedBarChartProps,\n  transformVegaLiteToGroupedVerticalBarChartProps,\n  transformVegaLiteToHorizontalBarChartProps,\n  transformVegaLiteToAreaChartProps,\n  transformVegaLiteToScatterChartProps,\n  transformVegaLiteToDonutChartProps,\n  transformVegaLiteToHeatMapChartProps,\n  transformVegaLiteToHistogramProps,\n  transformVegaLiteToPolarChartProps,\n  getChartType,\n  getMarkType,\n  getVegaLiteLegendsProps,\n} from './VegaLiteSchemaAdapter';\nimport type { VegaLiteUnitSpec, VegaLiteSpec } from './VegaLiteTypes';\nimport { Legends } from '../Legends/index';\nimport { withResponsiveContainer } from '../ResponsiveContainer/withResponsiveContainer';\nimport { LineChart } from '../LineChart/index';\nimport { VerticalBarChart } from '../VerticalBarChart/index';\nimport { VerticalStackedBarChart } from '../VerticalStackedBarChart/index';\nimport { GroupedVerticalBarChart } from '../GroupedVerticalBarChart/index';\nimport { HorizontalBarChartWithAxis } from '../HorizontalBarChartWithAxis/index';\nimport { AreaChart } from '../AreaChart/index';\nimport { ScatterChart } from '../ScatterChart/index';\nimport { DonutChart } from '../DonutChart/index';\nimport { HeatMapChart } from '../HeatMapChart/index';\nimport { PolarChart } from '../PolarChart/index';\nimport { useIsDarkTheme, useColorMapping } from './VegaDeclarativeChartHooks';\nimport type { Chart } from '../../types/index';\n\n// Re-export the typed VegaLiteSpec for public API\nexport type { VegaLiteSpec } from './VegaLiteTypes';\n\n/**\n * Maximum allowed nesting depth for incoming JSON specs.\n * Matches the Plotly adapter's MAX_DEPTH to prevent stack overflow / memory exhaustion.\n */\nconst MAX_DEPTH = 15;\n\n/**\n * Validates that a JSON value does not exceed the maximum nesting depth.\n * Throws if the depth limit is exceeded (same behavior as Plotly's sanitizeJson).\n */\nfunction validateJsonDepth(value: unknown, depth: number = 0): void {\n  if (depth > MAX_DEPTH) {\n    throw new Error('VegaDeclarativeChart: Maximum JSON depth exceeded');\n  }\n  if (value !== null && typeof value === 'object') {\n    for (const key of Object.keys(value as Record<string, unknown>)) {\n      validateJsonDepth((value as Record<string, unknown>)[key], depth + 1);\n    }\n  }\n}\n\n/**\n * Schema for VegaDeclarativeChart component\n */\nexport interface VegaSchema {\n  /**\n   * Vega-Lite specification\n   *\n   * @see https://vega.github.io/vega-lite/docs/spec.html\n   */\n  vegaLiteSpec: VegaLiteSpec;\n\n  /**\n   * Selected legends for filtering\n   */\n  selectedLegends?: string[];\n}\n\n/**\n * Props for VegaDeclarativeChart component\n */\nexport interface VegaDeclarativeChartProps {\n  /**\n   * Vega-Lite chart schema\n   */\n  chartSchema: VegaSchema;\n\n  /**\n   * Callback when schema changes (e.g., legend selection)\n   */\n  onSchemaChange?: (newSchema: VegaSchema) => void;\n\n  /**\n   * Additional CSS class name\n   */\n  className?: string;\n\n  /**\n   * Additional inline styles\n   */\n  style?: React.CSSProperties;\n}\n\n/**\n * Check if spec is a horizontal concatenation\n */\nfunction isHConcatSpec(spec: VegaLiteSpec): boolean {\n  return !!spec.hconcat && Array.isArray(spec.hconcat) && spec.hconcat.length > 0;\n}\n\n/**\n * Check if spec is a vertical concatenation\n */\nfunction isVConcatSpec(spec: VegaLiteSpec): boolean {\n  return !!spec.vconcat && Array.isArray(spec.vconcat) && spec.vconcat.length > 0;\n}\n\n/**\n * Get grid properties for concat specs\n */\nfunction getVegaConcatGridProperties(spec: VegaLiteSpec): {\n  templateRows: string;\n  templateColumns: string;\n  isHorizontal: boolean;\n  specs: VegaLiteSpec[];\n} {\n  if (isHConcatSpec(spec)) {\n    return {\n      templateRows: 'auto',\n      templateColumns: `repeat(${spec.hconcat!.length}, 1fr)`,\n      isHorizontal: true,\n      specs: spec.hconcat!,\n    };\n  }\n\n  if (isVConcatSpec(spec)) {\n    return {\n      templateRows: `repeat(${spec.vconcat!.length}, auto)`,\n      templateColumns: '1fr',\n      isHorizontal: false,\n      specs: spec.vconcat!,\n    };\n  }\n\n  return {\n    templateRows: '1fr',\n    templateColumns: '1fr',\n    isHorizontal: false,\n    specs: [spec],\n  };\n}\n\nconst ResponsiveLineChart = withResponsiveContainer(LineChart);\nconst ResponsiveVerticalBarChart = withResponsiveContainer(VerticalBarChart);\nconst ResponsiveVerticalStackedBarChart = withResponsiveContainer(VerticalStackedBarChart);\nconst ResponsiveGroupedVerticalBarChart = withResponsiveContainer(GroupedVerticalBarChart);\nconst ResponsiveHorizontalBarChartWithAxis = withResponsiveContainer(HorizontalBarChartWithAxis);\nconst ResponsiveAreaChart = withResponsiveContainer(AreaChart);\nconst ResponsiveScatterChart = withResponsiveContainer(ScatterChart);\nconst ResponsiveDonutChart = withResponsiveContainer(DonutChart);\nconst ResponsiveHeatMapChart = withResponsiveContainer(HeatMapChart);\nconst ResponsivePolarChart = withResponsiveContainer(PolarChart);\n\n/**\n * Chart type mapping with transformers and renderers\n * Follows the factory functor pattern from PlotlyDeclarativeChart\n */\ntype VegaChartTypeMap = {\n  line: { transformer: typeof transformVegaLiteToLineChartProps; renderer: typeof ResponsiveLineChart };\n  bar: { transformer: typeof transformVegaLiteToVerticalBarChartProps; renderer: typeof ResponsiveVerticalBarChart };\n  'stacked-bar': {\n    transformer: typeof transformVegaLiteToVerticalStackedBarChartProps;\n    renderer: typeof ResponsiveVerticalStackedBarChart;\n  };\n  'grouped-bar': {\n    transformer: typeof transformVegaLiteToGroupedVerticalBarChartProps;\n    renderer: typeof ResponsiveGroupedVerticalBarChart;\n  };\n  'horizontal-bar': {\n    transformer: typeof transformVegaLiteToHorizontalBarChartProps;\n    renderer: typeof ResponsiveHorizontalBarChartWithAxis;\n  };\n  area: { transformer: typeof transformVegaLiteToAreaChartProps; renderer: typeof ResponsiveAreaChart };\n  scatter: { transformer: typeof transformVegaLiteToScatterChartProps; renderer: typeof ResponsiveScatterChart };\n  donut: { transformer: typeof transformVegaLiteToDonutChartProps; renderer: typeof ResponsiveDonutChart };\n  heatmap: { transformer: typeof transformVegaLiteToHeatMapChartProps; renderer: typeof ResponsiveHeatMapChart };\n  histogram: { transformer: typeof transformVegaLiteToHistogramProps; renderer: typeof ResponsiveVerticalBarChart };\n  polar: { transformer: typeof transformVegaLiteToPolarChartProps; renderer: typeof ResponsivePolarChart };\n};\n\nconst vegaChartMap: VegaChartTypeMap = {\n  line: { transformer: transformVegaLiteToLineChartProps, renderer: ResponsiveLineChart },\n  bar: { transformer: transformVegaLiteToVerticalBarChartProps, renderer: ResponsiveVerticalBarChart },\n  'stacked-bar': {\n    transformer: transformVegaLiteToVerticalStackedBarChartProps,\n    renderer: ResponsiveVerticalStackedBarChart,\n  },\n  'grouped-bar': {\n    transformer: transformVegaLiteToGroupedVerticalBarChartProps,\n    renderer: ResponsiveGroupedVerticalBarChart,\n  },\n  'horizontal-bar': {\n    transformer: transformVegaLiteToHorizontalBarChartProps,\n    renderer: ResponsiveHorizontalBarChartWithAxis,\n  },\n  area: { transformer: transformVegaLiteToAreaChartProps, renderer: ResponsiveAreaChart },\n  scatter: { transformer: transformVegaLiteToScatterChartProps, renderer: ResponsiveScatterChart },\n  donut: { transformer: transformVegaLiteToDonutChartProps, renderer: ResponsiveDonutChart },\n  heatmap: { transformer: transformVegaLiteToHeatMapChartProps, renderer: ResponsiveHeatMapChart },\n  histogram: { transformer: transformVegaLiteToHistogramProps, renderer: ResponsiveVerticalBarChart },\n  polar: { transformer: transformVegaLiteToPolarChartProps, renderer: ResponsivePolarChart },\n};\n\ninterface MultiSelectLegendProps {\n  canSelectMultipleLegends: boolean;\n  onChange: (keys: string[]) => void;\n  selectedLegends: string[];\n}\n\n/**\n * Renders a single Vega-Lite chart spec\n */\nfunction renderSingleChart(\n  spec: VegaLiteSpec,\n  colorMap: React.RefObject<Map<string, string>>,\n  isDarkTheme: boolean,\n  interactiveCommonProps: { componentRef: React.RefObject<Chart | null>; legendProps: MultiSelectLegendProps },\n): React.ReactElement {\n  const chartType = getChartType(spec);\n  const chartConfig = vegaChartMap[chartType.type];\n\n  if (!chartConfig) {\n    throw new Error(`VegaDeclarativeChart: Unsupported chart type '${chartType.type}'`);\n  }\n\n  const { transformer, renderer: ChartRenderer } = chartConfig;\n  const chartProps = transformer(spec, colorMap, isDarkTheme) as Record<string, unknown>;\n\n  // For hconcat/vconcat sub-charts, hide per-chart legends (shared legend rendered separately)\n  if ((spec as Record<string, unknown>)._hideLegend) {\n    chartProps.hideLegend = true;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return <ChartRenderer {...(chartProps as any)} {...interactiveCommonProps} />;\n}\n\n/**\n * VegaDeclarativeChart - Render Vega-Lite specifications with Fluent UI styling\n *\n * Supported chart types:\n * - Line charts: mark: 'line' or 'point'\n * - Area charts: mark: 'area'\n * - Scatter charts: mark: 'point', 'circle', or 'square'\n * - Vertical bar charts: mark: 'bar' with nominal/ordinal x-axis\n * - Stacked bar charts: mark: 'bar' with color encoding\n * - Grouped bar charts: mark: 'bar' with color encoding (via configuration)\n * - Horizontal bar charts: mark: 'bar' with nominal/ordinal y-axis\n * - Donut/Pie charts: mark: 'arc' with theta encoding\n * - Heatmaps: mark: 'rect' with x, y, and color (quantitative) encodings\n * - Combo charts: Layered specs with bar + line marks render as VerticalStackedBarChart with line overlays\n *\n * Multi-plot Support:\n * - Horizontal concatenation (hconcat): Multiple charts side-by-side\n * - Vertical concatenation (vconcat): Multiple charts stacked vertically\n * - Shared data and encoding are merged from parent spec to each subplot\n *\n * Limitations:\n * - Most layered specifications (multiple chart types) are not fully supported\n * - Bar + Line combinations ARE supported and will render properly\n * - For other composite charts, only the first layer will be rendered\n * - Faceting and repeat operators are not yet supported\n * - Funnel charts are not a native Vega-Lite mark type. The conversion_funnel.json example\n *   uses a horizontal bar chart (y: nominal, x: quantitative) which is the standard way to\n *   represent funnel data in Vega-Lite. For specialized funnel visualizations with tapering\n *   shapes, consider using Plotly's native funnel chart type instead.\n *\n * Note: Sankey, Gantt, and Gauge charts are not standard Vega-Lite marks.\n * These specialized visualizations would require custom extensions or alternative approaches.\n *\n * @example Line Chart\n * ```tsx\n * import { VegaDeclarativeChart } from '@fluentui/react-charts';\n *\n * const spec = {\n *   mark: 'line',\n *   data: { values: [{ x: 1, y: 10 }, { x: 2, y: 20 }] },\n *   encoding: {\n *     x: { field: 'x', type: 'quantitative' },\n *     y: { field: 'y', type: 'quantitative' }\n *   }\n * };\n *\n * <VegaDeclarativeChart chartSchema={{ vegaLiteSpec: spec }} />\n * ```\n *\n * @example Area Chart\n * ```tsx\n * const areaSpec = {\n *   mark: 'area',\n *   data: { values: [{ date: '2023-01', value: 100 }, { date: '2023-02', value: 150 }] },\n *   encoding: {\n *     x: { field: 'date', type: 'temporal' },\n *     y: { field: 'value', type: 'quantitative' }\n *   }\n * };\n *\n * <VegaDeclarativeChart chartSchema={{ vegaLiteSpec: areaSpec }} />\n * ```\n *\n * @example Scatter Chart\n * ```tsx\n * const scatterSpec = {\n *   mark: 'point',\n *   data: { values: [{ x: 10, y: 20, size: 100 }, { x: 15, y: 30, size: 200 }] },\n *   encoding: {\n *     x: { field: 'x', type: 'quantitative' },\n *     y: { field: 'y', type: 'quantitative' },\n *     size: { field: 'size', type: 'quantitative' }\n *   }\n * };\n *\n * <VegaDeclarativeChart chartSchema={{ vegaLiteSpec: scatterSpec }} />\n * ```\n *\n * @example Vertical Bar Chart\n * ```tsx\n * const barSpec = {\n *   mark: 'bar',\n *   data: { values: [{ cat: 'A', val: 28 }, { cat: 'B', val: 55 }] },\n *   encoding: {\n *     x: { field: 'cat', type: 'nominal' },\n *     y: { field: 'val', type: 'quantitative' }\n *   }\n * };\n *\n * <VegaDeclarativeChart chartSchema={{ vegaLiteSpec: barSpec }} />\n * ```\n *\n * @example Stacked Bar Chart\n * ```tsx\n * const stackedSpec = {\n *   mark: 'bar',\n *   data: { values: [\n *     { cat: 'A', group: 'G1', val: 28 },\n *     { cat: 'A', group: 'G2', val: 15 }\n *   ]},\n *   encoding: {\n *     x: { field: 'cat', type: 'nominal' },\n *     y: { field: 'val', type: 'quantitative' },\n *     color: { field: 'group', type: 'nominal' }\n *   }\n * };\n *\n * <VegaDeclarativeChart chartSchema={{ vegaLiteSpec: stackedSpec }} />\n * ```\n *\n * @example Donut Chart\n * ```tsx\n * const donutSpec = {\n *   mark: 'arc',\n *   data: { values: [{ category: 'A', value: 30 }, { category: 'B', value: 70 }] },\n *   encoding: {\n *     theta: { field: 'value', type: 'quantitative' },\n *     color: { field: 'category', type: 'nominal' }\n *   }\n * };\n *\n * <VegaDeclarativeChart chartSchema={{ vegaLiteSpec: donutSpec }} />\n * ```\n *\n * @example Heatmap\n * ```tsx\n * const heatmapSpec = {\n *   mark: 'rect',\n *   data: { values: [\n *     { x: 'A', y: 'Mon', value: 28 },\n *     { x: 'B', y: 'Mon', value: 55 },\n *     { x: 'A', y: 'Tue', value: 43 }\n *   ]},\n *   encoding: {\n *     x: { field: 'x', type: 'nominal' },\n *     y: { field: 'y', type: 'nominal' },\n *     color: { field: 'value', type: 'quantitative' }\n *   }\n * };\n *\n * <VegaDeclarativeChart chartSchema={{ vegaLiteSpec: heatmapSpec }} />\n * ```\n */\nexport const VegaDeclarativeChart = React.forwardRef<HTMLDivElement, VegaDeclarativeChartProps>(\n  (props, forwardedRef) => {\n    const { vegaLiteSpec, selectedLegends = [] } = props.chartSchema;\n\n    if (!vegaLiteSpec) {\n      throw new Error('VegaDeclarativeChart: vegaLiteSpec is required in chartSchema');\n    }\n\n    // Guard against excessively deep JSON specs that could cause stack overflow / memory exhaustion\n    validateJsonDepth(vegaLiteSpec);\n\n    const colorMap = useColorMapping();\n    const isDarkTheme = useIsDarkTheme();\n    const chartRef = React.useRef<Chart>(null);\n\n    const [activeLegends, setActiveLegends] = React.useState<string[]>(selectedLegends);\n\n    const onActiveLegendsChange = (keys: string[]) => {\n      setActiveLegends(keys);\n      if (props.onSchemaChange) {\n        props.onSchemaChange({ vegaLiteSpec, selectedLegends: keys });\n      }\n    };\n\n    React.useEffect(() => {\n      setActiveLegends(props.chartSchema.selectedLegends ?? []);\n    }, [props.chartSchema.selectedLegends]);\n\n    const multiSelectLegendProps = {\n      canSelectMultipleLegends: true,\n      onChange: onActiveLegendsChange,\n      selectedLegends: activeLegends,\n    };\n\n    const interactiveCommonProps = {\n      componentRef: chartRef,\n      legendProps: multiSelectLegendProps,\n    };\n\n    try {\n      // Check if this is a concat spec (multiple charts side-by-side or stacked)\n      if (isHConcatSpec(vegaLiteSpec) || isVConcatSpec(vegaLiteSpec)) {\n        const gridProps = getVegaConcatGridProperties(vegaLiteSpec);\n\n        // Build shared legend from the first sub-chart's color encoding\n        const firstSubSpec = {\n          ...gridProps.specs[0],\n          data: gridProps.specs[0].data || vegaLiteSpec.data,\n          encoding: {\n            ...(vegaLiteSpec.encoding || {}),\n            ...(gridProps.specs[0].encoding || {}),\n          },\n        };\n        const sharedLegendProps = getVegaLiteLegendsProps(firstSubSpec, colorMap, isDarkTheme);\n\n        return (\n          <div ref={forwardedRef} className={props.className} style={props.style}>\n            <div\n              style={{\n                display: 'grid',\n                gridTemplateRows: gridProps.templateRows,\n                gridTemplateColumns: gridProps.templateColumns,\n                gap: '16px',\n              }}\n            >\n              {gridProps.specs.map((subSpec: VegaLiteSpec, index: number) => {\n                // Compute default height for sub-charts\n                const defaultSubHeight =\n                  typeof vegaLiteSpec.height === 'number'\n                    ? vegaLiteSpec.height\n                    : typeof subSpec.height === 'number'\n                    ? subSpec.height\n                    : 300;\n\n                const mergedSpec = {\n                  ...subSpec,\n                  data: subSpec.data || vegaLiteSpec.data,\n                  encoding: {\n                    ...(vegaLiteSpec.encoding || {}),\n                    ...(subSpec.encoding || {}),\n                  },\n                  height: typeof subSpec.height === 'number' ? subSpec.height : defaultSubHeight,\n                  // Hide legends on ALL sub-charts — shared legend is rendered below\n                  _hideLegend: true,\n                };\n\n                const cellRow = gridProps.isHorizontal ? 1 : index + 1;\n                const cellColumn = gridProps.isHorizontal ? index + 1 : 1;\n\n                return (\n                  <div\n                    key={`chart_${index}`}\n                    style={{\n                      gridRowStart: cellRow,\n                      gridRowEnd: cellRow + 1,\n                      gridColumnStart: cellColumn,\n                      gridColumnEnd: cellColumn + 1,\n                      minWidth: 0,\n                    }}\n                  >\n                    {renderSingleChart(mergedSpec, colorMap, isDarkTheme, interactiveCommonProps)}\n                  </div>\n                );\n              })}\n            </div>\n            {sharedLegendProps.legends.length > 0 && <Legends {...sharedLegendProps} {...multiSelectLegendProps} />}\n          </div>\n        );\n      }\n\n      // Check if this is a layered spec (composite chart)\n      if (vegaLiteSpec.layer && vegaLiteSpec.layer.length > 1) {\n        // Check if it's a supported bar+line combo\n        const marks = vegaLiteSpec.layer.map((layer: VegaLiteUnitSpec) => getMarkType(layer.mark));\n        const hasBar = marks.includes('bar');\n        const hasLine = marks.includes('line') || marks.includes('point');\n        const isBarLineCombo = hasBar && hasLine;\n\n        // Only warn for unsupported layered specs\n        if (!isBarLineCombo) {\n          // Layered specifications with multiple chart types are not fully supported.\n          // Only the first layer will be rendered.\n        }\n      }\n\n      // Render single chart\n      const chartComponent = renderSingleChart(vegaLiteSpec, colorMap, isDarkTheme, interactiveCommonProps);\n\n      return (\n        <div ref={forwardedRef} className={props.className} style={props.style}>\n          {chartComponent}\n        </div>\n      );\n    } catch (error) {\n      throw new Error(`Failed to transform Vega-Lite spec: ${error}`);\n    }\n  },\n);\n\nVegaDeclarativeChart.displayName = 'VegaDeclarativeChart';\n"],"names":["React","transformVegaLiteToLineChartProps","transformVegaLiteToVerticalBarChartProps","transformVegaLiteToVerticalStackedBarChartProps","transformVegaLiteToGroupedVerticalBarChartProps","transformVegaLiteToHorizontalBarChartProps","transformVegaLiteToAreaChartProps","transformVegaLiteToScatterChartProps","transformVegaLiteToDonutChartProps","transformVegaLiteToHeatMapChartProps","transformVegaLiteToHistogramProps","transformVegaLiteToPolarChartProps","getChartType","getMarkType","getVegaLiteLegendsProps","Legends","withResponsiveContainer","LineChart","VerticalBarChart","VerticalStackedBarChart","GroupedVerticalBarChart","HorizontalBarChartWithAxis","AreaChart","ScatterChart","DonutChart","HeatMapChart","PolarChart","useIsDarkTheme","useColorMapping","MAX_DEPTH","validateJsonDepth","value","depth","Error","key","Object","keys","isHConcatSpec","spec","hconcat","Array","isArray","length","isVConcatSpec","vconcat","getVegaConcatGridProperties","templateRows","templateColumns","isHorizontal","specs","ResponsiveLineChart","ResponsiveVerticalBarChart","ResponsiveVerticalStackedBarChart","ResponsiveGroupedVerticalBarChart","ResponsiveHorizontalBarChartWithAxis","ResponsiveAreaChart","ResponsiveScatterChart","ResponsiveDonutChart","ResponsiveHeatMapChart","ResponsivePolarChart","vegaChartMap","line","transformer","renderer","bar","area","scatter","donut","heatmap","histogram","polar","renderSingleChart","colorMap","isDarkTheme","interactiveCommonProps","chartType","chartConfig","type","ChartRenderer","chartProps","_hideLegend","hideLegend","VegaDeclarativeChart","forwardRef","props","forwardedRef","vegaLiteSpec","selectedLegends","chartSchema","chartRef","useRef","activeLegends","setActiveLegends","useState","onActiveLegendsChange","onSchemaChange","useEffect","multiSelectLegendProps","canSelectMultipleLegends","onChange","componentRef","legendProps","gridProps","firstSubSpec","data","encoding","sharedLegendProps","div","ref","className","style","display","gridTemplateRows","gridTemplateColumns","gap","map","subSpec","index","defaultSubHeight","height","mergedSpec","cellRow","cellColumn","gridRowStart","gridRowEnd","gridColumnStart","gridColumnEnd","minWidth","legends","layer","marks","mark","hasBar","includes","hasLine","isBarLineCombo","chartComponent","error","displayName"],"mappings":"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"}

package/lib-commonjs/components/VegaDeclarativeChart/VegaDeclarativeChartHooks.js

@@ -1,35 +0,0 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    useColorMapping: function() {
-        return useColorMapping;
-    },
-    useIsDarkTheme: function() {
-        return useIsDarkTheme;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
-const _tokens = require("@fluentui/tokens");
-const _d3color = require("d3-color");
-function useIsDarkTheme() {
-    const parentV9Theme = _react.useContext(_reactsharedcontexts.ThemeContext_unstable);
-    const v9Theme = parentV9Theme ? parentV9Theme : _tokens.webLightTheme;
-    const backgroundColor = (0, _d3color.hsl)(v9Theme.colorNeutralBackground1);
-    const foregroundColor = (0, _d3color.hsl)(v9Theme.colorNeutralForeground1);
-    const isDarkTheme = backgroundColor.l < foregroundColor.l;
-    return isDarkTheme;
-}
-function useColorMapping() {
-    return _react.useRef(new Map());
-}

package/lib-commonjs/components/VegaDeclarativeChart/VegaDeclarativeChartHooks.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/VegaDeclarativeChart/VegaDeclarativeChartHooks.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ThemeContext_unstable as V9ThemeContext } from '@fluentui/react-shared-contexts';\nimport type { Theme } from '@fluentui/tokens';\nimport { webLightTheme } from '@fluentui/tokens';\nimport { hsl as d3Hsl } from 'd3-color';\n\n/**\n * Hook to determine if dark theme is active based on background/foreground luminance\n */\nexport function useIsDarkTheme(): boolean {\n  const parentV9Theme = React.useContext(V9ThemeContext) as Theme;\n  const v9Theme: Theme = parentV9Theme ? parentV9Theme : webLightTheme;\n\n  const backgroundColor = d3Hsl(v9Theme.colorNeutralBackground1);\n  const foregroundColor = d3Hsl(v9Theme.colorNeutralForeground1);\n\n  const isDarkTheme = backgroundColor.l < foregroundColor.l;\n\n  return isDarkTheme;\n}\n\n/**\n * Hook for color mapping across charts - maintains persistent color assignments\n */\nexport function useColorMapping(): React.RefObject<Map<string, string>> {\n  return React.useRef<Map<string, string>>(new Map());\n}\n"],"names":["React","ThemeContext_unstable","V9ThemeContext","webLightTheme","hsl","d3Hsl","useIsDarkTheme","parentV9Theme","useContext","v9Theme","backgroundColor","colorNeutralBackground1","foregroundColor","colorNeutralForeground1","isDarkTheme","l","useColorMapping","useRef","Map"],"mappings":"AAAA;;;;;;;;;;;;IA0BgBgB,eAAAA;;;kBAfAV;;;;;iEATO,QAAQ;qCACyB,kCAAkC;wBAE5D,mBAAmB;yBACpB,WAAW;AAKjC,SAASA;IACd,MAAMC,gBAAgBP,OAAMQ,UAAU,CAACN,0CAAAA;IACvC,MAAMO,UAAiBF,gBAAgBA,gBAAgBJ,qBAAAA;IAEvD,MAAMO,sBAAkBL,YAAAA,EAAMI,QAAQE,uBAAuB;IAC7D,MAAMC,sBAAkBP,YAAAA,EAAMI,QAAQI,uBAAuB;IAE7D,MAAMC,cAAcJ,gBAAgBK,CAAC,GAAGH,gBAAgBG,CAAC;IAEzD,OAAOD;AACT;AAKO;IACL,OAAOd,OAAMiB,MAAM,CAAsB,IAAIC;AAC/C"}