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

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

@@ -1,412 +0,0 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FunnelChart", {
-    enumerable: true,
-    get: function() {
-        return FunnelChart;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _reactutilities = require("@fluentui/react-utilities");
-const _index = require("../../utilities/index");
-const _index1 = require("../Legends/index");
-const _reacttabster = require("@fluentui/react-tabster");
-const _ChartPopover = require("../CommonComponents/ChartPopover");
-const _chartutilities = require("@fluentui/chart-utilities");
-const _colors = require("../../utilities/colors");
-const _useFunnelChartStylesstyles = require("./useFunnelChartStyles.styles");
-const _funnelGeometry = require("./funnelGeometry");
-const _hooks = require("../../utilities/hooks");
-const FunnelChart = /*#__PURE__*/ _react.forwardRef(({ orientation = 'vertical', ...restProps }, forwardedRef)=>{
-    var _props_legendProps, _props_titleStyles_titleFont, _props_titleStyles;
-    const props = {
-        orientation,
-        ...restProps
-    };
-    const _emptyChartId = (0, _reactutilities.useId)('_FunnelChart_empty');
-    const isRTL = (0, _index.useRtl)();
-    const [hoveredStage, setHoveredStage] = _react.useState(null);
-    const [calloutData, setCalloutData] = _react.useState(null);
-    const [selectedLegends, setSelectedLegends] = _react.useState([]);
-    const [isPopoverOpen, setPopoverOpen] = _react.useState(false);
-    const [refSelected, setRefSelected] = _react.useState(null);
-    const isStacked = isStackedFunnelData(props.data);
-    const { chartContainerRef, legendsRef: _legendsRef } = (0, _hooks.useImageExport)(props.componentRef, props.hideLegend, false);
-    _react.useEffect(()=>{
-        var _props_legendProps;
-        if ((_props_legendProps = props.legendProps) === null || _props_legendProps === void 0 ? void 0 : _props_legendProps.selectedLegends) {
-            setSelectedLegends(props.legendProps.selectedLegends);
-        }
-    }, [
-        (_props_legendProps = props.legendProps) === null || _props_legendProps === void 0 ? void 0 : _props_legendProps.selectedLegends
-    ]);
-    function _handleHover(data, mouseEvent, targetElement) {
-        mouseEvent === null || mouseEvent === void 0 ? void 0 : mouseEvent.persist();
-        setCalloutData(data);
-        setRefSelected(targetElement);
-        setPopoverOpen(true);
-    }
-    function _handleFocus(data, focusEvent, targetElement) {
-        focusEvent === null || focusEvent === void 0 ? void 0 : focusEvent.persist();
-        setCalloutData(data);
-        setRefSelected(targetElement);
-        setPopoverOpen(true);
-    }
-    function _handleStackedHover(stage, subValue, mouseEvent, targetElement) {
-        mouseEvent === null || mouseEvent === void 0 ? void 0 : mouseEvent.persist();
-        setCalloutData({
-            stage,
-            value: subValue.value,
-            color: subValue.color,
-            category: subValue.category
-        });
-        setRefSelected(targetElement);
-        setPopoverOpen(true);
-    }
-    function _handleStackedFocus(stage, subValue, focusEvent, targetElement) {
-        focusEvent === null || focusEvent === void 0 ? void 0 : focusEvent.persist();
-        setCalloutData({
-            stage,
-            value: subValue.value,
-            color: subValue.color,
-            category: subValue.category
-        });
-        setRefSelected(targetElement);
-        setPopoverOpen(true);
-    }
-    function _handleMouseOut() {
-        setHoveredStage(null);
-        setPopoverOpen(false);
-        setCalloutData(null);
-    }
-    function _onLegendSelectionChange(legendsSelected, event, currentLegend) {
-        var _props_legendProps, _props_legendProps1;
-        if ((_props_legendProps = props.legendProps) === null || _props_legendProps === void 0 ? void 0 : _props_legendProps.canSelectMultipleLegends) {
-            setSelectedLegends(legendsSelected);
-        } else {
-            setSelectedLegends(legendsSelected.slice(-1));
-        }
-        if ((_props_legendProps1 = props.legendProps) === null || _props_legendProps1 === void 0 ? void 0 : _props_legendProps1.onChange) {
-            props.legendProps.onChange(legendsSelected, event, currentLegend);
-        }
-    }
-    const _onLegendSelectionChangeCallback = _react.useCallback(_onLegendSelectionChange, [
-        props.legendProps
-    ]);
-    function getHighlightedLegend() {
-        return selectedLegends.length > 0 ? selectedLegends : hoveredStage ? [
-            hoveredStage
-        ] : [];
-    }
-    function legendHighlighted(legend) {
-        return getHighlightedLegend().includes(legend);
-    }
-    function noLegendHighlighted() {
-        return getHighlightedLegend().length === 0;
-    }
-    function _getAriaLabel(data) {
-        if ('subValue' in data) {
-            // Stacked funnel segment
-            const formattedValue = (0, _chartutilities.formatToLocaleString)(data.subValue.value.toString(), props.culture);
-            return `${data.stage}, ${data.subValue.category}, ${formattedValue}.`;
-        } else {
-            var _data_value;
-            // Non-stacked funnel segment
-            const formattedValue = (0, _chartutilities.formatToLocaleString)(((_data_value = data.value) !== null && _data_value !== void 0 ? _data_value : 0).toString(), props.culture);
-            return `${data.stage}, ${formattedValue}.`;
-        }
-    }
-    function _getEventHandlerProps(data, opacity, segmentId) {
-        const targetElement = document.getElementById(segmentId);
-        if ('subValue' in data) {
-            return {
-                culture: props.culture,
-                onMouseOver: opacity == 1 ? (event)=>_handleStackedHover(data.stage, data.subValue, event, targetElement) : undefined,
-                onMouseMove: opacity == 1 ? (event)=>_handleStackedHover(data.stage, data.subValue, event, targetElement) : undefined,
-                onFocus: (event)=>_handleStackedFocus(data.stage, data.subValue, event, targetElement),
-                onBlur: ()=>_handleMouseOut(),
-                onMouseOut: ()=>_handleMouseOut()
-            };
-        } else {
-            return {
-                culture: props.culture,
-                onMouseOver: opacity == 1 ? (event)=>_handleHover(data, event, targetElement) : undefined,
-                onMouseMove: opacity == 1 ? (event)=>_handleHover(data, event, targetElement) : undefined,
-                onFocus: (event)=>_handleFocus(data, event, targetElement),
-                onBlur: ()=>_handleMouseOut(),
-                onMouseOut: ()=>_handleMouseOut()
-            };
-        }
-    }
-    function _renderSegmentText({ show, x, y, value, textColor, opacity }) {
-        if (!show) {
-            return null;
-        }
-        const textElement = /*#__PURE__*/ _react.createElement("text", {
-            x: isRTL ? funnelWidth - x : x,
-            y: y,
-            opacity: opacity,
-            textAnchor: "middle",
-            alignmentBaseline: "middle",
-            fill: textColor
-        }, (0, _chartutilities.formatToLocaleString)(value.toString(), props.culture));
-        if (isRTL) {
-            return /*#__PURE__*/ _react.createElement("g", {
-                transform: `scale(-1,1) translate(${-funnelWidth},0)`
-            }, textElement);
-        }
-        return textElement;
-    }
-    function _renderFunnelSegment({ key, pathD, fill, opacity, textProps, data, tabIndex }) {
-        const segmentId = `funnel-segment-${key}`;
-        const eventHandlers = _getEventHandlerProps(data, opacity, segmentId);
-        const textColor = (0, _colors.getContrastTextColor)(fill);
-        return /*#__PURE__*/ _react.createElement("g", {
-            key: key
-        }, /*#__PURE__*/ _react.createElement("path", {
-            id: segmentId,
-            d: pathD,
-            fill: fill,
-            opacity: opacity,
-            ...eventHandlers,
-            tabIndex: tabIndex,
-            role: "img",
-            "aria-label": _getAriaLabel(data)
-        }), textProps && /*#__PURE__*/ _react.createElement("g", eventHandlers, _renderSegmentText({
-            ...textProps,
-            textColor,
-            opacity
-        })));
-    }
-    function _createFunnel(containerHeight, containerWidth) {
-        const { data } = props;
-        const funnelWidth = containerWidth;
-        const funnelHeight = containerHeight * 0.8;
-        return data.map((d, i)=>{
-            const geometryProps = props.orientation === 'vertical' ? (0, _funnelGeometry.getVerticalFunnelSegmentGeometry)({
-                d,
-                i,
-                data,
-                funnelWidth,
-                funnelHeight,
-                isRTL
-            }) : (0, _funnelGeometry.getHorizontalFunnelSegmentGeometry)({
-                d,
-                i,
-                data,
-                funnelWidth,
-                funnelHeight,
-                isRTL
-            });
-            const { pathD, textX, textY, availableWidth } = geometryProps;
-            const minTextWidth = 16;
-            const eventHandlerProps = _getEventHandlerProps(d);
-            const textProps = (0, _funnelGeometry.getSegmentTextProps)({
-                availableWidth,
-                minTextWidth,
-                textX,
-                textY,
-                value: d.value,
-                ...eventHandlerProps
-            });
-            return _renderFunnelSegment({
-                key: i,
-                pathD,
-                fill: d.color,
-                opacity: legendHighlighted(d.stage) || noLegendHighlighted() ? 1 : 0.1,
-                textProps,
-                data: d,
-                tabIndex: legendHighlighted(d.stage) || noLegendHighlighted() ? 0 : undefined
-            });
-        });
-    }
-    function isStackedFunnelData(data) {
-        return Array.isArray(data) && data.every((stage)=>Array.isArray(stage.subValues));
-    }
-    function _renderStackedSegment(stage, subValue, stageIndex, subValueIndex, geometryParams) {
-        // Ensure stages have subValues for geometry functions
-        const stagesWithSubValues = geometryParams.stages.map((s)=>({
-                ...s,
-                subValues: s.subValues || []
-            }));
-        const geom = props.orientation === 'vertical' ? (0, _funnelGeometry.getStackedVerticalFunnelSegmentGeometry)({
-            ...geometryParams,
-            stages: stagesWithSubValues,
-            i: stageIndex,
-            k: subValueIndex
-        }) : (0, _funnelGeometry.getStackedHorizontalFunnelSegmentGeometry)({
-            ...geometryParams,
-            stages: stagesWithSubValues,
-            i: stageIndex,
-            k: subValueIndex
-        });
-        const minTextWidth = 16;
-        const eventHandlerProps = _getEventHandlerProps({
-            stage: stage.stage,
-            subValue
-        });
-        const textProps = (0, _funnelGeometry.getSegmentTextProps)({
-            availableWidth: geom.availableWidth,
-            minTextWidth,
-            textX: geom.textX,
-            textY: geom.textY,
-            value: subValue.value,
-            ...eventHandlerProps
-        });
-        return _renderFunnelSegment({
-            key: `${stageIndex}-${subValueIndex}`,
-            pathD: geom.pathD,
-            fill: subValue.color,
-            opacity: isStackedFunnelData(props.data) && legendHighlighted(subValue.category) || noLegendHighlighted() ? 1 : 0.1,
-            textProps,
-            data: {
-                stage: stage.stage,
-                subValue
-            },
-            tabIndex: legendHighlighted(subValue.category) || noLegendHighlighted() ? 0 : undefined
-        });
-    }
-    function _createStackedFunnel(containerHeight, containerWidth) {
-        const { data } = props;
-        const stages = data;
-        const totals = stages.map((s)=>{
-            var _s_subValues;
-            var _s_subValues_reduce;
-            return (_s_subValues_reduce = s === null || s === void 0 ? void 0 : (_s_subValues = s.subValues) === null || _s_subValues === void 0 ? void 0 : _s_subValues.reduce((sum, subValue)=>sum + subValue.value, 0)) !== null && _s_subValues_reduce !== void 0 ? _s_subValues_reduce : 0;
-        });
-        const maxTotal = Math.max(...totals);
-        const funnelWidth = containerWidth;
-        const funnelHeight = containerHeight * 0.8;
-        const paths = [];
-        const geometryParams = {
-            stages,
-            totals,
-            maxTotal,
-            funnelWidth,
-            funnelHeight,
-            isRTL
-        };
-        for(let i = 0; i < stages.length; i++){
-            const cur = stages[i];
-            var _cur_subValues;
-            for(let k = 0; k < ((_cur_subValues = cur.subValues) !== null && _cur_subValues !== void 0 ? _cur_subValues : []).length; k++){
-                var _cur_subValues1;
-                const v = (_cur_subValues1 = cur.subValues) === null || _cur_subValues1 === void 0 ? void 0 : _cur_subValues1[k];
-                if (!v) {
-                    continue;
-                }
-                paths.push(_renderStackedSegment(cur, v, i, k, geometryParams));
-            }
-        }
-        return paths;
-    }
-    function _renderLegends() {
-        if (props.hideLegend) {
-            return /*#__PURE__*/ _react.createElement(_react.Fragment, null);
-        }
-        let legends;
-        if (isStacked) {
-            // Collect unique categories and their color
-            const categoryMap = {};
-            props.data.forEach((stage)=>{
-                (stage.subValues || []).forEach((sub)=>{
-                    if (!(sub.category in categoryMap)) {
-                        categoryMap[sub.category] = sub.color;
-                    }
-                });
-            });
-            legends = Object.entries(categoryMap).map(([category, color])=>({
-                    title: category,
-                    color,
-                    hoverAction: ()=>setHoveredStage(category),
-                    onMouseOutAction: ()=>setHoveredStage(null)
-                }));
-        } else {
-            legends = props.data.map((d)=>({
-                    title: d.stage,
-                    color: d.color,
-                    hoverAction: ()=>setHoveredStage(d.stage),
-                    onMouseOutAction: ()=>setHoveredStage(null)
-                }));
-        }
-        return /*#__PURE__*/ _react.createElement("div", {
-            style: {
-                display: 'flex',
-                justifyContent: 'center'
-            }
-        }, /*#__PURE__*/ _react.createElement(_index1.Legends, {
-            legends: legends,
-            centerLegends: true,
-            onChange: _onLegendSelectionChangeCallback,
-            ...props.legendProps,
-            legendRef: _legendsRef
-        }));
-    }
-    function _isChartEmpty() {
-        return !(props.data && props.data.length > 0);
-    }
-    const classes = (0, _useFunnelChartStylesstyles.useFunnelChartStyles)(props);
-    const calloutProps = {
-        ...props.calloutProps,
-        color: calloutData === null || calloutData === void 0 ? void 0 : calloutData.color,
-        hoverXValue: calloutData === null || calloutData === void 0 ? void 0 : calloutData.stage,
-        YValue: calloutData === null || calloutData === void 0 ? void 0 : calloutData.value
-    };
-    const width = props.width || 350;
-    const height = props.height || 500;
-    const titleHeight = props.chartTitle ? Math.max((typeof ((_props_titleStyles = props.titleStyles) === null || _props_titleStyles === void 0 ? void 0 : (_props_titleStyles_titleFont = _props_titleStyles.titleFont) === null || _props_titleStyles_titleFont === void 0 ? void 0 : _props_titleStyles_titleFont.size) === 'number' ? props.titleStyles.titleFont.size : 13) + _index.CHART_TITLE_PADDING, 40) : 40;
-    const funnelMarginTop = titleHeight;
-    const funnelWidth = width * 0.8;
-    const funnelOffsetX = (width - funnelWidth) / 2;
-    const arrowAttributes = (0, _reacttabster.useArrowNavigationGroup)({
-        circular: true,
-        axis: 'horizontal'
-    });
-    return !_isChartEmpty() ? /*#__PURE__*/ _react.createElement("div", {
-        ref: chartContainerRef,
-        className: classes.root,
-        style: {
-            width,
-            height
-        }
-    }, /*#__PURE__*/ _react.createElement("svg", {
-        width: width,
-        height: height,
-        className: classes.chart,
-        ...arrowAttributes,
-        role: 'region',
-        "aria-label": props.chartTitle
-    }, !props.hideLegend && props.chartTitle && /*#__PURE__*/ _react.createElement(_index.ChartTitle, {
-        title: props.chartTitle,
-        x: width / 2,
-        maxWidth: width - 20,
-        className: classes.chartTitle,
-        titleStyles: props.titleStyles,
-        tooltipClassName: classes.svgTooltip
-    }), /*#__PURE__*/ _react.createElement("g", {
-        transform: isRTL ? `translate(${funnelOffsetX + funnelWidth}, ${funnelMarginTop}) scale(-1,1)` : `translate(${funnelOffsetX}, ${funnelMarginTop})`
-    }, isStacked ? _createStackedFunnel(height - funnelMarginTop, funnelWidth) : _createFunnel(height - funnelMarginTop, funnelWidth))), isPopoverOpen && /*#__PURE__*/ _react.createElement(_ChartPopover.ChartPopover, {
-        ...props.calloutProps,
-        XValue: calloutProps === null || calloutProps === void 0 ? void 0 : calloutProps.hoverXValue,
-        yCalloutValue: calloutProps === null || calloutProps === void 0 ? void 0 : calloutProps.YValue,
-        culture: props.culture,
-        positioning: {
-            target: refSelected
-        },
-        isPopoverOpen: isPopoverOpen,
-        color: calloutProps === null || calloutProps === void 0 ? void 0 : calloutProps.color,
-        isCartesian: false
-    }), _renderLegends()) : /*#__PURE__*/ _react.createElement("div", {
-        id: _emptyChartId,
-        role: 'alert',
-        style: {
-            opacity: '0'
-        },
-        "aria-label": 'Graph has no data to display'
-    });
-});
-FunnelChart.displayName = 'FunnelChart';

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/FunnelChart/FunnelChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { useRtl, ChartTitle, CHART_TITLE_PADDING } from '../../utilities/index';\nimport type { FunnelChartDataPoint, FunnelChartProps } from './FunnelChart.types';\nimport type { Legend } from '../Legends/index';\nimport { Legends } from '../Legends/index';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { getContrastTextColor } from '../../utilities/colors';\nimport { useFunnelChartStyles } from './useFunnelChartStyles.styles';\nimport {\n  getHorizontalFunnelSegmentGeometry,\n  getVerticalFunnelSegmentGeometry,\n  getSegmentTextProps,\n  getStackedHorizontalFunnelSegmentGeometry,\n  getStackedVerticalFunnelSegmentGeometry,\n} from './funnelGeometry';\nimport type { ChartPopoverProps } from '../../index';\nimport { useImageExport } from '../../utilities/hooks';\n\nexport const FunnelChart: React.FunctionComponent<FunnelChartProps> = React.forwardRef<\n  HTMLDivElement,\n  FunnelChartProps\n>(({ orientation = 'vertical', ...restProps }, forwardedRef) => {\n  const props = { orientation, ...restProps };\n  const _emptyChartId: string = useId('_FunnelChart_empty');\n  const isRTL = useRtl();\n\n  const [hoveredStage, setHoveredStage] = React.useState<string | null>(null);\n  const [calloutData, setCalloutData] = React.useState<FunnelChartDataPoint | null>(null);\n  const [selectedLegends, setSelectedLegends] = React.useState<string[]>([]);\n  const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n  const [refSelected, setRefSelected] = React.useState<HTMLElement | null>(null);\n  const isStacked = isStackedFunnelData(props.data);\n  const { chartContainerRef, legendsRef: _legendsRef } = useImageExport(props.componentRef, props.hideLegend, false);\n\n  React.useEffect(() => {\n    if (props.legendProps?.selectedLegends) {\n      setSelectedLegends(props.legendProps.selectedLegends);\n    }\n  }, [props.legendProps?.selectedLegends]);\n\n  function _handleHover(\n    data: FunnelChartDataPoint,\n    mouseEvent: React.MouseEvent<SVGElement>,\n    targetElement?: HTMLElement | null,\n  ) {\n    mouseEvent?.persist();\n    setCalloutData(data);\n    setRefSelected(targetElement!);\n    setPopoverOpen(true);\n  }\n\n  function _handleFocus(\n    data: FunnelChartDataPoint,\n    focusEvent: React.FocusEvent<SVGPathElement>,\n    targetElement?: HTMLElement | null,\n  ) {\n    focusEvent?.persist();\n    setCalloutData(data);\n    setRefSelected(targetElement!);\n    setPopoverOpen(true);\n  }\n\n  function _handleStackedHover(\n    stage: string,\n    subValue: { category: string; value: number; color: string },\n    mouseEvent: React.MouseEvent<SVGElement>,\n    targetElement?: HTMLElement | null,\n  ) {\n    mouseEvent?.persist();\n    setCalloutData({\n      stage,\n      value: subValue.value,\n      color: subValue.color,\n      category: subValue.category,\n    } as FunnelChartDataPoint);\n    setRefSelected(targetElement!);\n    setPopoverOpen(true);\n  }\n\n  function _handleStackedFocus(\n    stage: string,\n    subValue: { category: string; value: number; color: string },\n    focusEvent: React.FocusEvent<SVGPathElement>,\n    targetElement?: HTMLElement | null,\n  ) {\n    focusEvent?.persist();\n    setCalloutData({\n      stage,\n      value: subValue.value,\n      color: subValue.color,\n      category: subValue.category,\n    } as FunnelChartDataPoint);\n    setRefSelected(targetElement!);\n    setPopoverOpen(true);\n  }\n\n  function _handleMouseOut() {\n    setHoveredStage(null);\n    setPopoverOpen(false);\n    setCalloutData(null);\n  }\n\n  function _onLegendSelectionChange(\n    legendsSelected: string[],\n    event: React.MouseEvent<HTMLButtonElement>,\n    currentLegend?: Legend,\n  ): void {\n    if (props.legendProps?.canSelectMultipleLegends) {\n      setSelectedLegends(legendsSelected);\n    } else {\n      setSelectedLegends(legendsSelected.slice(-1));\n    }\n\n    if (props.legendProps?.onChange) {\n      props.legendProps.onChange(legendsSelected, event, currentLegend);\n    }\n  }\n\n  const _onLegendSelectionChangeCallback = React.useCallback(_onLegendSelectionChange, [props.legendProps]);\n\n  function getHighlightedLegend(): string[] {\n    return selectedLegends.length > 0 ? selectedLegends : hoveredStage ? [hoveredStage] : [];\n  }\n\n  function legendHighlighted(legend: string): boolean {\n    return getHighlightedLegend().includes(legend);\n  }\n\n  function noLegendHighlighted(): boolean {\n    return getHighlightedLegend().length === 0;\n  }\n\n  function _getAriaLabel(\n    data: FunnelChartDataPoint | { stage: string; subValue: { category: string; value: number; color: string } },\n  ): string {\n    if ('subValue' in data) {\n      // Stacked funnel segment\n      const formattedValue = formatToLocaleString(data.subValue.value.toString(), props.culture);\n      return `${data.stage}, ${data.subValue.category}, ${formattedValue}.`;\n    } else {\n      // Non-stacked funnel segment\n      const formattedValue = formatToLocaleString((data.value ?? 0).toString(), props.culture);\n      return `${data.stage}, ${formattedValue}.`;\n    }\n  }\n\n  function _getEventHandlerProps(\n    data: FunnelChartDataPoint | { stage: string; subValue: { category: string; value: number; color: string } },\n    opacity?: number,\n    segmentId?: string,\n  ) {\n    const targetElement = document.getElementById(segmentId!);\n    if ('subValue' in data) {\n      return {\n        culture: props.culture,\n        onMouseOver:\n          opacity == 1\n            ? (event: React.MouseEvent<SVGElement>) =>\n                _handleStackedHover(data.stage, data.subValue, event, targetElement)\n            : undefined,\n        onMouseMove:\n          opacity == 1\n            ? (event: React.MouseEvent<SVGElement>) =>\n                _handleStackedHover(data.stage, data.subValue, event, targetElement)\n            : undefined,\n        onFocus: (event: React.FocusEvent<SVGPathElement>) =>\n          _handleStackedFocus(data.stage, data.subValue, event, targetElement),\n        onBlur: () => _handleMouseOut(),\n        onMouseOut: () => _handleMouseOut(),\n      };\n    } else {\n      return {\n        culture: props.culture,\n        onMouseOver:\n          opacity == 1 ? (event: React.MouseEvent<SVGElement>) => _handleHover(data, event, targetElement) : undefined,\n        onMouseMove:\n          opacity == 1 ? (event: React.MouseEvent<SVGElement>) => _handleHover(data, event, targetElement) : undefined,\n        onFocus: (event: React.FocusEvent<SVGPathElement>) => _handleFocus(data, event, targetElement),\n        onBlur: () => _handleMouseOut(),\n        onMouseOut: () => _handleMouseOut(),\n      };\n    }\n  }\n\n  function _renderSegmentText({\n    show,\n    x,\n    y,\n    value,\n    textColor,\n    opacity,\n  }: {\n    show: boolean;\n    x: number;\n    y: number;\n    value: number;\n    textColor: string;\n    opacity: number;\n  }) {\n    if (!show) {\n      return null;\n    }\n\n    const textElement = (\n      <text\n        x={isRTL ? funnelWidth - x : x}\n        y={y}\n        opacity={opacity}\n        textAnchor=\"middle\"\n        alignmentBaseline=\"middle\"\n        fill={textColor}\n      >\n        {formatToLocaleString(value.toString(), props.culture) as React.ReactNode}\n      </text>\n    );\n\n    if (isRTL) {\n      return <g transform={`scale(-1,1) translate(${-funnelWidth},0)`}>{textElement}</g>;\n    }\n    return textElement;\n  }\n\n  function _renderFunnelSegment({\n    key,\n    pathD,\n    fill,\n    opacity,\n    textProps,\n    data,\n    tabIndex,\n  }: {\n    key: string | number;\n    pathD: string;\n    fill: string;\n    opacity: number;\n    textProps?: {\n      show: boolean;\n      x: number;\n      y: number;\n      value: number;\n    };\n    data: FunnelChartDataPoint | { stage: string; subValue: { category: string; value: number; color: string } };\n    tabIndex?: number;\n  }) {\n    const segmentId = `funnel-segment-${key}`;\n    const eventHandlers = _getEventHandlerProps(data, opacity, segmentId);\n    const textColor = getContrastTextColor(fill);\n    return (\n      <g key={key}>\n        <path\n          id={segmentId}\n          d={pathD}\n          fill={fill}\n          opacity={opacity}\n          {...eventHandlers}\n          tabIndex={tabIndex}\n          role=\"img\"\n          aria-label={_getAriaLabel(data)}\n        />\n        {textProps && <g {...eventHandlers}>{_renderSegmentText({ ...textProps, textColor, opacity })}</g>}\n      </g>\n    );\n  }\n\n  function _createFunnel(containerHeight: number, containerWidth: number): JSXElement[] {\n    const { data } = props;\n    const funnelWidth = containerWidth;\n    const funnelHeight = containerHeight * 0.8;\n\n    return data.map((d, i) => {\n      const geometryProps =\n        props.orientation === 'vertical'\n          ? getVerticalFunnelSegmentGeometry({ d, i, data, funnelWidth, funnelHeight, isRTL })\n          : getHorizontalFunnelSegmentGeometry({ d, i, data, funnelWidth, funnelHeight, isRTL });\n\n      const { pathD, textX, textY, availableWidth } = geometryProps;\n      const minTextWidth = 16;\n      const eventHandlerProps = _getEventHandlerProps(d);\n      const textProps = getSegmentTextProps({\n        availableWidth,\n        minTextWidth,\n        textX,\n        textY,\n        value: d.value!,\n        ...eventHandlerProps,\n      });\n\n      return _renderFunnelSegment({\n        key: i,\n        pathD,\n        fill: d.color!,\n        opacity: legendHighlighted(d.stage as string) || noLegendHighlighted() ? 1 : 0.1,\n        textProps,\n        data: d,\n        tabIndex: legendHighlighted(d.stage as string) || noLegendHighlighted() ? 0 : undefined,\n      });\n    });\n  }\n\n  function isStackedFunnelData(data: FunnelChartDataPoint[]): boolean {\n    return Array.isArray(data) && data.every(stage => Array.isArray(stage.subValues));\n  }\n\n  function _renderStackedSegment(\n    stage: FunnelChartDataPoint,\n    subValue: { value: number; color: string; category: string },\n    stageIndex: number,\n    subValueIndex: number,\n    geometryParams: {\n      stages: FunnelChartDataPoint[];\n      totals: number[];\n      maxTotal: number;\n      funnelWidth: number;\n      funnelHeight: number;\n      isRTL: boolean;\n    },\n  ): JSXElement {\n    // Ensure stages have subValues for geometry functions\n    const stagesWithSubValues = geometryParams.stages.map(s => ({\n      ...s,\n      subValues: s.subValues || [],\n    }));\n    const geom =\n      props.orientation === 'vertical'\n        ? getStackedVerticalFunnelSegmentGeometry({\n            ...geometryParams,\n            stages: stagesWithSubValues,\n            i: stageIndex,\n            k: subValueIndex,\n          })\n        : getStackedHorizontalFunnelSegmentGeometry({\n            ...geometryParams,\n            stages: stagesWithSubValues,\n            i: stageIndex,\n            k: subValueIndex,\n          });\n\n    const minTextWidth = 16;\n    const eventHandlerProps = _getEventHandlerProps({ stage: stage.stage as string, subValue });\n    const textProps = getSegmentTextProps({\n      availableWidth: geom.availableWidth,\n      minTextWidth,\n      textX: geom.textX,\n      textY: geom.textY,\n      value: subValue.value,\n      ...eventHandlerProps,\n    });\n\n    return _renderFunnelSegment({\n      key: `${stageIndex}-${subValueIndex}`,\n      pathD: geom.pathD,\n      fill: subValue.color,\n      opacity:\n        (isStackedFunnelData(props.data) && legendHighlighted(subValue.category)) || noLegendHighlighted() ? 1 : 0.1,\n      textProps,\n      data: { stage: stage.stage as string, subValue },\n      tabIndex: legendHighlighted(subValue.category) || noLegendHighlighted() ? 0 : undefined,\n    });\n  }\n\n  function _createStackedFunnel(containerHeight: number, containerWidth: number): JSXElement[] {\n    const { data } = props;\n\n    const stages = data;\n    const totals = stages.map(s => s?.subValues?.reduce((sum, subValue) => sum + subValue.value, 0) ?? 0);\n    const maxTotal = Math.max(...totals);\n\n    const funnelWidth = containerWidth;\n    const funnelHeight = containerHeight * 0.8;\n\n    const paths: JSXElement[] = [];\n\n    const geometryParams = {\n      stages,\n      totals,\n      maxTotal,\n      funnelWidth,\n      funnelHeight,\n      isRTL,\n    };\n\n    for (let i = 0; i < stages.length; i++) {\n      const cur = stages[i];\n      for (let k = 0; k < (cur.subValues ?? []).length; k++) {\n        const v = cur.subValues?.[k];\n        if (!v) {\n          continue;\n        }\n        paths.push(_renderStackedSegment(cur, v, i, k, geometryParams));\n      }\n    }\n    return paths;\n  }\n\n  function _renderLegends(): JSXElement {\n    if (props.hideLegend) {\n      return <></>;\n    }\n    let legends: Legend[];\n\n    if (isStacked) {\n      // Collect unique categories and their color\n      const categoryMap: Record<string, string> = {};\n      props.data.forEach((stage: FunnelChartDataPoint) => {\n        (stage.subValues || []).forEach(sub => {\n          if (!(sub.category in categoryMap)) {\n            categoryMap[sub.category] = sub.color;\n          }\n        });\n      });\n      legends = Object.entries(categoryMap).map(([category, color]) => ({\n        title: category,\n        color,\n        hoverAction: () => setHoveredStage(category),\n        onMouseOutAction: () => setHoveredStage(null),\n      }));\n    } else {\n      legends = props.data.map((d: FunnelChartDataPoint) => ({\n        title: d.stage as string,\n        color: d.color!,\n        hoverAction: () => setHoveredStage(d.stage as string),\n        onMouseOutAction: () => setHoveredStage(null),\n      }));\n    }\n\n    return (\n      <div style={{ display: 'flex', justifyContent: 'center' }}>\n        <Legends\n          legends={legends}\n          centerLegends={true}\n          onChange={_onLegendSelectionChangeCallback}\n          {...props.legendProps}\n          legendRef={_legendsRef}\n        />\n      </div>\n    );\n  }\n\n  function _isChartEmpty(): boolean {\n    return !(props.data && props.data.length > 0);\n  }\n\n  const classes = useFunnelChartStyles(props);\n\n  const calloutProps: ChartPopoverProps = {\n    ...props.calloutProps,\n    color: calloutData?.color,\n    hoverXValue: calloutData?.stage,\n    YValue: calloutData?.value,\n  };\n\n  const width = props.width || 350;\n  const height = props.height || 500;\n\n  const titleHeight = props.chartTitle\n    ? Math.max(\n        (typeof props.titleStyles?.titleFont?.size === 'number' ? props.titleStyles.titleFont.size : 13) +\n          CHART_TITLE_PADDING,\n        40,\n      )\n    : 40;\n  const funnelMarginTop = titleHeight;\n  const funnelWidth = width * 0.8;\n  const funnelOffsetX = (width - funnelWidth) / 2;\n  const arrowAttributes = useArrowNavigationGroup({ circular: true, axis: 'horizontal' });\n\n  return !_isChartEmpty() ? (\n    <div ref={chartContainerRef} className={classes.root} style={{ width, height }}>\n      <svg\n        width={width}\n        height={height}\n        className={classes.chart}\n        {...arrowAttributes}\n        role={'region'}\n        aria-label={props.chartTitle}\n      >\n        {!props.hideLegend && props.chartTitle && (\n          <ChartTitle\n            title={props.chartTitle}\n            x={width / 2}\n            maxWidth={width - 20}\n            className={classes.chartTitle}\n            titleStyles={props.titleStyles}\n            tooltipClassName={classes.svgTooltip}\n          />\n        )}\n        <g\n          transform={\n            isRTL\n              ? `translate(${funnelOffsetX + funnelWidth}, ${funnelMarginTop}) scale(-1,1)`\n              : `translate(${funnelOffsetX}, ${funnelMarginTop})`\n          }\n        >\n          {isStacked\n            ? _createStackedFunnel(height - funnelMarginTop, funnelWidth)\n            : _createFunnel(height - funnelMarginTop, funnelWidth)}\n        </g>\n      </svg>\n      {isPopoverOpen && (\n        <ChartPopover\n          {...props.calloutProps}\n          XValue={calloutProps?.hoverXValue as string}\n          yCalloutValue={calloutProps?.YValue as string}\n          culture={props.culture}\n          positioning={{\n            target: refSelected,\n          }}\n          isPopoverOpen={isPopoverOpen}\n          color={calloutProps?.color}\n          isCartesian={false}\n        />\n      )}\n      {_renderLegends()}\n    </div>\n  ) : (\n    <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n  );\n});\nFunnelChart.displayName = 'FunnelChart';\n"],"names":["React","useId","useRtl","ChartTitle","CHART_TITLE_PADDING","Legends","useArrowNavigationGroup","ChartPopover","formatToLocaleString","getContrastTextColor","useFunnelChartStyles","getHorizontalFunnelSegmentGeometry","getVerticalFunnelSegmentGeometry","getSegmentTextProps","getStackedHorizontalFunnelSegmentGeometry","getStackedVerticalFunnelSegmentGeometry","useImageExport","FunnelChart","forwardRef","orientation","restProps","forwardedRef","props","_emptyChartId","isRTL","hoveredStage","setHoveredStage","useState","calloutData","setCalloutData","selectedLegends","setSelectedLegends","isPopoverOpen","setPopoverOpen","refSelected","setRefSelected","isStacked","isStackedFunnelData","data","chartContainerRef","legendsRef","_legendsRef","componentRef","hideLegend","useEffect","legendProps","_handleHover","mouseEvent","targetElement","persist","_handleFocus","focusEvent","_handleStackedHover","stage","subValue","value","color","category","_handleStackedFocus","_handleMouseOut","_onLegendSelectionChange","legendsSelected","event","currentLegend","canSelectMultipleLegends","slice","onChange","_onLegendSelectionChangeCallback","useCallback","getHighlightedLegend","length","legendHighlighted","legend","includes","noLegendHighlighted","_getAriaLabel","formattedValue","toString","culture","_getEventHandlerProps","opacity","segmentId","document","getElementById","onMouseOver","undefined","onMouseMove","onFocus","onBlur","onMouseOut","_renderSegmentText","show","x","y","textColor","textElement","text","funnelWidth","textAnchor","alignmentBaseline","fill","g","transform","_renderFunnelSegment","key","pathD","textProps","tabIndex","eventHandlers","path","id","d","role","aria-label","_createFunnel","containerHeight","containerWidth","funnelHeight","map","i","geometryProps","textX","textY","availableWidth","minTextWidth","eventHandlerProps","Array","isArray","every","subValues","_renderStackedSegment","stageIndex","subValueIndex","geometryParams","stagesWithSubValues","stages","s","geom","k","_createStackedFunnel","totals","reduce","sum","maxTotal","Math","max","paths","cur","v","push","_renderLegends","legends","categoryMap","forEach","sub","Object","entries","title","hoverAction","onMouseOutAction","div","style","display","justifyContent","centerLegends","legendRef","_isChartEmpty","classes","calloutProps","hoverXValue","YValue","width","height","titleHeight","chartTitle","titleStyles","titleFont","size","funnelMarginTop","funnelOffsetX","arrowAttributes","circular","axis","ref","className","root","svg","chart","maxWidth","tooltipClassName","svgTooltip","XValue","yCalloutValue","positioning","target","isCartesian","displayName"],"mappings":"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"}

package/lib-commonjs/components/FunnelChart/FunnelChart.types.js

@@ -1,7 +0,0 @@
-/**
- * Funnel Chart styles
- * {@docCategory FunnelChart}
- */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});

package/lib-commonjs/components/FunnelChart/FunnelChart.types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/FunnelChart/FunnelChart.types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { TitleStyles } from '../../utilities/Common.styles';\nimport type { ChartPopoverProps } from '../CommonComponents/ChartPopover.types';\nimport type { LegendsProps } from '../Legends/index';\nimport type { Chart } from '../../types/index';\n\n/**\n * Data point for funnel chart\n * {@docCategory FunnelChart}\n */\nexport interface FunnelChartDataPoint {\n  /**\n   * Stage name or identifier\n   */\n  stage: string | number;\n  /**\n   * Sub-values for stacked funnel charts\n   * Each sub-value represents a category within the stage\n   */\n  subValues?: Array<{ category: string; value: number; color: string }>;\n  /**\n   * Value for the stage (used for non-stacked funnel charts)\n   */\n  value?: number;\n  /**\n   * Color for the stage (used for non-stacked funnel charts)\n   */\n  color?: string;\n}\n\n/**\n * Funnel Chart component props\n * {@docCategory FunnelChart}\n */\nexport interface FunnelChartProps {\n  /**\n   * Title styles configuration for the chart title\n   */\n  titleStyles?: TitleStyles;\n\n  /**\n   * Data points for the funnel chart\n   */\n  data: FunnelChartDataPoint[];\n  /**\n   * Title for the chart\n   */\n  chartTitle?: string;\n\n  /**\n   * Width of the chart\n   */\n  width?: number;\n\n  /**\n   * Height of the chart\n   */\n  height?: number;\n\n  /**\n   * Decides whether to show/hide legends\n   * @defaultvalue false\n   */\n  hideLegend?: boolean;\n\n  /**\n   * Props for the legends in the chart\n   */\n  legendProps?: Partial<LegendsProps>;\n\n  /**\n   * Props for the callout in the chart\n   */\n  calloutProps?: ChartPopoverProps;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules\n   */\n  styles?: FunnelChartStyles;\n\n  /**\n   * Defines the culture to localize the numbers and dates\n   */\n  culture?: string;\n\n  /**\n   * Reference to the chart component\n   */\n  componentRef?: React.Ref<Chart>;\n\n  /**\n   * Additional CSS class(es) to apply to the chart\n   */\n  className?: string;\n\n  /**\n   * Orientation of the funnel chart\n   * @defaultvalue 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical';\n}\n\n/**\n * Funnel Chart style properties\n * {@docCategory FunnelChart}\n */\nexport interface FunnelChartStyleProps {\n  /**\n   * Additional CSS class(es) to apply to the chart\n   */\n  className?: string;\n  /**\n   * Width of the chart\n   */\n  chartWidth: number;\n  /**\n   * Height of the chart\n   */\n  chartHeight: number;\n}\n\n/**\n * Funnel Chart styles\n * {@docCategory FunnelChart}\n */\nexport interface FunnelChartStyles {\n  /**\n   * Styles for the root element\n   */\n  root?: string;\n\n  /**\n   * Styles for the chart\n   */\n  chart?: string;\n\n  /**\n   * Style for the chart title.\n   */\n  chartTitle?: string;\n\n  /**\n   * Styles for text elements\n   */\n  text?: string;\n\n  /**\n   * Style for SVG tooltip text\n   */\n  svgTooltip?: string;\n\n  /**\n   * Styles for the callout root element\n   */\n  calloutContentRoot?: string;\n}\n"],"names":[],"mappings":"AAyHA;;;CAGC,GACD,WA8BC"}