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

package/lib/utilities/ChartTitle.js

@@ -1,45 +0,0 @@
-import * as React from 'react';
-import { SVGTooltipText } from './SVGTooltipText';
-import { CHART_TITLE_PADDING, getChartTitleInlineStyles } from './Common.styles';
-import { wrapContent } from './utilities';
-const AXIS_TITLE_PADDING = 8;
-/**
- * A reusable chart title component that renders an SVG text element with tooltip support.
- * This component encapsulates the common pattern for rendering chart titles across all chart types.
- */ export const ChartTitle = (props)=>{
-    const { title, x, y, maxWidth, className, titleStyles, tooltipProps, tooltipClassName } = props;
-    const { titleFont, titleXAnchor, titleYAnchor, titlePad } = titleStyles !== null && titleStyles !== void 0 ? titleStyles : {};
-    const computedTextAnchor = titleXAnchor === 'left' ? 'start' : titleXAnchor === 'right' ? 'end' : 'middle';
-    // Calculate dominantBaseline from titleYAnchor for vertical alignment
-    // 'top' means text hangs below the y position (text-before-edge/hanging)
-    // 'bottom' means text sits above the y position (text-after-edge/alphabetic)
-    // 'middle' means text is centered on the y position (central)
-    const computedDominantBaseline = titleYAnchor === 'top' ? 'hanging' : titleYAnchor === 'bottom' ? 'alphabetic' : titleYAnchor === 'middle' ? 'central' : 'auto';
-    var _titlePad_l, _titlePad_r;
-    // Calculate x position with padding adjustments
-    const computedX = x + ((_titlePad_l = titlePad === null || titlePad === void 0 ? void 0 : titlePad.l) !== null && _titlePad_l !== void 0 ? _titlePad_l : 0) - ((_titlePad_r = titlePad === null || titlePad === void 0 ? void 0 : titlePad.r) !== null && _titlePad_r !== void 0 ? _titlePad_r : 0);
-    var _titlePad_t, _titlePad_b;
-    // Calculate y position with padding adjustments
-    const calculatedY = (y !== null && y !== void 0 ? y : Math.max((typeof (titleFont === null || titleFont === void 0 ? void 0 : titleFont.size) === 'number' ? titleFont.size : 13) + AXIS_TITLE_PADDING, CHART_TITLE_PADDING - AXIS_TITLE_PADDING)) + ((_titlePad_t = titlePad === null || titlePad === void 0 ? void 0 : titlePad.t) !== null && _titlePad_t !== void 0 ? _titlePad_t : 0) - ((_titlePad_b = titlePad === null || titlePad === void 0 ? void 0 : titlePad.b) !== null && _titlePad_b !== void 0 ? _titlePad_b : 0);
-    const commonSvgToolTipProps = {
-        wrapContent,
-        showBackground: true,
-        className: tooltipClassName,
-        ...tooltipProps
-    };
-    return /*#__PURE__*/ React.createElement(SVGTooltipText, {
-        ...commonSvgToolTipProps,
-        content: title,
-        textProps: {
-            x: computedX,
-            y: calculatedY,
-            textAnchor: computedTextAnchor,
-            dominantBaseline: computedDominantBaseline,
-            className,
-            'aria-hidden': true,
-            style: getChartTitleInlineStyles(titleFont)
-        },
-        maxWidth: maxWidth
-    });
-};
-ChartTitle.displayName = 'ChartTitle';

package/lib/utilities/ChartTitle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utilities/ChartTitle.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGTooltipTextProps } from './SVGTooltipText';\nimport { SVGTooltipText } from './SVGTooltipText';\nimport type { TitleStyles } from './Common.styles';\nimport { CHART_TITLE_PADDING, getChartTitleInlineStyles } from './Common.styles';\nimport { wrapContent } from './utilities';\n\nconst AXIS_TITLE_PADDING = 8;\n\n/**\n * Props for the ChartTitle component\n */\nexport interface ChartTitleProps {\n  /**\n   * The title text to display\n   */\n  title: string;\n  /**\n   * The x position for the title (typically center of chart)\n   */\n  x: number;\n  /**\n   * Optional custom y position. If not provided, calculated based on font size.\n   */\n  y?: number;\n  /**\n   * Maximum width for the title text before wrapping/truncation\n   */\n  maxWidth?: number;\n  /**\n   * CSS class name for the title text element\n   */\n  className?: string;\n  /**\n   * Title styles configuration (font, anchors, padding)\n   */\n  titleStyles?: TitleStyles;\n  /**\n   * Text anchor for SVG text element\n   * @default 'middle'\n   */\n  textAnchor?: 'start' | 'middle' | 'end';\n  /**\n   * Additional SVGTooltipText props to pass through\n   */\n  tooltipProps?: Partial<SVGTooltipTextProps>;\n  /**\n   * CSS class for the tooltip\n   */\n  tooltipClassName?: string;\n}\n\n/**\n * A reusable chart title component that renders an SVG text element with tooltip support.\n * This component encapsulates the common pattern for rendering chart titles across all chart types.\n */\nexport const ChartTitle: React.FunctionComponent<ChartTitleProps> = props => {\n  const { title, x, y, maxWidth, className, titleStyles, tooltipProps, tooltipClassName } = props;\n\n  const { titleFont, titleXAnchor, titleYAnchor, titlePad } = titleStyles ?? {};\n  const computedTextAnchor = titleXAnchor === 'left' ? 'start' : titleXAnchor === 'right' ? 'end' : 'middle';\n\n  // Calculate dominantBaseline from titleYAnchor for vertical alignment\n  // 'top' means text hangs below the y position (text-before-edge/hanging)\n  // 'bottom' means text sits above the y position (text-after-edge/alphabetic)\n  // 'middle' means text is centered on the y position (central)\n  const computedDominantBaseline =\n    titleYAnchor === 'top'\n      ? 'hanging'\n      : titleYAnchor === 'bottom'\n      ? 'alphabetic'\n      : titleYAnchor === 'middle'\n      ? 'central'\n      : 'auto';\n\n  // Calculate x position with padding adjustments\n  const computedX = x + (titlePad?.l ?? 0) - (titlePad?.r ?? 0);\n\n  // Calculate y position with padding adjustments\n  const calculatedY =\n    (y ??\n      Math.max(\n        (typeof titleFont?.size === 'number' ? titleFont.size : 13) + AXIS_TITLE_PADDING,\n        CHART_TITLE_PADDING - AXIS_TITLE_PADDING,\n      )) +\n    (titlePad?.t ?? 0) -\n    (titlePad?.b ?? 0);\n\n  const commonSvgToolTipProps: Partial<SVGTooltipTextProps> = {\n    wrapContent,\n    showBackground: true,\n    className: tooltipClassName,\n    ...tooltipProps,\n  };\n  return (\n    <SVGTooltipText\n      {...commonSvgToolTipProps}\n      content={title}\n      textProps={{\n        x: computedX,\n        y: calculatedY,\n        textAnchor: computedTextAnchor,\n        dominantBaseline: computedDominantBaseline,\n        className,\n        'aria-hidden': true,\n        style: getChartTitleInlineStyles(titleFont),\n      }}\n      maxWidth={maxWidth}\n    />\n  );\n};\n\nChartTitle.displayName = 'ChartTitle';\n"],"names":["React","SVGTooltipText","CHART_TITLE_PADDING","getChartTitleInlineStyles","wrapContent","AXIS_TITLE_PADDING","ChartTitle","props","title","x","y","maxWidth","className","titleStyles","tooltipProps","tooltipClassName","titleFont","titleXAnchor","titleYAnchor","titlePad","computedTextAnchor","computedDominantBaseline","computedX","l","r","calculatedY","Math","max","size","t","b","commonSvgToolTipProps","showBackground","content","textProps","textAnchor","dominantBaseline","style","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,cAAc,QAAQ,mBAAmB;AAElD,SAASC,mBAAmB,EAAEC,yBAAyB,QAAQ,kBAAkB;AACjF,SAASC,WAAW,QAAQ,cAAc;AAE1C,MAAMC,qBAAqB;AA6C3B;;;CAGC,GACD,OAAO,MAAMC,aAAuDC,CAAAA;IAClE,MAAM,EAAEC,KAAK,EAAEC,CAAC,EAAEC,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,gBAAgB,EAAE,GAAGR;IAE1F,MAAM,EAAES,SAAS,EAAEC,YAAY,EAAEC,YAAY,EAAEC,QAAQ,EAAE,GAAGN,wBAAAA,yBAAAA,cAAe,CAAC;IAC5E,MAAMO,qBAAqBH,iBAAiB,SAAS,UAAUA,iBAAiB,UAAU,QAAQ;IAElG,sEAAsE;IACtE,yEAAyE;IACzE,6EAA6E;IAC7E,8DAA8D;IAC9D,MAAMI,2BACJH,iBAAiB,QACb,YACAA,iBAAiB,WACjB,eACAA,iBAAiB,WACjB,YACA;QAGiBC,aAAqBA;IAD5C,gDAAgD;IAChD,MAAMG,YAAYb,IAAKU,CAAAA,CAAAA,cAAAA,qBAAAA,+BAAAA,SAAUI,CAAC,cAAXJ,yBAAAA,cAAe,CAAA,IAAMA,CAAAA,CAAAA,cAAAA,qBAAAA,+BAAAA,SAAUK,CAAC,cAAXL,yBAAAA,cAAe,CAAA;QASxDA,aACAA;IARH,gDAAgD;IAChD,MAAMM,cACJ,AAACf,CAAAA,cAAAA,eAAAA,IACCgB,KAAKC,GAAG,CACN,AAAC,CAAA,QAAOX,sBAAAA,gCAAAA,UAAWY,IAAI,MAAK,WAAWZ,UAAUY,IAAI,GAAG,EAAC,IAAKvB,oBAC9DH,sBAAsBG,mBACxB,IACDc,CAAAA,CAAAA,cAAAA,qBAAAA,+BAAAA,SAAUU,CAAC,cAAXV,yBAAAA,cAAe,CAAA,IACfA,CAAAA,CAAAA,cAAAA,qBAAAA,+BAAAA,SAAUW,CAAC,cAAXX,yBAAAA,cAAe,CAAA;IAElB,MAAMY,wBAAsD;QAC1D3B;QACA4B,gBAAgB;QAChBpB,WAAWG;QACX,GAAGD,YAAY;IACjB;IACA,qBACE,oBAACb;QACE,GAAG8B,qBAAqB;QACzBE,SAASzB;QACT0B,WAAW;YACTzB,GAAGa;YACHZ,GAAGe;YACHU,YAAYf;YACZgB,kBAAkBf;YAClBT;YACA,eAAe;YACfyB,OAAOlC,0BAA0Ba;QACnC;QACAL,UAAUA;;AAGhB,EAAE;AAEFL,WAAWgC,WAAW,GAAG"}

package/lib/utilities/Common.styles.js

@@ -1,117 +0,0 @@
-import { HighContrastSelector } from '../utilities/utilities';
-import { tokens, typographyStyles } from '@fluentui/react-theme';
-/**
- * Default padding below chart title (in pixels).
- * Used consistently across all chart types for spacing between title and chart content.
- */
-export const CHART_TITLE_PADDING = 20;
-export const getTooltipStyle = () => {
-  return {
-    ...typographyStyles.body1,
-    display: 'flex',
-    flexDirection: 'column',
-    padding: tokens.spacingHorizontalS,
-    position: 'absolute',
-    textAlign: 'center',
-    backgroundColor: tokens.colorNeutralBackground1,
-    borderRadius: tokens.borderRadiusSmall,
-    pointerEvents: 'none',
-    color: tokens.colorNeutralForeground1
-  };
-};
-export const getAxisTitleStyle = () => {
-  return {
-    ...typographyStyles.caption2Strong,
-    fontStyle: 'normal',
-    textAlign: 'center',
-    color: tokens.colorNeutralForeground2,
-    fill: tokens.colorNeutralForeground1,
-    [HighContrastSelector]: {
-      fill: 'CanvasText'
-    }
-  };
-};
-export const getBarLabelStyle = () => {
-  return {
-    ...typographyStyles.caption1Strong,
-    fill: tokens.colorNeutralForeground1,
-    forcedColorAdjust: 'auto'
-  };
-};
-export const getMarkerLabelStyle = () => {
-  return {
-    ...typographyStyles.body1,
-    fill: tokens.colorNeutralForeground1,
-    textAnchor: 'middle',
-    [HighContrastSelector]: {
-      fill: 'CanvasText'
-    }
-  };
-};
-export const getChartTitleStyles = () => {
-  return {
-    ...typographyStyles.caption2Strong,
-    fill: tokens.colorNeutralForeground1,
-    forcedColorAdjust: 'auto',
-    textAlign: 'center',
-    marginBottom: tokens.spacingVerticalS
-  };
-};
-/**
- * Creates dynamic chart title styles using CSS properties.
- * @param titleFont - Optional font configuration from Plotly layout
- * @param xanchor - Optional horizontal anchor/alignment ('auto' | 'left' | 'center' | 'right')
- * @param yanchor - Optional vertical anchor/alignment ('auto' | 'top' | 'middle' | 'bottom')
- * @param pad - Optional padding configuration
- * @returns Style object with CSS properties for dynamic styling
- */
-export function getChartTitleInlineStyles(titleFont, xanchor, yanchor, pad) {
-  const styles = {};
-  if (titleFont) {
-    Object.assign(styles, titleFont.family && {
-      fontFamily: titleFont.family
-    }, titleFont.size && {
-      fontSize: `${titleFont.size}px`
-    }, titleFont.weight && {
-      fontWeight: titleFont.weight
-    }, titleFont.color && {
-      fill: titleFont.color
-    }, titleFont.shadow && titleFont.shadow !== 'none' && {
-      filter: `drop-shadow(${titleFont.shadow})`
-    });
-  }
-  if (xanchor) {
-    const anchorMap = {
-      left: 'left',
-      center: 'center',
-      right: 'right'
-    };
-    const alignmentKey = xanchor.toLowerCase();
-    if (anchorMap[alignmentKey]) {
-      styles.textAlign = anchorMap[alignmentKey];
-    }
-  }
-  if (yanchor) {
-    const anchorMap = {
-      top: 'flex-start',
-      middle: 'center',
-      bottom: 'flex-end'
-    };
-    const alignmentKey = yanchor.toLowerCase();
-    if (anchorMap[alignmentKey]) {
-      styles.alignSelf = anchorMap[alignmentKey];
-    }
-  }
-  if (pad) {
-    var _pad_t;
-    const t = (_pad_t = pad.t) !== null && _pad_t !== void 0 ? _pad_t : 0;
-    var _pad_r;
-    const r = (_pad_r = pad.r) !== null && _pad_r !== void 0 ? _pad_r : 0;
-    var _pad_b;
-    const b = (_pad_b = pad.b) !== null && _pad_b !== void 0 ? _pad_b : 0;
-    var _pad_l;
-    const l = (_pad_l = pad.l) !== null && _pad_l !== void 0 ? _pad_l : 0;
-    styles.padding = `${t}px ${r}px ${b}px ${l}px`;
-  }
-  return styles;
-}

package/lib/utilities/Common.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["HighContrastSelector","tokens","typographyStyles","CHART_TITLE_PADDING","getTooltipStyle","body1","display","flexDirection","padding","spacingHorizontalS","position","textAlign","backgroundColor","colorNeutralBackground1","borderRadius","borderRadiusSmall","pointerEvents","color","colorNeutralForeground1","getAxisTitleStyle","caption2Strong","fontStyle","colorNeutralForeground2","fill","getBarLabelStyle","caption1Strong","forcedColorAdjust","getMarkerLabelStyle","textAnchor","getChartTitleStyles","marginBottom","spacingVerticalS","getChartTitleInlineStyles","titleFont","xanchor","yanchor","pad","styles","Object","assign","family","fontFamily","size","fontSize","weight","fontWeight","shadow","filter","anchorMap","left","center","right","alignmentKey","toLowerCase","top","middle","bottom","alignSelf","_pad_t","t","_pad_r","r","_pad_b","b","_pad_l","l"],"sources":["Common.styles.js"],"sourcesContent":["import { HighContrastSelector } from '../utilities/utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n/**\n * Default padding below chart title (in pixels).\n * Used consistently across all chart types for spacing between title and chart content.\n */ export const CHART_TITLE_PADDING = 20;\nexport const getTooltipStyle = ()=>{\n    return {\n        ...typographyStyles.body1,\n        display: 'flex',\n        flexDirection: 'column',\n        padding: tokens.spacingHorizontalS,\n        position: 'absolute',\n        textAlign: 'center',\n        backgroundColor: tokens.colorNeutralBackground1,\n        borderRadius: tokens.borderRadiusSmall,\n        pointerEvents: 'none',\n        color: tokens.colorNeutralForeground1\n    };\n};\nexport const getAxisTitleStyle = ()=>{\n    return {\n        ...typographyStyles.caption2Strong,\n        fontStyle: 'normal',\n        textAlign: 'center',\n        color: tokens.colorNeutralForeground2,\n        fill: tokens.colorNeutralForeground1,\n        [HighContrastSelector]: {\n            fill: 'CanvasText'\n        }\n    };\n};\nexport const getBarLabelStyle = ()=>{\n    return {\n        ...typographyStyles.caption1Strong,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    };\n};\nexport const getMarkerLabelStyle = ()=>{\n    return {\n        ...typographyStyles.body1,\n        fill: tokens.colorNeutralForeground1,\n        textAnchor: 'middle',\n        [HighContrastSelector]: {\n            fill: 'CanvasText'\n        }\n    };\n};\nexport const getChartTitleStyles = ()=>{\n    return {\n        ...typographyStyles.caption2Strong,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto',\n        textAlign: 'center',\n        marginBottom: tokens.spacingVerticalS\n    };\n};\n/**\n * Creates dynamic chart title styles using CSS properties.\n * @param titleFont - Optional font configuration from Plotly layout\n * @param xanchor - Optional horizontal anchor/alignment ('auto' | 'left' | 'center' | 'right')\n * @param yanchor - Optional vertical anchor/alignment ('auto' | 'top' | 'middle' | 'bottom')\n * @param pad - Optional padding configuration\n * @returns Style object with CSS properties for dynamic styling\n */ export function getChartTitleInlineStyles(titleFont, xanchor, yanchor, pad) {\n    const styles = {};\n    if (titleFont) {\n        Object.assign(styles, titleFont.family && {\n            fontFamily: titleFont.family\n        }, titleFont.size && {\n            fontSize: `${titleFont.size}px`\n        }, titleFont.weight && {\n            fontWeight: titleFont.weight\n        }, titleFont.color && {\n            fill: titleFont.color\n        }, titleFont.shadow && titleFont.shadow !== 'none' && {\n            filter: `drop-shadow(${titleFont.shadow})`\n        });\n    }\n    if (xanchor) {\n        const anchorMap = {\n            left: 'left',\n            center: 'center',\n            right: 'right'\n        };\n        const alignmentKey = xanchor.toLowerCase();\n        if (anchorMap[alignmentKey]) {\n            styles.textAlign = anchorMap[alignmentKey];\n        }\n    }\n    if (yanchor) {\n        const anchorMap = {\n            top: 'flex-start',\n            middle: 'center',\n            bottom: 'flex-end'\n        };\n        const alignmentKey = yanchor.toLowerCase();\n        if (anchorMap[alignmentKey]) {\n            styles.alignSelf = anchorMap[alignmentKey];\n        }\n    }\n    if (pad) {\n        var _pad_t;\n        const t = (_pad_t = pad.t) !== null && _pad_t !== void 0 ? _pad_t : 0;\n        var _pad_r;\n        const r = (_pad_r = pad.r) !== null && _pad_r !== void 0 ? _pad_r : 0;\n        var _pad_b;\n        const b = (_pad_b = pad.b) !== null && _pad_b !== void 0 ? _pad_b : 0;\n        var _pad_l;\n        const l = (_pad_l = pad.l) !== null && _pad_l !== void 0 ? _pad_l : 0;\n        styles.padding = `${t}px ${r}px ${b}px ${l}px`;\n    }\n    return styles;\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/utilities/Common.styles.raw.js

@@ -1,115 +0,0 @@
-import { HighContrastSelector } from '../utilities/utilities';
-import { tokens, typographyStyles } from '@fluentui/react-theme';
-/**
- * Default padding below chart title (in pixels).
- * Used consistently across all chart types for spacing between title and chart content.
- */ export const CHART_TITLE_PADDING = 20;
-export const getTooltipStyle = ()=>{
-    return {
-        ...typographyStyles.body1,
-        display: 'flex',
-        flexDirection: 'column',
-        padding: tokens.spacingHorizontalS,
-        position: 'absolute',
-        textAlign: 'center',
-        backgroundColor: tokens.colorNeutralBackground1,
-        borderRadius: tokens.borderRadiusSmall,
-        pointerEvents: 'none',
-        color: tokens.colorNeutralForeground1
-    };
-};
-export const getAxisTitleStyle = ()=>{
-    return {
-        ...typographyStyles.caption2Strong,
-        fontStyle: 'normal',
-        textAlign: 'center',
-        color: tokens.colorNeutralForeground2,
-        fill: tokens.colorNeutralForeground1,
-        [HighContrastSelector]: {
-            fill: 'CanvasText'
-        }
-    };
-};
-export const getBarLabelStyle = ()=>{
-    return {
-        ...typographyStyles.caption1Strong,
-        fill: tokens.colorNeutralForeground1,
-        forcedColorAdjust: 'auto'
-    };
-};
-export const getMarkerLabelStyle = ()=>{
-    return {
-        ...typographyStyles.body1,
-        fill: tokens.colorNeutralForeground1,
-        textAnchor: 'middle',
-        [HighContrastSelector]: {
-            fill: 'CanvasText'
-        }
-    };
-};
-export const getChartTitleStyles = ()=>{
-    return {
-        ...typographyStyles.caption2Strong,
-        fill: tokens.colorNeutralForeground1,
-        forcedColorAdjust: 'auto',
-        textAlign: 'center',
-        marginBottom: tokens.spacingVerticalS
-    };
-};
-/**
- * Creates dynamic chart title styles using CSS properties.
- * @param titleFont - Optional font configuration from Plotly layout
- * @param xanchor - Optional horizontal anchor/alignment ('auto' | 'left' | 'center' | 'right')
- * @param yanchor - Optional vertical anchor/alignment ('auto' | 'top' | 'middle' | 'bottom')
- * @param pad - Optional padding configuration
- * @returns Style object with CSS properties for dynamic styling
- */ export function getChartTitleInlineStyles(titleFont, xanchor, yanchor, pad) {
-    const styles = {};
-    if (titleFont) {
-        Object.assign(styles, titleFont.family && {
-            fontFamily: titleFont.family
-        }, titleFont.size && {
-            fontSize: `${titleFont.size}px`
-        }, titleFont.weight && {
-            fontWeight: titleFont.weight
-        }, titleFont.color && {
-            fill: titleFont.color
-        }, titleFont.shadow && titleFont.shadow !== 'none' && {
-            filter: `drop-shadow(${titleFont.shadow})`
-        });
-    }
-    if (xanchor) {
-        const anchorMap = {
-            left: 'left',
-            center: 'center',
-            right: 'right'
-        };
-        const alignmentKey = xanchor.toLowerCase();
-        if (anchorMap[alignmentKey]) {
-            styles.textAlign = anchorMap[alignmentKey];
-        }
-    }
-    if (yanchor) {
-        const anchorMap = {
-            top: 'flex-start',
-            middle: 'center',
-            bottom: 'flex-end'
-        };
-        const alignmentKey = yanchor.toLowerCase();
-        if (anchorMap[alignmentKey]) {
-            styles.alignSelf = anchorMap[alignmentKey];
-        }
-    }
-    if (pad) {
-        var _pad_t;
-        const t = (_pad_t = pad.t) !== null && _pad_t !== void 0 ? _pad_t : 0;
-        var _pad_r;
-        const r = (_pad_r = pad.r) !== null && _pad_r !== void 0 ? _pad_r : 0;
-        var _pad_b;
-        const b = (_pad_b = pad.b) !== null && _pad_b !== void 0 ? _pad_b : 0;
-        var _pad_l;
-        const l = (_pad_l = pad.l) !== null && _pad_l !== void 0 ? _pad_l : 0;
-        styles.padding = `${t}px ${r}px ${b}px ${l}px`;
-    }
-    return styles;
-}

package/lib/utilities/Common.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utilities/Common.styles.ts"],"sourcesContent":["import { HighContrastSelector } from '../utilities/utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { type GriffelStyle } from '@griffel/react';\nimport type { Font } from '@fluentui/chart-utilities';\n\n/**\n * Default padding below chart title (in pixels).\n * Used consistently across all chart types for spacing between title and chart content.\n */\nexport const CHART_TITLE_PADDING = 20;\n\n/**\n * Shared interface for chart title styling properties.\n * Used by components that display a chart title with customizable font, alignment, and padding.\n * {@docCategory TitleStyles}\n */\nexport interface TitleStyles {\n  /**\n   * Font configuration for the title\n   */\n  titleFont?: Partial<Font>;\n  /**\n   * Horizontal anchor/alignment for the chart title\n   */\n  titleXAnchor?: 'auto' | 'left' | 'center' | 'right';\n  /**\n   * Vertical anchor/alignment for the chart title\n   */\n  titleYAnchor?: 'auto' | 'top' | 'middle' | 'bottom';\n  /**\n   * Padding for the chart title\n   */\n  titlePad?: { t?: number; r?: number; b?: number; l?: number };\n}\n\nexport const getTooltipStyle = (): GriffelStyle => {\n  return {\n    ...typographyStyles.body1,\n    display: 'flex',\n    flexDirection: 'column',\n    padding: tokens.spacingHorizontalS,\n    position: 'absolute',\n    textAlign: 'center',\n    backgroundColor: tokens.colorNeutralBackground1,\n    borderRadius: tokens.borderRadiusSmall,\n    pointerEvents: 'none',\n    color: tokens.colorNeutralForeground1,\n  };\n};\n\nexport const getAxisTitleStyle = (): GriffelStyle => {\n  return {\n    ...typographyStyles.caption2Strong,\n    fontStyle: 'normal',\n    textAlign: 'center',\n    color: tokens.colorNeutralForeground2,\n    fill: tokens.colorNeutralForeground1,\n    [HighContrastSelector]: {\n      fill: 'CanvasText',\n    },\n  };\n};\n\nexport const getBarLabelStyle = (): GriffelStyle => {\n  return {\n    ...typographyStyles.caption1Strong, // Confirm styles\n    fill: tokens.colorNeutralForeground1,\n    forcedColorAdjust: 'auto',\n  };\n};\n\nexport const getMarkerLabelStyle = (): GriffelStyle => {\n  return {\n    ...typographyStyles.body1,\n    fill: tokens.colorNeutralForeground1,\n    textAnchor: 'middle',\n    [HighContrastSelector]: {\n      fill: 'CanvasText',\n    },\n  };\n};\n\nexport const getChartTitleStyles = (): GriffelStyle => {\n  return {\n    ...typographyStyles.caption2Strong,\n    fill: tokens.colorNeutralForeground1,\n    forcedColorAdjust: 'auto',\n    textAlign: 'center',\n    marginBottom: tokens.spacingVerticalS,\n  };\n};\n\n/**\n * Creates dynamic chart title styles using CSS properties.\n * @param titleFont - Optional font configuration from Plotly layout\n * @param xanchor - Optional horizontal anchor/alignment ('auto' | 'left' | 'center' | 'right')\n * @param yanchor - Optional vertical anchor/alignment ('auto' | 'top' | 'middle' | 'bottom')\n * @param pad - Optional padding configuration\n * @returns Style object with CSS properties for dynamic styling\n */\nexport function getChartTitleInlineStyles(\n  titleFont: Partial<Font> | undefined,\n  xanchor?: string,\n  yanchor?: string,\n  pad?: { t?: number; r?: number; b?: number; l?: number },\n): React.CSSProperties {\n  const styles: React.CSSProperties = {};\n\n  if (titleFont) {\n    Object.assign(\n      styles,\n      titleFont.family && { fontFamily: titleFont.family },\n      titleFont.size && { fontSize: `${titleFont.size}px` },\n      titleFont.weight && { fontWeight: titleFont.weight },\n      titleFont.color && { fill: titleFont.color as string },\n      titleFont.shadow && titleFont.shadow !== 'none' && { filter: `drop-shadow(${titleFont.shadow})` },\n    );\n  }\n\n  if (xanchor) {\n    const anchorMap: Record<string, React.CSSProperties['textAlign']> = {\n      left: 'left',\n      center: 'center',\n      right: 'right',\n    };\n    const alignmentKey = xanchor.toLowerCase();\n    if (anchorMap[alignmentKey]) {\n      styles.textAlign = anchorMap[alignmentKey];\n    }\n  }\n\n  if (yanchor) {\n    const anchorMap: Record<string, React.CSSProperties['alignSelf']> = {\n      top: 'flex-start',\n      middle: 'center',\n      bottom: 'flex-end',\n    };\n    const alignmentKey = yanchor.toLowerCase();\n    if (anchorMap[alignmentKey]) {\n      styles.alignSelf = anchorMap[alignmentKey];\n    }\n  }\n\n  if (pad) {\n    const t = pad.t ?? 0;\n    const r = pad.r ?? 0;\n    const b = pad.b ?? 0;\n    const l = pad.l ?? 0;\n    styles.padding = `${t}px ${r}px ${b}px ${l}px`;\n  }\n\n  return styles;\n}\n"],"names":["HighContrastSelector","tokens","typographyStyles","CHART_TITLE_PADDING","getTooltipStyle","body1","display","flexDirection","padding","spacingHorizontalS","position","textAlign","backgroundColor","colorNeutralBackground1","borderRadius","borderRadiusSmall","pointerEvents","color","colorNeutralForeground1","getAxisTitleStyle","caption2Strong","fontStyle","colorNeutralForeground2","fill","getBarLabelStyle","caption1Strong","forcedColorAdjust","getMarkerLabelStyle","textAnchor","getChartTitleStyles","marginBottom","spacingVerticalS","getChartTitleInlineStyles","titleFont","xanchor","yanchor","pad","styles","Object","assign","family","fontFamily","size","fontSize","weight","fontWeight","shadow","filter","anchorMap","left","center","right","alignmentKey","toLowerCase","top","middle","bottom","alignSelf","t","r","b","l"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,yBAAyB;AAC9D,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AAIjE;;;CAGC,GACD,OAAO,MAAMC,sBAAsB,GAAG;AA0BtC,OAAO,MAAMC,kBAAkB;IAC7B,OAAO;QACL,GAAGF,iBAAiBG,KAAK;QACzBC,SAAS;QACTC,eAAe;QACfC,SAASP,OAAOQ,kBAAkB;QAClCC,UAAU;QACVC,WAAW;QACXC,iBAAiBX,OAAOY,uBAAuB;QAC/CC,cAAcb,OAAOc,iBAAiB;QACtCC,eAAe;QACfC,OAAOhB,OAAOiB,uBAAuB;IACvC;AACF,EAAE;AAEF,OAAO,MAAMC,oBAAoB;IAC/B,OAAO;QACL,GAAGjB,iBAAiBkB,cAAc;QAClCC,WAAW;QACXV,WAAW;QACXM,OAAOhB,OAAOqB,uBAAuB;QACrCC,MAAMtB,OAAOiB,uBAAuB;QACpC,CAAClB,qBAAqB,EAAE;YACtBuB,MAAM;QACR;IACF;AACF,EAAE;AAEF,OAAO,MAAMC,mBAAmB;IAC9B,OAAO;QACL,GAAGtB,iBAAiBuB,cAAc;QAClCF,MAAMtB,OAAOiB,uBAAuB;QACpCQ,mBAAmB;IACrB;AACF,EAAE;AAEF,OAAO,MAAMC,sBAAsB;IACjC,OAAO;QACL,GAAGzB,iBAAiBG,KAAK;QACzBkB,MAAMtB,OAAOiB,uBAAuB;QACpCU,YAAY;QACZ,CAAC5B,qBAAqB,EAAE;YACtBuB,MAAM;QACR;IACF;AACF,EAAE;AAEF,OAAO,MAAMM,sBAAsB;IACjC,OAAO;QACL,GAAG3B,iBAAiBkB,cAAc;QAClCG,MAAMtB,OAAOiB,uBAAuB;QACpCQ,mBAAmB;QACnBf,WAAW;QACXmB,cAAc7B,OAAO8B,gBAAgB;IACvC;AACF,EAAE;AAEF;;;;;;;CAOC,GACD,OAAO,SAASC,0BACdC,SAAoC,EACpCC,OAAgB,EAChBC,OAAgB,EAChBC,GAAwD;IAExD,MAAMC,SAA8B,CAAC;IAErC,IAAIJ,WAAW;QACbK,OAAOC,MAAM,CACXF,QACAJ,UAAUO,MAAM,IAAI;YAAEC,YAAYR,UAAUO,MAAM;QAAC,GACnDP,UAAUS,IAAI,IAAI;YAAEC,UAAU,GAAGV,UAAUS,IAAI,CAAC,EAAE,CAAC;QAAC,GACpDT,UAAUW,MAAM,IAAI;YAAEC,YAAYZ,UAAUW,MAAM;QAAC,GACnDX,UAAUhB,KAAK,IAAI;YAAEM,MAAMU,UAAUhB,KAAK;QAAW,GACrDgB,UAAUa,MAAM,IAAIb,UAAUa,MAAM,KAAK,UAAU;YAAEC,QAAQ,CAAC,YAAY,EAAEd,UAAUa,MAAM,CAAC,CAAC,CAAC;QAAC;IAEpG;IAEA,IAAIZ,SAAS;QACX,MAAMc,YAA8D;YAClEC,MAAM;YACNC,QAAQ;YACRC,OAAO;QACT;QACA,MAAMC,eAAelB,QAAQmB,WAAW;QACxC,IAAIL,SAAS,CAACI,aAAa,EAAE;YAC3Bf,OAAO1B,SAAS,GAAGqC,SAAS,CAACI,aAAa;QAC5C;IACF;IAEA,IAAIjB,SAAS;QACX,MAAMa,YAA8D;YAClEM,KAAK;YACLC,QAAQ;YACRC,QAAQ;QACV;QACA,MAAMJ,eAAejB,QAAQkB,WAAW;QACxC,IAAIL,SAAS,CAACI,aAAa,EAAE;YAC3Bf,OAAOoB,SAAS,GAAGT,SAAS,CAACI,aAAa;QAC5C;IACF;IAEA,IAAIhB,KAAK;YACGA;QAAV,MAAMsB,IAAItB,CAAAA,SAAAA,IAAIsB,CAAC,cAALtB,oBAAAA,SAAS;YACTA;QAAV,MAAMuB,IAAIvB,CAAAA,SAAAA,IAAIuB,CAAC,cAALvB,oBAAAA,SAAS;YACTA;QAAV,MAAMwB,IAAIxB,CAAAA,SAAAA,IAAIwB,CAAC,cAALxB,oBAAAA,SAAS;YACTA;QAAV,MAAMyB,IAAIzB,CAAAA,SAAAA,IAAIyB,CAAC,cAALzB,oBAAAA,SAAS;QACnBC,OAAO7B,OAAO,GAAG,GAAGkD,EAAE,GAAG,EAAEC,EAAE,GAAG,EAAEC,EAAE,GAAG,EAAEC,EAAE,EAAE,CAAC;IAChD;IAEA,OAAOxB;AACT"}

package/lib/utilities/FocusableTooltipText.js

@@ -1,65 +0,0 @@
-'use client';
-import * as React from 'react';
-import { useCallback, useState, useEffect, useRef } from 'react';
-import { Tooltip } from '@fluentui/react-tooltip';
-import { hasOverflow } from './overflow-utils';
-import { getAccessibleDataObject } from './index';
-import { Async } from './async-utils';
-export const FocusableTooltipText = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
-    const [textOverflow, setTextOverflow] = useState(false);
-    const tooltipChild = useRef(null);
-    const async = useRef(new Async()).current;
-    const resizeObserver = useRef(undefined);
-    const getTargetElement = useCallback(()=>{
-        if (!tooltipChild.current || !tooltipChild.current.parentElement) {
-            return undefined;
-        }
-        return tooltipChild.current.parentElement;
-    }, [
-        tooltipChild
-    ]);
-    const checkTextOverflow = useCallback(()=>{
-        const overflowElement = getTargetElement();
-        const isTextOverflow = !!overflowElement && hasOverflow(overflowElement);
-        if (isTextOverflow !== textOverflow) {
-            setTextOverflow(isTextOverflow);
-        }
-    }, [
-        getTargetElement,
-        textOverflow,
-        setTextOverflow
-    ]);
-    useEffect(()=>{
-        checkTextOverflow();
-    }, [
-        checkTextOverflow
-    ]);
-    useEffect(()=>{
-        // setup part executed only when the component mounts/updates
-        const overflowElement = getTargetElement();
-        if (window.ResizeObserver && overflowElement) {
-            resizeObserver.current = new window.ResizeObserver(async.debounce(checkTextOverflow, 500));
-            resizeObserver.current.observe(overflowElement);
-        }
-        // cleanup part executed only when the component unmounts
-        return ()=>{
-            var _resizeObserver_current;
-            (_resizeObserver_current = resizeObserver.current) === null || _resizeObserver_current === void 0 ? void 0 : _resizeObserver_current.disconnect();
-            async.dispose();
-        };
-    }, [
-        async,
-        checkTextOverflow,
-        getTargetElement
-    ]);
-    return /*#__PURE__*/ React.createElement("div", {
-        className: props.className
-    }, /*#__PURE__*/ React.createElement(Tooltip, {
-        content: props.content,
-        relationship: "description"
-    }, /*#__PURE__*/ React.createElement("span", {
-        ...getAccessibleDataObject(props.accessibilityData),
-        ref: tooltipChild,
-        "data-is-focusable": textOverflow
-    }, props.content)));
-});

package/lib/utilities/FocusableTooltipText.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utilities/FocusableTooltipText.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useCallback, useState, useEffect, useRef } from 'react';\nimport { Tooltip } from '@fluentui/react-tooltip';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { hasOverflow } from './overflow-utils';\nimport { getAccessibleDataObject } from './index';\nimport type { AccessibilityProps } from '../types/index';\nimport { Async } from './async-utils';\n\ninterface IFocusableTooltipTextProps {\n  className?: string;\n  content: string | JSXElement | JSXElement[];\n  accessibilityData?: AccessibilityProps;\n}\n\nexport const FocusableTooltipText: React.FunctionComponent<IFocusableTooltipTextProps> = React.forwardRef<\n  HTMLDivElement,\n  IFocusableTooltipTextProps\n>((props, forwardedRef) => {\n  const [textOverflow, setTextOverflow] = useState(false);\n  const tooltipChild = useRef<HTMLSpanElement>(null);\n  const async = useRef(new Async()).current;\n  const resizeObserver = useRef<ResizeObserver | undefined>(undefined);\n\n  const getTargetElement = useCallback((): HTMLElement | undefined => {\n    if (!tooltipChild.current || !tooltipChild.current.parentElement) {\n      return undefined;\n    }\n    return tooltipChild.current.parentElement;\n  }, [tooltipChild]);\n\n  const checkTextOverflow = useCallback(() => {\n    const overflowElement = getTargetElement();\n    const isTextOverflow = !!overflowElement && hasOverflow(overflowElement);\n    if (isTextOverflow !== textOverflow) {\n      setTextOverflow(isTextOverflow);\n    }\n  }, [getTargetElement, textOverflow, setTextOverflow]);\n\n  useEffect(() => {\n    checkTextOverflow();\n  }, [checkTextOverflow]);\n\n  useEffect(() => {\n    // setup part executed only when the component mounts/updates\n    const overflowElement = getTargetElement();\n    if (window.ResizeObserver && overflowElement) {\n      resizeObserver.current = new window.ResizeObserver(async.debounce(checkTextOverflow, 500));\n      resizeObserver.current.observe(overflowElement);\n    }\n    // cleanup part executed only when the component unmounts\n    return () => {\n      resizeObserver.current?.disconnect();\n      async.dispose();\n    };\n  }, [async, checkTextOverflow, getTargetElement]);\n\n  return (\n    <div className={props.className}>\n      <Tooltip content={props.content} relationship=\"description\">\n        <span {...getAccessibleDataObject(props.accessibilityData)} ref={tooltipChild} data-is-focusable={textOverflow}>\n          {props.content}\n        </span>\n      </Tooltip>\n    </div>\n  );\n});\n"],"names":["React","useCallback","useState","useEffect","useRef","Tooltip","hasOverflow","getAccessibleDataObject","Async","FocusableTooltipText","forwardRef","props","forwardedRef","textOverflow","setTextOverflow","tooltipChild","async","current","resizeObserver","undefined","getTargetElement","parentElement","checkTextOverflow","overflowElement","isTextOverflow","window","ResizeObserver","debounce","observe","disconnect","dispose","div","className","content","relationship","span","accessibilityData","ref","data-is-focusable"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,QAAQ,QAAQ;AACjE,SAASC,OAAO,QAAQ,0BAA0B;AAElD,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,uBAAuB,QAAQ,UAAU;AAElD,SAASC,KAAK,QAAQ,gBAAgB;AAQtC,OAAO,MAAMC,qCAA4ET,MAAMU,UAAU,CAGvG,CAACC,OAAOC;IACR,MAAM,CAACC,cAAcC,gBAAgB,GAAGZ,SAAS;IACjD,MAAMa,eAAeX,OAAwB;IAC7C,MAAMY,QAAQZ,OAAO,IAAII,SAASS,OAAO;IACzC,MAAMC,iBAAiBd,OAAmCe;IAE1D,MAAMC,mBAAmBnB,YAAY;QACnC,IAAI,CAACc,aAAaE,OAAO,IAAI,CAACF,aAAaE,OAAO,CAACI,aAAa,EAAE;YAChE,OAAOF;QACT;QACA,OAAOJ,aAAaE,OAAO,CAACI,aAAa;IAC3C,GAAG;QAACN;KAAa;IAEjB,MAAMO,oBAAoBrB,YAAY;QACpC,MAAMsB,kBAAkBH;QACxB,MAAMI,iBAAiB,CAAC,CAACD,mBAAmBjB,YAAYiB;QACxD,IAAIC,mBAAmBX,cAAc;YACnCC,gBAAgBU;QAClB;IACF,GAAG;QAACJ;QAAkBP;QAAcC;KAAgB;IAEpDX,UAAU;QACRmB;IACF,GAAG;QAACA;KAAkB;IAEtBnB,UAAU;QACR,6DAA6D;QAC7D,MAAMoB,kBAAkBH;QACxB,IAAIK,OAAOC,cAAc,IAAIH,iBAAiB;YAC5CL,eAAeD,OAAO,GAAG,IAAIQ,OAAOC,cAAc,CAACV,MAAMW,QAAQ,CAACL,mBAAmB;YACrFJ,eAAeD,OAAO,CAACW,OAAO,CAACL;QACjC;QACA,yDAAyD;QACzD,OAAO;gBACLL;aAAAA,0BAAAA,eAAeD,OAAO,cAAtBC,8CAAAA,wBAAwBW,UAAU;YAClCb,MAAMc,OAAO;QACf;IACF,GAAG;QAACd;QAAOM;QAAmBF;KAAiB;IAE/C,qBACE,oBAACW;QAAIC,WAAWrB,MAAMqB,SAAS;qBAC7B,oBAAC3B;QAAQ4B,SAAStB,MAAMsB,OAAO;QAAEC,cAAa;qBAC5C,oBAACC;QAAM,GAAG5B,wBAAwBI,MAAMyB,iBAAiB,CAAC;QAAEC,KAAKtB;QAAcuB,qBAAmBzB;OAC/FF,MAAMsB,OAAO;AAKxB,GAAG"}

package/lib/utilities/KeyCodes.js

@@ -1,11 +0,0 @@
-/**
- * Simulated enum for keycodes. These will get inlined by uglify when used much like an enum
- *
- * Simulated enum for keycodes. These will get inlined by uglify when used much like an enum
- *
- * {@docCategory KeyCodes}
- *
- * @public
- */ export const KeyCodes = {
-    escape: 27
-};

package/lib/utilities/KeyCodes.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utilities/KeyCodes.ts"],"sourcesContent":["/**\n * Simulated enum for keycodes. These will get inlined by uglify when used much like an enum\n *\n * Simulated enum for keycodes. These will get inlined by uglify when used much like an enum\n *\n * {@docCategory KeyCodes}\n *\n * @public\n */\nexport const KeyCodes = {\n  escape: 27 as 27,\n};\nexport type KeyCodes = number;\n"],"names":["KeyCodes","escape"],"mappings":"AAAA;;;;;;;;CAQC,GACD,OAAO,MAAMA,WAAW;IACtBC,QAAQ;AACV,EAAE"}

package/lib/utilities/SVGTooltipText.js

@@ -1,179 +0,0 @@
-'use client';
-import * as React from 'react';
-import { useState, useRef, useEffect, useCallback } from 'react';
-import { usePortalMountNode } from '@fluentui/react-shared-contexts';
-import { Tooltip } from '@fluentui/react-tooltip';
-import { Async } from './async-utils';
-import { KeyCodes } from './KeyCodes';
-import { useId } from '@fluentui/react-utilities';
-export const SVGTooltipText = /*#__PURE__*/ React.forwardRef(({ delay = 0, showBackground = false, ...restProps }, forwardedRef)=>{
-    var _props_textProps, _props_textProps1, _props_textProps2;
-    const props = {
-        delay,
-        showBackground,
-        ...restProps
-    };
-    const [isTooltipVisible, setIsTooltipVisible] = useState(false);
-    const [isOverflowing, setIsOverflowing] = useState(false);
-    const [textWidth, setTextWidth] = useState(0);
-    const [textHeight, setTextHeight] = useState(0);
-    const tooltipHostRef = useRef(null);
-    const async = useRef(new Async()).current;
-    const dismissTimerId = useRef(undefined);
-    const openTimerId = useRef(undefined);
-    const tooltipHostId = useRef(useId('tooltip-host')).current;
-    const ignoreNextFocusEvent = useRef(false);
-    const portalMountNode = usePortalMountNode();
-    const PADDING = 3;
-    const wrapContentCallback = useCallback(()=>{
-        var _props_maxWidth;
-        if (props.content && props.wrapContent && props.wrapContent(props.content, tooltipHostId, (_props_maxWidth = props.maxWidth) !== null && _props_maxWidth !== void 0 ? _props_maxWidth : 100, props.maxHeight)) {
-            setIsOverflowing(true);
-        } else {
-            setIsOverflowing(false);
-        }
-    }, [
-        props,
-        tooltipHostId
-    ]);
-    const measureText = useCallback(()=>{
-        if (tooltipHostRef.current && typeof tooltipHostRef.current.getBBox === 'function') {
-            const bbox = tooltipHostRef.current.getBBox();
-            setTextWidth(bbox.width);
-            setTextHeight(bbox.height);
-        }
-    }, []);
-    useEffect(()=>{
-        wrapContentCallback();
-        return ()=>{
-            async.dispose();
-        };
-    }, [
-        wrapContentCallback,
-        async
-    ]);
-    useEffect(()=>{
-        wrapContentCallback();
-    }, [
-        props.maxWidth,
-        props.maxHeight,
-        wrapContentCallback
-    ]);
-    useEffect(()=>{
-        if (isTooltipVisible) {
-            measureText();
-        }
-    }, [
-        isTooltipVisible,
-        measureText
-    ]);
-    useEffect(()=>{
-        // Recalculate text dimensions when content or dimensions change
-        measureText();
-    }, [
-        props.content,
-        props.textProps,
-        props.maxWidth,
-        props.maxHeight,
-        measureText
-    ]);
-    const hideTooltip = useCallback(()=>{
-        async.clearTimeout(openTimerId.current);
-        async.clearTimeout(dismissTimerId.current);
-        setIsTooltipVisible(false);
-    }, [
-        async
-    ]);
-    const onTooltipMouseEnter = useCallback((ev)=>{
-        if (!isOverflowing) {
-            return;
-        }
-        if (ev.target && (portalMountNode === null || portalMountNode === void 0 ? void 0 : portalMountNode.contains(ev.target))) {
-            return;
-        }
-        async.clearTimeout(dismissTimerId.current);
-        async.clearTimeout(openTimerId.current);
-        if (props.delay !== 0) {
-            openTimerId.current = async.setTimeout(()=>{
-                setIsTooltipVisible(true);
-            }, props.delay);
-        } else {
-            setIsTooltipVisible(true);
-        }
-    }, [
-        isOverflowing,
-        portalMountNode,
-        async,
-        props.delay
-    ]);
-    const onTooltipMouseLeave = useCallback((ev)=>{
-        async.clearTimeout(dismissTimerId.current);
-        async.clearTimeout(openTimerId.current);
-        if (props.closeDelay) {
-            dismissTimerId.current = async.setTimeout(()=>{
-                setIsTooltipVisible(false);
-            }, props.closeDelay);
-        } else {
-            setIsTooltipVisible(false);
-        }
-    }, [
-        async,
-        props.closeDelay
-    ]);
-    const onTooltipFocus = useCallback((ev)=>{
-        if (ignoreNextFocusEvent.current) {
-            ignoreNextFocusEvent.current = false;
-            return;
-        }
-        onTooltipMouseEnter(ev);
-    }, [
-        onTooltipMouseEnter
-    ]);
-    const onTooltipBlur = useCallback((ev)=>{
-        var _document;
-        ignoreNextFocusEvent.current = ((_document = document) === null || _document === void 0 ? void 0 : _document.activeElement) === ev.target;
-        dismissTimerId.current = async.setTimeout(()=>{
-            setIsTooltipVisible(false);
-        }, 0);
-    }, [
-        async
-    ]);
-    const onTooltipKeyDown = useCallback((ev)=>{
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
-        if ((ev.which === KeyCodes.escape || ev.ctrlKey) && isTooltipVisible) {
-            hideTooltip();
-            ev.stopPropagation();
-        }
-    }, [
-        isTooltipVisible,
-        hideTooltip
-    ]);
-    const showTooltip = props.isTooltipVisibleProp && isOverflowing && !!props.content || isTooltipVisible && !!props.content;
-    const rectX = (typeof ((_props_textProps = props.textProps) === null || _props_textProps === void 0 ? void 0 : _props_textProps.x) === 'number' ? props.textProps.x : 0) - (textWidth !== null && textWidth !== void 0 ? textWidth : 0) / 2 - PADDING;
-    const rectY = (typeof ((_props_textProps1 = props.textProps) === null || _props_textProps1 === void 0 ? void 0 : _props_textProps1.y) === 'number' ? props.textProps.y : 0) - (textHeight !== null && textHeight !== void 0 ? textHeight : 0) / 2 - 2 * PADDING;
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, props.showBackground && /*#__PURE__*/ React.createElement("rect", {
-        x: rectX,
-        y: rectY,
-        width: (textWidth !== null && textWidth !== void 0 ? textWidth : 0) + 2 * PADDING,
-        height: (textHeight !== null && textHeight !== void 0 ? textHeight : 0) + PADDING,
-        transform: (_props_textProps2 = props.textProps) === null || _props_textProps2 === void 0 ? void 0 : _props_textProps2.transform,
-        className: props.className
-    }), /*#__PURE__*/ React.createElement(Tooltip, {
-        relationship: "description",
-        ...props.tooltipProps,
-        withArrow: true,
-        content: props.content,
-        // targetElement={getTargetElement()} ToDo - This assignment is causing build failure. Needs to be fixed.
-        visible: showTooltip
-    }, /*#__PURE__*/ React.createElement("text", {
-        ...props.textProps,
-        id: tooltipHostId,
-        ref: tooltipHostRef,
-        onFocusCapture: onTooltipFocus,
-        onBlurCapture: onTooltipBlur,
-        onMouseEnter: onTooltipMouseEnter,
-        onMouseLeave: onTooltipMouseLeave,
-        onKeyDown: onTooltipKeyDown,
-        "data-is-focusable": props.shouldReceiveFocus && isOverflowing
-    }, props.content)));
-});

package/lib/utilities/SVGTooltipText.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utilities/SVGTooltipText.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useState, useRef, useEffect, useCallback } from 'react';\nimport { usePortalMountNode } from '@fluentui/react-shared-contexts';\nimport { Tooltip } from '@fluentui/react-tooltip';\nimport { Async } from './async-utils';\nimport { KeyCodes } from './KeyCodes';\nimport { useId } from '@fluentui/react-utilities';\n\nexport interface SVGTooltipTextProps {\n  closeDelay?: number;\n  content: string;\n  delay?: number;\n  tooltipProps?: React.ComponentProps<typeof Tooltip>;\n  textProps?: React.SVGAttributes<SVGTextElement>;\n  maxWidth?: number;\n  maxHeight?: number;\n  shouldReceiveFocus?: boolean;\n  isTooltipVisibleProp?: boolean;\n  wrapContent?: (content: string, id: string, maxWidth: number, maxHeight?: number) => boolean;\n  showBackground?: boolean;\n  className?: string;\n}\n\nexport const SVGTooltipText: React.FunctionComponent<SVGTooltipTextProps> = React.forwardRef<\n  HTMLDivElement,\n  SVGTooltipTextProps\n>(({ delay = 0, showBackground = false, ...restProps }, forwardedRef) => {\n  const props = { delay, showBackground, ...restProps };\n  const [isTooltipVisible, setIsTooltipVisible] = useState(false);\n  const [isOverflowing, setIsOverflowing] = useState(false);\n  const [textWidth, setTextWidth] = useState(0);\n  const [textHeight, setTextHeight] = useState(0);\n\n  const tooltipHostRef = useRef<SVGTextElement>(null);\n  const async = useRef(new Async()).current;\n  const dismissTimerId = useRef<number | undefined>(undefined);\n  const openTimerId = useRef<number | undefined>(undefined);\n  const tooltipHostId = useRef(useId('tooltip-host')).current;\n  const ignoreNextFocusEvent = useRef<boolean>(false);\n  const portalMountNode = usePortalMountNode();\n  const PADDING = 3;\n\n  const wrapContentCallback = useCallback(() => {\n    if (\n      props.content &&\n      props.wrapContent &&\n      props.wrapContent(props.content, tooltipHostId, props.maxWidth ?? 100, props.maxHeight)\n      // ToDo - Specify a correct fallback value here\n    ) {\n      setIsOverflowing(true);\n    } else {\n      setIsOverflowing(false);\n    }\n  }, [props, tooltipHostId]);\n\n  const measureText = useCallback((): void => {\n    if (tooltipHostRef.current && typeof tooltipHostRef.current.getBBox === 'function') {\n      const bbox = tooltipHostRef.current.getBBox();\n      setTextWidth(bbox.width);\n      setTextHeight(bbox.height);\n    }\n  }, []);\n\n  useEffect(() => {\n    wrapContentCallback();\n    return () => {\n      async.dispose();\n    };\n  }, [wrapContentCallback, async]);\n\n  useEffect(() => {\n    wrapContentCallback();\n  }, [props.maxWidth, props.maxHeight, wrapContentCallback]);\n\n  useEffect(() => {\n    if (isTooltipVisible) {\n      measureText();\n    }\n  }, [isTooltipVisible, measureText]);\n\n  useEffect(() => {\n    // Recalculate text dimensions when content or dimensions change\n    measureText();\n  }, [props.content, props.textProps, props.maxWidth, props.maxHeight, measureText]);\n\n  const hideTooltip = useCallback(() => {\n    async.clearTimeout(openTimerId.current!);\n    async.clearTimeout(dismissTimerId.current!);\n    setIsTooltipVisible(false);\n  }, [async]);\n\n  const onTooltipMouseEnter = useCallback(\n    (ev: React.MouseEvent<SVGElement>) => {\n      if (!isOverflowing) {\n        return;\n      }\n\n      if (ev.target && portalMountNode?.contains(ev.target as HTMLElement)) {\n        return;\n      }\n\n      async.clearTimeout(dismissTimerId.current!);\n      async.clearTimeout(openTimerId.current!);\n\n      if (props.delay !== 0) {\n        openTimerId.current = async.setTimeout(() => {\n          setIsTooltipVisible(true);\n        }, props.delay!);\n      } else {\n        setIsTooltipVisible(true);\n      }\n    },\n    [isOverflowing, portalMountNode, async, props.delay],\n  );\n\n  const onTooltipMouseLeave = useCallback(\n    (ev: React.MouseEvent<SVGElement>) => {\n      async.clearTimeout(dismissTimerId.current!);\n      async.clearTimeout(openTimerId.current!);\n\n      if (props.closeDelay) {\n        dismissTimerId.current = async.setTimeout(() => {\n          setIsTooltipVisible(false);\n        }, props.closeDelay);\n      } else {\n        setIsTooltipVisible(false);\n      }\n    },\n    [async, props.closeDelay],\n  );\n\n  const onTooltipFocus = useCallback(\n    (ev: React.FocusEvent<SVGElement>) => {\n      if (ignoreNextFocusEvent.current) {\n        ignoreNextFocusEvent.current = false;\n        return;\n      }\n      onTooltipMouseEnter(ev as unknown as React.MouseEvent<SVGElement>);\n    },\n    [onTooltipMouseEnter],\n  );\n\n  const onTooltipBlur = useCallback(\n    (ev: React.FocusEvent<SVGElement>) => {\n      ignoreNextFocusEvent.current = document?.activeElement === ev.target;\n      dismissTimerId.current = async.setTimeout(() => {\n        setIsTooltipVisible(false);\n      }, 0);\n    },\n    [async],\n  );\n\n  const onTooltipKeyDown = useCallback(\n    (ev: React.KeyboardEvent<SVGElement>) => {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      if ((ev.which === KeyCodes.escape || ev.ctrlKey) && isTooltipVisible) {\n        hideTooltip();\n        ev.stopPropagation();\n      }\n    },\n    [isTooltipVisible, hideTooltip],\n  );\n\n  const showTooltip =\n    (props.isTooltipVisibleProp && isOverflowing && !!props.content) || (isTooltipVisible && !!props.content);\n\n  const rectX = (typeof props.textProps?.x === 'number' ? props.textProps.x : 0) - (textWidth ?? 0) / 2 - PADDING;\n  const rectY = (typeof props.textProps?.y === 'number' ? props.textProps.y : 0) - (textHeight ?? 0) / 2 - 2 * PADDING;\n\n  return (\n    <>\n      {props.showBackground && (\n        <rect\n          x={rectX}\n          y={rectY}\n          width={(textWidth ?? 0) + 2 * PADDING}\n          height={(textHeight ?? 0) + PADDING}\n          transform={props.textProps?.transform}\n          className={props.className}\n        />\n      )}\n      <Tooltip\n        relationship=\"description\"\n        {...props.tooltipProps}\n        withArrow\n        content={props.content}\n        // targetElement={getTargetElement()} ToDo - This assignment is causing build failure. Needs to be fixed.\n        visible={showTooltip}\n      >\n        <text\n          {...props.textProps}\n          id={tooltipHostId}\n          ref={tooltipHostRef}\n          onFocusCapture={onTooltipFocus}\n          onBlurCapture={onTooltipBlur}\n          onMouseEnter={onTooltipMouseEnter}\n          onMouseLeave={onTooltipMouseLeave}\n          onKeyDown={onTooltipKeyDown}\n          data-is-focusable={props.shouldReceiveFocus && isOverflowing}\n        >\n          {props.content}\n        </text>\n      </Tooltip>\n    </>\n  );\n});\n"],"names":["React","useState","useRef","useEffect","useCallback","usePortalMountNode","Tooltip","Async","KeyCodes","useId","SVGTooltipText","forwardRef","delay","showBackground","restProps","forwardedRef","props","isTooltipVisible","setIsTooltipVisible","isOverflowing","setIsOverflowing","textWidth","setTextWidth","textHeight","setTextHeight","tooltipHostRef","async","current","dismissTimerId","undefined","openTimerId","tooltipHostId","ignoreNextFocusEvent","portalMountNode","PADDING","wrapContentCallback","content","wrapContent","maxWidth","maxHeight","measureText","getBBox","bbox","width","height","dispose","textProps","hideTooltip","clearTimeout","onTooltipMouseEnter","ev","target","contains","setTimeout","onTooltipMouseLeave","closeDelay","onTooltipFocus","onTooltipBlur","document","activeElement","onTooltipKeyDown","which","escape","ctrlKey","stopPropagation","showTooltip","isTooltipVisibleProp","rectX","x","rectY","y","rect","transform","className","relationship","tooltipProps","withArrow","visible","text","id","ref","onFocusCapture","onBlurCapture","onMouseEnter","onMouseLeave","onKeyDown","data-is-focusable","shouldReceiveFocus"],"mappings":"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"}