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

package/lib/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/components/FunnelChart/FunnelChart.types.js

@@ -1,4 +0,0 @@
-/**
- * Funnel Chart styles
- * {@docCategory FunnelChart}
- */ export { };

package/lib/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"}

package/lib/components/FunnelChart/funnelGeometry.js

@@ -1,219 +0,0 @@
-export function getVerticalFunnelSegmentGeometry({ d, i, data, funnelWidth, funnelHeight, isRTL }) {
-    const segmentHeight = funnelHeight / data.length;
-    const widthScale = (value)=>value / Math.max(...data.map((dataPoint)=>dataPoint.value)) * funnelWidth;
-    const topWidth = widthScale(d.value);
-    const bottomWidth = i < data.length - 1 ? widthScale(data[i + 1].value) : 0;
-    const xOffset = (funnelWidth - topWidth) / 2;
-    const nextXOffset = (funnelWidth - bottomWidth) / 2;
-    const xStart = isRTL ? funnelWidth - xOffset : xOffset;
-    const xEnd = isRTL ? funnelWidth - nextXOffset : nextXOffset;
-    const isLastSegment = i === data.length - 1;
-    const textY = isLastSegment ? i * segmentHeight + segmentHeight * 0.33 : i * segmentHeight + segmentHeight / 2;
-    const textX = funnelWidth / 2;
-    let availableWidth = topWidth;
-    if (isLastSegment) {
-        const yFromTop = textY - i * segmentHeight;
-        const widthAtY = topWidth * (1 - yFromTop / segmentHeight);
-        availableWidth = Math.max(widthAtY * 0.8, 0);
-    } else {
-        availableWidth = Math.min(topWidth, bottomWidth) * 0.9;
-    }
-    const pathD = `M${xStart},${i * segmentHeight}
-    L${funnelWidth - xStart},${i * segmentHeight}
-    L${funnelWidth - xEnd},${(i + 1) * segmentHeight}
-    L${xEnd},${(i + 1) * segmentHeight}
-    Z`;
-    return {
-        pathD,
-        textX,
-        textY,
-        availableWidth
-    };
-}
-export function getHorizontalFunnelSegmentGeometry({ d, i, data, funnelWidth, funnelHeight, isRTL }) {
-    const segmentWidth = funnelWidth / data.length;
-    const heightScale = (value)=>value / Math.max(...data.map((dataPoint)=>dataPoint.value)) * funnelHeight;
-    const leftHeight = heightScale(d.value);
-    const rightHeight = i < data.length - 1 ? heightScale(data[i + 1].value) : 0;
-    const yOffset = (funnelHeight - leftHeight) / 2;
-    const nextYOffset = (funnelHeight - rightHeight) / 2;
-    const x0 = i * segmentWidth;
-    const x1 = (i + 1) * segmentWidth;
-    const isLastSegment = i === data.length - 1;
-    let textX;
-    let textY;
-    let availableWidth = segmentWidth * 0.8;
-    if (isLastSegment) {
-        // For the triangular last segment, position text at 1/4 from the left edge
-        textX = x0 + (x1 - x0) * 0.25;
-        textY = funnelHeight / 2;
-        // For triangular segments, we need to check both height and width constraints
-        // The segment needs to be large enough to contain text
-        const segmentArea = leftHeight * segmentWidth / 2; // Area of triangle
-        const minAreaForText = 800; // Minimum area needed to show text
-        if (leftHeight < 40 || segmentArea < minAreaForText) {
-            // Hide text if height is too small or area is insufficient
-            availableWidth = 0;
-        } else {
-            // Calculate available width at text position
-            const widthAtTextPosition = (x1 - x0) * 0.75;
-            availableWidth = widthAtTextPosition * 0.6;
-        }
-    } else {
-        textX = (x0 + x1) / 2;
-        textY = funnelHeight / 2;
-        const minHeight = Math.min(leftHeight, rightHeight);
-        availableWidth = minHeight > 20 ? segmentWidth * 0.8 : 0;
-    }
-    const pathD = `M${x0},${yOffset}
-    L${x1},${nextYOffset}
-    L${x1},${funnelHeight - nextYOffset}
-    L${x0},${funnelHeight - yOffset}
-    Z`;
-    return {
-        pathD,
-        textX,
-        textY,
-        availableWidth
-    };
-}
-export function getStackedVerticalFunnelSegmentGeometry({ i, k, stages, totals, maxTotal, funnelWidth, funnelHeight }) {
-    var _next_subValues;
-    const segmentHeight = funnelHeight / stages.length;
-    const cur = stages[i];
-    const next = stages[i + 1] || {
-        subValues: []
-    };
-    const curTotal = totals[i] || 1;
-    const nextTotal = totals[i + 1] || 0;
-    let cumTop = 0;
-    let cumBot = 0;
-    for(let idx = 0; idx < k; idx++){
-        var _next_subValues1;
-        const v = cur.subValues[idx];
-        const vNext = (_next_subValues1 = next.subValues) === null || _next_subValues1 === void 0 ? void 0 : _next_subValues1.find((x)=>x.category === v.category);
-        const val = v.value;
-        const nextVal = vNext ? vNext.value : 0;
-        cumTop += val / curTotal * (curTotal / maxTotal) * funnelWidth;
-        cumBot += (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelWidth;
-    }
-    const v = cur.subValues[k];
-    const vNext = (_next_subValues = next.subValues) === null || _next_subValues === void 0 ? void 0 : _next_subValues.find((x)=>x.category === v.category);
-    const val = v.value;
-    const nextVal = vNext ? vNext.value : 0;
-    const topW = val / curTotal * (curTotal / maxTotal) * funnelWidth;
-    const botW = (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelWidth;
-    const topStart = (funnelWidth - curTotal / maxTotal * funnelWidth) / 2 + cumTop;
-    const topEnd = topStart + topW;
-    const botStart = (funnelWidth - nextTotal / maxTotal * funnelWidth) / 2 + cumBot;
-    const botEnd = botStart + botW;
-    const textX = (topStart + topEnd + botStart + botEnd) / 4;
-    const isLastSegment = i === stages.length - 1;
-    const textY = isLastSegment ? i * segmentHeight + segmentHeight * 0.33 : (i + 0.5) * segmentHeight;
-    // Calculate available width based on this specific segment's width
-    let availableWidth;
-    if (isLastSegment) {
-        // For triangular last segment, use the width at text Y position
-        const yFromTop = textY - i * segmentHeight;
-        const widthRatio = 1 - yFromTop / segmentHeight;
-        availableWidth = topW * widthRatio;
-    } else {
-        // For trapezoidal segments, use the actual segment width
-        availableWidth = Math.min(topW, botW);
-    }
-    const pathD = `M${topStart},${i * segmentHeight}
-    L${topEnd},${i * segmentHeight}
-    L${botEnd},${(i + 1) * segmentHeight}
-    L${botStart},${(i + 1) * segmentHeight}
-    Z`;
-    return {
-        pathD,
-        textX,
-        textY,
-        availableWidth
-    };
-}
-export function getStackedHorizontalFunnelSegmentGeometry({ i, k, stages, totals, maxTotal, funnelWidth, funnelHeight }) {
-    var _next_subValues;
-    const segmentWidth = funnelWidth / stages.length;
-    const cur = stages[i];
-    const next = stages[i + 1] || {
-        subValues: []
-    };
-    const curTotal = totals[i] || 1;
-    const nextTotal = totals[i + 1] || 0;
-    let cumTop = 0;
-    let cumBot = 0;
-    for(let idx = 0; idx < k; idx++){
-        var _next_subValues1;
-        const v = cur.subValues[idx];
-        const vNext = (_next_subValues1 = next.subValues) === null || _next_subValues1 === void 0 ? void 0 : _next_subValues1.find((x)=>x.category === v.category);
-        const val = v.value;
-        const nextVal = vNext ? vNext.value : 0;
-        cumTop += val / curTotal * (curTotal / maxTotal) * funnelHeight;
-        cumBot += (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelHeight;
-    }
-    const v = cur.subValues[k];
-    const vNext = (_next_subValues = next.subValues) === null || _next_subValues === void 0 ? void 0 : _next_subValues.find((x)=>x.category === v.category);
-    const val = v.value;
-    const nextVal = vNext ? vNext.value : 0;
-    const topH = val / curTotal * (curTotal / maxTotal) * funnelHeight;
-    const botH = (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelHeight;
-    const leftStart = i * segmentWidth;
-    const leftEnd = (i + 1) * segmentWidth;
-    const topStart = (funnelHeight - curTotal / maxTotal * funnelHeight) / 2 + cumTop;
-    const topEnd = topStart + topH;
-    const botStart = (funnelHeight - nextTotal / maxTotal * funnelHeight) / 2 + cumBot;
-    const botEnd = botStart + botH;
-    const isLastSegment = i === stages.length - 1;
-    let textX;
-    let textY;
-    let availableWidth;
-    if (isLastSegment) {
-        textX = leftStart + (leftEnd - leftStart) * 0.25;
-        textY = (topStart + topEnd) / 2;
-        // For triangular segments, calculate available width at text position
-        const segmentWidthAtTextPos = (leftEnd - leftStart) * 0.5;
-        availableWidth = segmentWidthAtTextPos * 0.8;
-        // For triangular last segments, also check if there's enough height
-        // The segment area should be large enough to contain text
-        const segmentArea = topH * segmentWidth / 2;
-        if (topH < 24 || segmentArea < 600) {
-            availableWidth = 0;
-        }
-    } else {
-        textX = (leftStart + leftEnd) / 2;
-        textY = (topStart + topEnd + botStart + botEnd) / 4;
-        // For trapezoidal segments, use full segment width
-        availableWidth = Math.abs(leftEnd - leftStart) * 0.9;
-        // Check if the segment has sufficient height for text
-        // For non-last segments, we need to ensure there's enough vertical space
-        const avgHeight = (topH + botH) / 2;
-        if (avgHeight < 20) {
-            availableWidth = 0;
-        }
-    }
-    const pathD = `M${leftStart},${topStart}
-    L${leftEnd},${botStart}
-    L${leftEnd},${botEnd}
-    L${leftStart},${topEnd}
-    Z`;
-    return {
-        pathD,
-        textX,
-        textY,
-        availableWidth
-    };
-}
-export function getSegmentTextProps({ availableWidth, minTextWidth = 24, textX, textY, value, culture, onMouseOver, onMouseMove, onMouseOut }) {
-    return {
-        show: availableWidth > minTextWidth && availableWidth > 0,
-        x: textX,
-        y: textY,
-        value,
-        culture,
-        onMouseOver,
-        onMouseMove,
-        onMouseOut
-    };
-}

package/lib/components/FunnelChart/funnelGeometry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/FunnelChart/funnelGeometry.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { FunnelChartDataPoint } from './FunnelChart.types';\n\nexport interface FunnelSegmentGeometry {\n  pathD: string;\n  textX: number;\n  textY: number;\n  availableWidth: number;\n}\n\nexport interface StackedFunnelSegmentGeometry {\n  pathD: string;\n  textX: number;\n  textY: number;\n  availableWidth: number;\n}\n\ninterface SubValue {\n  category: string;\n  value: number;\n  color: string;\n}\n\ninterface Stage {\n  subValues: SubValue[];\n}\n\nexport function getVerticalFunnelSegmentGeometry({\n  d,\n  i,\n  data,\n  funnelWidth,\n  funnelHeight,\n  isRTL,\n}: {\n  d: FunnelChartDataPoint;\n  i: number;\n  data: FunnelChartDataPoint[];\n  funnelWidth: number;\n  funnelHeight: number;\n  isRTL: boolean;\n}): FunnelSegmentGeometry {\n  const segmentHeight = funnelHeight / data.length;\n  const widthScale = (value: number) => (value / Math.max(...data.map(dataPoint => dataPoint.value!))) * funnelWidth;\n  const topWidth = widthScale(d.value!);\n  const bottomWidth = i < data.length - 1 ? widthScale(data[i + 1].value!) : 0;\n  const xOffset = (funnelWidth - topWidth) / 2;\n  const nextXOffset = (funnelWidth - bottomWidth) / 2;\n  const xStart = isRTL ? funnelWidth - xOffset : xOffset;\n  const xEnd = isRTL ? funnelWidth - nextXOffset : nextXOffset;\n\n  const isLastSegment = i === data.length - 1;\n  const textY = isLastSegment ? i * segmentHeight + segmentHeight * 0.33 : i * segmentHeight + segmentHeight / 2;\n\n  const textX = funnelWidth / 2;\n  let availableWidth = topWidth;\n  if (isLastSegment) {\n    const yFromTop = textY - i * segmentHeight;\n    const widthAtY = topWidth * (1 - yFromTop / segmentHeight);\n    availableWidth = Math.max(widthAtY * 0.8, 0);\n  } else {\n    availableWidth = Math.min(topWidth, bottomWidth) * 0.9;\n  }\n  const pathD = `M${xStart},${i * segmentHeight}\n    L${funnelWidth - xStart},${i * segmentHeight}\n    L${funnelWidth - xEnd},${(i + 1) * segmentHeight}\n    L${xEnd},${(i + 1) * segmentHeight}\n    Z`;\n  return { pathD, textX, textY, availableWidth };\n}\n\nexport function getHorizontalFunnelSegmentGeometry({\n  d,\n  i,\n  data,\n  funnelWidth,\n  funnelHeight,\n  isRTL,\n}: {\n  d: FunnelChartDataPoint;\n  i: number;\n  data: FunnelChartDataPoint[];\n  funnelWidth: number;\n  funnelHeight: number;\n  isRTL: boolean;\n}): FunnelSegmentGeometry {\n  const segmentWidth = funnelWidth / data.length;\n  const heightScale = (value: number) => (value / Math.max(...data.map(dataPoint => dataPoint.value!))) * funnelHeight;\n  const leftHeight = heightScale(d.value!);\n  const rightHeight = i < data.length - 1 ? heightScale(data[i + 1].value!) : 0;\n  const yOffset = (funnelHeight - leftHeight) / 2;\n  const nextYOffset = (funnelHeight - rightHeight) / 2;\n  const x0 = i * segmentWidth;\n  const x1 = (i + 1) * segmentWidth;\n\n  const isLastSegment = i === data.length - 1;\n  let textX: number;\n  let textY: number;\n  let availableWidth = segmentWidth * 0.8;\n\n  if (isLastSegment) {\n    // For the triangular last segment, position text at 1/4 from the left edge\n    textX = x0 + (x1 - x0) * 0.25;\n    textY = funnelHeight / 2;\n\n    // For triangular segments, we need to check both height and width constraints\n    // The segment needs to be large enough to contain text\n    const segmentArea = (leftHeight * segmentWidth) / 2; // Area of triangle\n    const minAreaForText = 800; // Minimum area needed to show text\n\n    if (leftHeight < 40 || segmentArea < minAreaForText) {\n      // Hide text if height is too small or area is insufficient\n      availableWidth = 0;\n    } else {\n      // Calculate available width at text position\n      const widthAtTextPosition = (x1 - x0) * 0.75;\n      availableWidth = widthAtTextPosition * 0.6;\n    }\n  } else {\n    textX = (x0 + x1) / 2;\n    textY = funnelHeight / 2;\n    const minHeight = Math.min(leftHeight, rightHeight);\n    availableWidth = minHeight > 20 ? segmentWidth * 0.8 : 0;\n  }\n\n  const pathD = `M${x0},${yOffset}\n    L${x1},${nextYOffset}\n    L${x1},${funnelHeight - nextYOffset}\n    L${x0},${funnelHeight - yOffset}\n    Z`;\n  return { pathD, textX, textY, availableWidth };\n}\n\nexport function getStackedVerticalFunnelSegmentGeometry({\n  i,\n  k,\n  stages,\n  totals,\n  maxTotal,\n  funnelWidth,\n  funnelHeight,\n}: {\n  i: number;\n  k: number;\n  stages: Stage[];\n  totals: number[];\n  maxTotal: number;\n  funnelWidth: number;\n  funnelHeight: number;\n}): StackedFunnelSegmentGeometry {\n  const segmentHeight = funnelHeight / stages.length;\n  const cur = stages[i];\n  const next = stages[i + 1] || { subValues: [] };\n  const curTotal = totals[i] || 1;\n  const nextTotal = totals[i + 1] || 0;\n\n  let cumTop = 0;\n  let cumBot = 0;\n  for (let idx = 0; idx < k; idx++) {\n    const v = cur.subValues[idx];\n    const vNext = next.subValues?.find((x: SubValue) => x.category === v.category);\n    const val = v.value;\n    const nextVal = vNext ? vNext.value : 0;\n    cumTop += (val / curTotal) * (curTotal / maxTotal) * funnelWidth;\n    cumBot += (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelWidth;\n  }\n  const v = cur.subValues[k];\n  const vNext = next.subValues?.find((x: SubValue) => x.category === v.category);\n  const val = v.value;\n  const nextVal = vNext ? vNext.value : 0;\n  const topW = (val / curTotal) * (curTotal / maxTotal) * funnelWidth;\n  const botW = (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelWidth;\n  const topStart = (funnelWidth - (curTotal / maxTotal) * funnelWidth) / 2 + cumTop;\n  const topEnd = topStart + topW;\n  const botStart = (funnelWidth - (nextTotal / maxTotal) * funnelWidth) / 2 + cumBot;\n  const botEnd = botStart + botW;\n  const textX = (topStart + topEnd + botStart + botEnd) / 4;\n\n  const isLastSegment = i === stages.length - 1;\n  const textY = isLastSegment ? i * segmentHeight + segmentHeight * 0.33 : (i + 0.5) * segmentHeight;\n\n  // Calculate available width based on this specific segment's width\n  let availableWidth: number;\n  if (isLastSegment) {\n    // For triangular last segment, use the width at text Y position\n    const yFromTop = textY - i * segmentHeight;\n    const widthRatio = 1 - yFromTop / segmentHeight;\n    availableWidth = topW * widthRatio;\n  } else {\n    // For trapezoidal segments, use the actual segment width\n    availableWidth = Math.min(topW, botW);\n  }\n\n  const pathD = `M${topStart},${i * segmentHeight}\n    L${topEnd},${i * segmentHeight}\n    L${botEnd},${(i + 1) * segmentHeight}\n    L${botStart},${(i + 1) * segmentHeight}\n    Z`;\n  return { pathD, textX, textY, availableWidth };\n}\n\nexport function getStackedHorizontalFunnelSegmentGeometry({\n  i,\n  k,\n  stages,\n  totals,\n  maxTotal,\n  funnelWidth,\n  funnelHeight,\n}: {\n  i: number;\n  k: number;\n  stages: Stage[];\n  totals: number[];\n  maxTotal: number;\n  funnelWidth: number;\n  funnelHeight: number;\n}): StackedFunnelSegmentGeometry {\n  const segmentWidth = funnelWidth / stages.length;\n  const cur = stages[i];\n  const next = stages[i + 1] || { subValues: [] };\n  const curTotal = totals[i] || 1;\n  const nextTotal = totals[i + 1] || 0;\n\n  let cumTop = 0;\n  let cumBot = 0;\n  for (let idx = 0; idx < k; idx++) {\n    const v = cur.subValues[idx];\n    const vNext = next.subValues?.find((x: SubValue) => x.category === v.category);\n    const val = v.value;\n    const nextVal = vNext ? vNext.value : 0;\n    cumTop += (val / curTotal) * (curTotal / maxTotal) * funnelHeight;\n    cumBot += (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelHeight;\n  }\n  const v = cur.subValues[k];\n  const vNext = next.subValues?.find((x: SubValue) => x.category === v.category);\n  const val = v.value;\n  const nextVal = vNext ? vNext.value : 0;\n  const topH = (val / curTotal) * (curTotal / maxTotal) * funnelHeight;\n  const botH = (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelHeight;\n  const leftStart = i * segmentWidth;\n  const leftEnd = (i + 1) * segmentWidth;\n  const topStart = (funnelHeight - (curTotal / maxTotal) * funnelHeight) / 2 + cumTop;\n  const topEnd = topStart + topH;\n  const botStart = (funnelHeight - (nextTotal / maxTotal) * funnelHeight) / 2 + cumBot;\n  const botEnd = botStart + botH;\n\n  const isLastSegment = i === stages.length - 1;\n  let textX: number;\n  let textY: number;\n  let availableWidth: number;\n\n  if (isLastSegment) {\n    textX = leftStart + (leftEnd - leftStart) * 0.25;\n    textY = (topStart + topEnd) / 2;\n    // For triangular segments, calculate available width at text position\n    const segmentWidthAtTextPos = (leftEnd - leftStart) * 0.5;\n    availableWidth = segmentWidthAtTextPos * 0.8;\n\n    // For triangular last segments, also check if there's enough height\n    // The segment area should be large enough to contain text\n    const segmentArea = (topH * segmentWidth) / 2;\n    if (topH < 24 || segmentArea < 600) {\n      availableWidth = 0;\n    }\n  } else {\n    textX = (leftStart + leftEnd) / 2;\n    textY = (topStart + topEnd + botStart + botEnd) / 4;\n    // For trapezoidal segments, use full segment width\n    availableWidth = Math.abs(leftEnd - leftStart) * 0.9;\n\n    // Check if the segment has sufficient height for text\n    // For non-last segments, we need to ensure there's enough vertical space\n    const avgHeight = (topH + botH) / 2;\n    if (avgHeight < 20) {\n      availableWidth = 0;\n    }\n  }\n\n  const pathD = `M${leftStart},${topStart}\n    L${leftEnd},${botStart}\n    L${leftEnd},${botEnd}\n    L${leftStart},${topEnd}\n    Z`;\n  return { pathD, textX, textY, availableWidth };\n}\n\nexport function getSegmentTextProps({\n  availableWidth,\n  minTextWidth = 24,\n  textX,\n  textY,\n  value,\n  culture,\n  onMouseOver,\n  onMouseMove,\n  onMouseOut,\n}: {\n  availableWidth: number;\n  minTextWidth?: number;\n  textX: number;\n  textY: number;\n  value: number;\n  culture: string | undefined;\n  onMouseOver: ((event: React.MouseEvent<SVGElement>) => void) | undefined;\n  onMouseMove: ((event: React.MouseEvent<SVGElement>) => void) | undefined;\n  onMouseOut: (() => void) | undefined;\n}): {\n  show: boolean;\n  x: number;\n  y: number;\n  value: number;\n  culture: string | undefined;\n  onMouseOver: ((event: React.MouseEvent<SVGElement>) => void) | undefined;\n  onMouseMove: ((event: React.MouseEvent<SVGElement>) => void) | undefined;\n  onMouseOut: (() => void) | undefined;\n} {\n  return {\n    show: availableWidth > minTextWidth && availableWidth > 0,\n    x: textX,\n    y: textY,\n    value,\n    culture,\n    onMouseOver,\n    onMouseMove,\n    onMouseOut,\n  };\n}\n"],"names":["getVerticalFunnelSegmentGeometry","d","i","data","funnelWidth","funnelHeight","isRTL","segmentHeight","length","widthScale","value","Math","max","map","dataPoint","topWidth","bottomWidth","xOffset","nextXOffset","xStart","xEnd","isLastSegment","textY","textX","availableWidth","yFromTop","widthAtY","min","pathD","getHorizontalFunnelSegmentGeometry","segmentWidth","heightScale","leftHeight","rightHeight","yOffset","nextYOffset","x0","x1","segmentArea","minAreaForText","widthAtTextPosition","minHeight","getStackedVerticalFunnelSegmentGeometry","k","stages","totals","maxTotal","next","cur","subValues","curTotal","nextTotal","cumTop","cumBot","idx","v","vNext","find","x","category","val","nextVal","topW","botW","topStart","topEnd","botStart","botEnd","widthRatio","getStackedHorizontalFunnelSegmentGeometry","topH","botH","leftStart","leftEnd","segmentWidthAtTextPos","abs","avgHeight","getSegmentTextProps","minTextWidth","culture","onMouseOver","onMouseMove","onMouseOut","show","y"],"mappings":"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"}

package/lib/components/FunnelChart/index.js

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/FunnelChart/index.ts"],"sourcesContent":["export * from './FunnelChart';\nexport * from './FunnelChart.types';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,sBAAsB"}

package/lib/components/FunnelChart/useFunnelChartStyles.styles.js

@@ -1,83 +0,0 @@
-'use client';
-
-import { __styles, mergeClasses } from '@griffel/react';
-import { tokens } from '@fluentui/react-theme';
-import { getChartTitleStyles, HighContrastSelector } from '../../utilities/index';
-/**
- * @internal
- */
-export const funnelClassNames = {
-  root: 'fui-funnel__root',
-  chart: 'fui-funnel__chart',
-  text: 'fui-funnel__text',
-  calloutContentRoot: 'fui-funnel__callout-content-root',
-  chartTitle: 'fui-funnel__chartTitle',
-  svgTooltip: 'fui-funnel__svgTooltip'
-};
-/**
- * Base Styles
- */
-const useStyles = /*#__PURE__*/__styles({
-  root: {
-    Bt984gj: "f122n59",
-    a9b677: "fly5x3f",
-    Bqenvij: "f1l02sjl",
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fkhj508",
-    Bhrd7zp: "figsok6",
-    qhf8xq: "f10pi13n",
-    fsow6f: ["f1o700av", "fes3tcz"]
-  },
-  chart: {
-    mc9l5x: "ftgm304",
-    a9b677: "fly5x3f",
-    Bqenvij: "f1l02sjl"
-  },
-  text: {
-    Bkecrkj: "f1aehjj5",
-    Bhrd7zp: "fl43uef",
-    Bkfmm31: "fhuob2q",
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fkhj508"
-  },
-  calloutContentRoot: {
-    B2u0y6b: "f15g8at8"
-  },
-  chartTitle: {
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "f13mqy1h",
-    Bhrd7zp: "fl43uef",
-    Bg96gwp: "fcpl73t",
-    Bkfmm31: "fhuob2q",
-    Bvjb7m6: "fhv2zbx",
-    fsow6f: "f17mccla",
-    jrapky: "fqcjy3b"
-  },
-  svgTooltip: {
-    Bkfmm31: "f5q6cfr",
-    Bxms50k: "f1bgda6t"
-  }
-}, {
-  d: [".f122n59{align-items:center;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f10pi13n{position:relative;}", ".f1o700av{text-align:left;}", ".fes3tcz{text-align:right;}", ".ftgm304{display:block;}", ".f1aehjj5{pointer-events:none;}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fhuob2q{fill:var(--colorNeutralForeground1);}", ".f15g8at8{max-width:238px;}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fcpl73t{line-height:var(--lineHeightBase100);}", ".fhv2zbx{forced-color-adjust:auto;}", ".f17mccla{text-align:center;}", ".fqcjy3b{margin-bottom:var(--spacingVerticalS);}", ".f5q6cfr{fill:var(--colorNeutralBackground1);}"],
-  m: [["@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.f1bgda6t{fill:Canvas;}}", {
-    m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
-  }]]
-});
-/**
- * Apply styling to the FunnelChart component
- */
-export const useFunnelChartStyles = props => {
-  var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5;
-  const {
-    className
-  } = props;
-  const baseStyles = useStyles();
-  return {
-    root: mergeClasses(funnelClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),
-    chart: mergeClasses(funnelClassNames.chart, baseStyles.chart, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chart),
-    text: mergeClasses(funnelClassNames.text, baseStyles.text, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.text),
-    calloutContentRoot: mergeClasses(baseStyles.calloutContentRoot, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.calloutContentRoot),
-    chartTitle: mergeClasses(funnelClassNames.chartTitle, baseStyles.chartTitle, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.chartTitle),
-    svgTooltip: mergeClasses(funnelClassNames.svgTooltip, baseStyles.svgTooltip, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.svgTooltip)
-  };
-};

package/lib/components/FunnelChart/useFunnelChartStyles.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__styles","mergeClasses","tokens","getChartTitleStyles","HighContrastSelector","funnelClassNames","root","chart","text","calloutContentRoot","chartTitle","svgTooltip","useStyles","Bt984gj","a9b677","Bqenvij","Bahqtrf","Be2twd7","Bhrd7zp","qhf8xq","fsow6f","mc9l5x","Bkecrkj","Bkfmm31","B2u0y6b","Bg96gwp","Bvjb7m6","jrapky","Bxms50k","d","m","useFunnelChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","className","baseStyles","styles"],"sources":["useFunnelChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { getChartTitleStyles, HighContrastSelector } from '../../utilities/index';\n/**\n * @internal\n */ export const funnelClassNames = {\n    root: 'fui-funnel__root',\n    chart: 'fui-funnel__chart',\n    text: 'fui-funnel__text',\n    calloutContentRoot: 'fui-funnel__callout-content-root',\n    chartTitle: 'fui-funnel__chartTitle',\n    svgTooltip: 'fui-funnel__svgTooltip'\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    root: {\n        alignItems: 'center',\n        width: '100%',\n        height: '100%',\n        fontFamily: tokens.fontFamilyBase,\n        fontSize: tokens.fontSizeBase300,\n        fontWeight: tokens.fontWeightRegular,\n        position: 'relative',\n        textAlign: 'left'\n    },\n    chart: {\n        display: 'block',\n        width: '100%',\n        height: '100%'\n    },\n    text: {\n        pointerEvents: 'none',\n        fontWeight: tokens.fontWeightSemibold,\n        fill: tokens.colorNeutralForeground1,\n        fontFamily: tokens.fontFamilyBase,\n        fontSize: tokens.fontSizeBase300\n    },\n    calloutContentRoot: {\n        maxWidth: '238px'\n    },\n    chartTitle: getChartTitleStyles(),\n    svgTooltip: {\n        fill: tokens.colorNeutralBackground1,\n        [HighContrastSelector]: {\n            fill: 'Canvas'\n        }\n    }\n});\n/**\n * Apply styling to the FunnelChart component\n */ export const useFunnelChartStyles = (props)=>{\n    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5;\n    const { className } = props;\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(funnelClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        chart: mergeClasses(funnelClassNames.chart, baseStyles.chart, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chart),\n        text: mergeClasses(funnelClassNames.text, baseStyles.text, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.text),\n        calloutContentRoot: mergeClasses(baseStyles.calloutContentRoot, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.calloutContentRoot),\n        chartTitle: mergeClasses(funnelClassNames.chartTitle, baseStyles.chartTitle, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.chartTitle),\n        svgTooltip: mergeClasses(funnelClassNames.svgTooltip, baseStyles.svgTooltip, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.svgTooltip)\n    };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/FunnelChart/useFunnelChartStyles.styles.raw.js

@@ -1,65 +0,0 @@
-'use client';
-import { makeStyles, mergeClasses } from '@griffel/react';
-import { tokens } from '@fluentui/react-theme';
-import { getChartTitleStyles, HighContrastSelector } from '../../utilities/index';
-/**
- * @internal
- */ export const funnelClassNames = {
-    root: 'fui-funnel__root',
-    chart: 'fui-funnel__chart',
-    text: 'fui-funnel__text',
-    calloutContentRoot: 'fui-funnel__callout-content-root',
-    chartTitle: 'fui-funnel__chartTitle',
-    svgTooltip: 'fui-funnel__svgTooltip'
-};
-/**
- * Base Styles
- */ const useStyles = makeStyles({
-    root: {
-        alignItems: 'center',
-        width: '100%',
-        height: '100%',
-        fontFamily: tokens.fontFamilyBase,
-        fontSize: tokens.fontSizeBase300,
-        fontWeight: tokens.fontWeightRegular,
-        position: 'relative',
-        textAlign: 'left'
-    },
-    chart: {
-        display: 'block',
-        width: '100%',
-        height: '100%'
-    },
-    text: {
-        pointerEvents: 'none',
-        fontWeight: tokens.fontWeightSemibold,
-        fill: tokens.colorNeutralForeground1,
-        fontFamily: tokens.fontFamilyBase,
-        fontSize: tokens.fontSizeBase300
-    },
-    calloutContentRoot: {
-        maxWidth: '238px'
-    },
-    chartTitle: getChartTitleStyles(),
-    svgTooltip: {
-        fill: tokens.colorNeutralBackground1,
-        [HighContrastSelector]: {
-            fill: 'Canvas'
-        }
-    }
-});
-/**
- * Apply styling to the FunnelChart component
- */ export const useFunnelChartStyles = (props)=>{
-    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5;
-    const { className } = props;
-    const baseStyles = useStyles();
-    return {
-        root: mergeClasses(funnelClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),
-        chart: mergeClasses(funnelClassNames.chart, baseStyles.chart, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chart),
-        text: mergeClasses(funnelClassNames.text, baseStyles.text, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.text),
-        calloutContentRoot: mergeClasses(baseStyles.calloutContentRoot, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.calloutContentRoot),
-        chartTitle: mergeClasses(funnelClassNames.chartTitle, baseStyles.chartTitle, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.chartTitle),
-        svgTooltip: mergeClasses(funnelClassNames.svgTooltip, baseStyles.svgTooltip, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.svgTooltip)
-    };
-};

package/lib/components/FunnelChart/useFunnelChartStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/FunnelChart/useFunnelChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { GriffelStyle } from '@griffel/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { FunnelChartProps, FunnelChartStyles } from './index';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { getChartTitleStyles, HighContrastSelector } from '../../utilities/index';\n\n/**\n * @internal\n */\nexport const funnelClassNames: SlotClassNames<FunnelChartStyles> = {\n  root: 'fui-funnel__root',\n  chart: 'fui-funnel__chart',\n  text: 'fui-funnel__text',\n  calloutContentRoot: 'fui-funnel__callout-content-root',\n  chartTitle: 'fui-funnel__chartTitle',\n  svgTooltip: 'fui-funnel__svgTooltip',\n};\n\n/**\n * Base Styles\n */\nconst useStyles = makeStyles({\n  root: {\n    alignItems: 'center',\n    width: '100%',\n    height: '100%',\n    fontFamily: tokens.fontFamilyBase,\n    fontSize: tokens.fontSizeBase300,\n    fontWeight: tokens.fontWeightRegular,\n    position: 'relative',\n    textAlign: 'left',\n  },\n  chart: {\n    display: 'block',\n    width: '100%',\n    height: '100%',\n  },\n  text: {\n    pointerEvents: 'none',\n    fontWeight: tokens.fontWeightSemibold,\n    fill: tokens.colorNeutralForeground1,\n    fontFamily: tokens.fontFamilyBase,\n    fontSize: tokens.fontSizeBase300,\n  },\n  calloutContentRoot: {\n    maxWidth: '238px',\n  },\n  chartTitle: getChartTitleStyles() as GriffelStyle,\n  svgTooltip: {\n    fill: tokens.colorNeutralBackground1,\n    [HighContrastSelector]: {\n      fill: 'Canvas',\n    },\n  },\n});\n\n/**\n * Apply styling to the FunnelChart component\n */\nexport const useFunnelChartStyles = (props: FunnelChartProps): FunnelChartStyles => {\n  const { className } = props;\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(funnelClassNames.root, baseStyles.root, className, props.styles?.root),\n    chart: mergeClasses(funnelClassNames.chart, baseStyles.chart, props.styles?.chart),\n    text: mergeClasses(funnelClassNames.text, baseStyles.text, props.styles?.text),\n    calloutContentRoot: mergeClasses(baseStyles.calloutContentRoot, props.styles?.calloutContentRoot),\n    chartTitle: mergeClasses(funnelClassNames.chartTitle, baseStyles.chartTitle, props.styles?.chartTitle),\n    svgTooltip: mergeClasses(funnelClassNames.svgTooltip, baseStyles.svgTooltip, props.styles?.svgTooltip),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","getChartTitleStyles","HighContrastSelector","funnelClassNames","root","chart","text","calloutContentRoot","chartTitle","svgTooltip","useStyles","alignItems","width","height","fontFamily","fontFamilyBase","fontSize","fontSizeBase300","fontWeight","fontWeightRegular","position","textAlign","display","pointerEvents","fontWeightSemibold","fill","colorNeutralForeground1","maxWidth","colorNeutralBackground1","useFunnelChartStyles","props","className","baseStyles","styles"],"mappings":"AAAA;AAGA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,MAAM,QAAQ,wBAAwB;AAG/C,SAASC,mBAAmB,EAAEC,oBAAoB,QAAQ,wBAAwB;AAElF;;CAEC,GACD,OAAO,MAAMC,mBAAsD;IACjEC,MAAM;IACNC,OAAO;IACPC,MAAM;IACNC,oBAAoB;IACpBC,YAAY;IACZC,YAAY;AACd,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYZ,WAAW;IAC3BM,MAAM;QACJO,YAAY;QACZC,OAAO;QACPC,QAAQ;QACRC,YAAYd,OAAOe,cAAc;QACjCC,UAAUhB,OAAOiB,eAAe;QAChCC,YAAYlB,OAAOmB,iBAAiB;QACpCC,UAAU;QACVC,WAAW;IACb;IACAhB,OAAO;QACLiB,SAAS;QACTV,OAAO;QACPC,QAAQ;IACV;IACAP,MAAM;QACJiB,eAAe;QACfL,YAAYlB,OAAOwB,kBAAkB;QACrCC,MAAMzB,OAAO0B,uBAAuB;QACpCZ,YAAYd,OAAOe,cAAc;QACjCC,UAAUhB,OAAOiB,eAAe;IAClC;IACAV,oBAAoB;QAClBoB,UAAU;IACZ;IACAnB,YAAYP;IACZQ,YAAY;QACVgB,MAAMzB,OAAO4B,uBAAuB;QACpC,CAAC1B,qBAAqB,EAAE;YACtBuB,MAAM;QACR;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAMI,uBAAuB,CAACC;QAKqCA,eACRA,gBACHA,gBACKA,gBACaA,gBACAA;IAT/E,MAAM,EAAEC,SAAS,EAAE,GAAGD;IACtB,MAAME,aAAatB;IAEnB,OAAO;QACLN,MAAML,aAAaI,iBAAiBC,IAAI,EAAE4B,WAAW5B,IAAI,EAAE2B,YAAWD,gBAAAA,MAAMG,MAAM,cAAZH,oCAAAA,cAAc1B,IAAI;QACxFC,OAAON,aAAaI,iBAAiBE,KAAK,EAAE2B,WAAW3B,KAAK,GAAEyB,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAczB,KAAK;QACjFC,MAAMP,aAAaI,iBAAiBG,IAAI,EAAE0B,WAAW1B,IAAI,GAAEwB,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAcxB,IAAI;QAC7EC,oBAAoBR,aAAaiC,WAAWzB,kBAAkB,GAAEuB,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAcvB,kBAAkB;QAChGC,YAAYT,aAAaI,iBAAiBK,UAAU,EAAEwB,WAAWxB,UAAU,GAAEsB,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAActB,UAAU;QACrGC,YAAYV,aAAaI,iBAAiBM,UAAU,EAAEuB,WAAWvB,UAAU,GAAEqB,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAcrB,UAAU;IACvG;AACF,EAAE"}