@fluentui/react-charts 9.3.23 → 9.3.24

package/lib/components/DeclarativeChart/index.js

@@ -1 +1 @@
-export * from './DeclarativeChart';
+export * from "./DeclarativeChart.js";

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/DeclarativeChart/index.ts"],"sourcesContent":["export * from './DeclarativeChart';\n"],"names":[],"mappings":"AAAA,cAAc,qBAAqB"}
+{"version":3,"sources":["../src/components/DeclarativeChart/index.ts"],"sourcesContent":["export * from './DeclarativeChart';\n"],"names":[],"mappings":"AAAA,cAAc,wBAAqB"}

package/lib/components/DonutChart/Arc/Arc.js

@@ -1,9 +1,9 @@
 'use client';
-import * as React from 'react';
-import { arc as d3Arc } from 'd3-shape';
-import { useArcStyles } from './useArcStyles.styles';
-import { format as d3Format } from 'd3-format';
-import { formatScientificLimitWidth, useRtl } from '../../../utilities/index';
+import * as React from "react";
+import { arc as d3Arc } from "d3-shape";
+import { useArcStyles } from "./useArcStyles.styles.js";
+import { format as d3Format } from "d3-format";
+import { formatScientificLimitWidth, useRtl } from "../../../utilities/index.js";
 // Create a Arc within Donut Chart variant which uses these default styles and this styled subcomponent.
 /**
  * Arc component within Donut Chart.

package/lib/components/DonutChart/Arc/Arc.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/DonutChart/Arc/Arc.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { arc as d3Arc } from 'd3-shape';\nimport { useArcStyles } from './useArcStyles.styles';\nimport type { ChartDataPoint } from '../index';\nimport type { ArcProps } from './index';\nimport { format as d3Format } from 'd3-format';\nimport { formatScientificLimitWidth, useRtl } from '../../../utilities/index';\n\n// Create a Arc within Donut Chart variant which uses these default styles and this styled subcomponent.\n/**\n * Arc component within Donut Chart.\n * {@docCategory ArcDonutChart}\n */\nexport const Arc: React.FunctionComponent<ArcProps> = React.forwardRef<HTMLDivElement, ArcProps>(\n  (props, forwardedRef) => {\n    const arc = d3Arc();\n    const currentRef = React.createRef<SVGPathElement>();\n    const _isRTL: boolean = useRtl();\n    const classes = useArcStyles(props);\n\n    React.useEffect(() => {\n      _updateChart(props);\n    }, [props]);\n\n    function _onFocus(\n      data: ChartDataPoint,\n      id: string,\n      event: React.FocusEvent<SVGPathElement, Element>,\n      targetElement?: HTMLElement | null,\n    ): void {\n      props.onFocusCallback!(data, id, event, currentRef.current, targetElement);\n    }\n\n    function _hoverOn(\n      data: ChartDataPoint,\n      mouseEvent: React.MouseEvent<SVGPathElement>,\n      targetElement?: HTMLElement | null,\n    ): void {\n      mouseEvent.persist();\n      props.hoverOnCallback!(data, mouseEvent, targetElement);\n    }\n\n    function _hoverOff(): void {\n      props.hoverLeaveCallback!();\n    }\n\n    function _onBlur(): void {\n      props.onBlurCallback!();\n    }\n\n    function _getAriaLabel(): string {\n      const point = props.data!.data;\n      const legend = point.xAxisCalloutData || point.legend;\n      const yValue = point.yAxisCalloutData || point.data || 0;\n      return point.callOutAccessibilityData?.ariaLabel || (legend ? `${legend}, ` : '') + `${yValue}.`;\n    }\n\n    function _shouldHighlightArc(legend?: string): boolean {\n      const { activeArc } = props;\n      // If no activeArc is provided, highlight all arcs. Otherwise, only highlight the arcs that are active.\n      return !activeArc || activeArc.length === 0 || legend === undefined || activeArc.includes(legend);\n    }\n\n    function _renderArcLabel(className: string) {\n      const { data, innerRadius, outerRadius, showLabelsInPercent, totalValue, hideLabels } = props;\n\n      if (\n        hideLabels ||\n        Math.abs(data!.endAngle - data!.startAngle) < Math.PI / 12 ||\n        !_shouldHighlightArc(data!.data.legend!)\n      ) {\n        return null;\n      }\n\n      const [base, perp] = arc.centroid({ ...data!, innerRadius, outerRadius });\n      const hyp = Math.sqrt(base * base + perp * perp);\n      const labelRadius = Math.max(innerRadius!, outerRadius!) + 2;\n      const angle = (data!.startAngle + data!.endAngle) / 2;\n      const arcValue = data!.value;\n\n      return (\n        <text\n          x={(hyp === 0 ? 0 : base / hyp) * labelRadius}\n          y={(hyp === 0 ? 0 : perp / hyp) * labelRadius}\n          textAnchor={angle > Math.PI !== _isRTL ? 'end' : 'start'}\n          dominantBaseline={angle > Math.PI / 2 && angle < (3 * Math.PI) / 2 ? 'hanging' : 'auto'}\n          className={className}\n          aria-hidden={true}\n        >\n          {showLabelsInPercent\n            ? d3Format('.0%')(totalValue! === 0 ? 0 : arcValue / totalValue!)\n            : formatScientificLimitWidth(arcValue)}\n        </text>\n      );\n    }\n\n    function _updateChart(newProps: ArcProps): void {\n      if (newProps.arc && newProps.innerRadius && newProps.outerRadius) {\n        newProps.arc.innerRadius(newProps.innerRadius);\n        newProps.arc.outerRadius(newProps.outerRadius);\n      }\n    }\n\n    const { href, focusedArcId, activeArc } = props;\n    //TO DO 'replace' is throwing error\n    const id =\n      props.uniqText! +\n      (typeof props.data!.data.legend === 'string' ? props.data!.data.legend.replace(/\\s+/g, '') : '') +\n      props.data!.data.data;\n    const opacity: number =\n      activeArc && activeArc.length > 0 ? (activeArc.includes(props.data?.data.legend!) ? 1 : 0.1) : 1;\n    const cornerRadius = props.roundCorners ? 3 : 0;\n    const targetElement = document.getElementById(id);\n    return (\n      <g ref={currentRef} role=\"presentation\">\n        {!!focusedArcId && focusedArcId === id && (\n          // TODO innerradius and outerradius were absent\n          <path\n            id={id + 'focusRing'}\n            d={\n              arc.cornerRadius(cornerRadius)({\n                ...props.data!,\n                innerRadius: props.innerRadius,\n                outerRadius: props.outerRadius,\n              })!\n            }\n            className={classes.focusRing}\n          />\n        )}\n        <path\n          // TODO innerradius and outerradius were absent\n          id={id}\n          d={\n            arc.cornerRadius(cornerRadius)({\n              ...props.data!,\n              innerRadius: props.innerRadius,\n              outerRadius: props.outerRadius,\n            })!\n          }\n          className={classes.root}\n          style={{ fill: props.color, cursor: href ? 'pointer' : 'default' }}\n          onFocus={event => _onFocus(props.data!.data, id, event, targetElement)}\n          onMouseOver={event => _hoverOn(props.data!.data, event, targetElement)}\n          onMouseMove={event => _hoverOn(props.data!.data, event, targetElement)}\n          onMouseLeave={_hoverOff}\n          tabIndex={_shouldHighlightArc(props.data!.data.legend!) || props.activeArc?.length === 0 ? 0 : undefined}\n          onBlur={_onBlur}\n          opacity={opacity}\n          onClick={props.data?.data.onClick}\n          aria-label={_getAriaLabel()}\n          role=\"option\"\n        />\n        {_renderArcLabel(classes.arcLabel)}\n      </g>\n    );\n  },\n);\nArc.displayName = 'Arc';\n"],"names":["React","arc","d3Arc","useArcStyles","format","d3Format","formatScientificLimitWidth","useRtl","Arc","forwardRef","props","forwardedRef","currentRef","createRef","_isRTL","classes","useEffect","_updateChart","_onFocus","data","id","event","targetElement","onFocusCallback","current","_hoverOn","mouseEvent","persist","hoverOnCallback","_hoverOff","hoverLeaveCallback","_onBlur","onBlurCallback","_getAriaLabel","point","legend","xAxisCalloutData","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_shouldHighlightArc","activeArc","length","undefined","includes","_renderArcLabel","className","innerRadius","outerRadius","showLabelsInPercent","totalValue","hideLabels","Math","abs","endAngle","startAngle","PI","base","perp","centroid","hyp","sqrt","labelRadius","max","angle","arcValue","value","text","x","y","textAnchor","dominantBaseline","aria-hidden","newProps","href","focusedArcId","uniqText","replace","opacity","cornerRadius","roundCorners","document","getElementById","g","ref","role","path","d","focusRing","root","style","fill","color","cursor","onFocus","onMouseOver","onMouseMove","onMouseLeave","tabIndex","onBlur","onClick","aria-label","arcLabel","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/DonutChart/Arc/Arc.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { arc as d3Arc } from 'd3-shape';\nimport { useArcStyles } from './useArcStyles.styles';\nimport type { ChartDataPoint } from '../index';\nimport type { ArcProps } from './index';\nimport { format as d3Format } from 'd3-format';\nimport { formatScientificLimitWidth, useRtl } from '../../../utilities/index';\n\n// Create a Arc within Donut Chart variant which uses these default styles and this styled subcomponent.\n/**\n * Arc component within Donut Chart.\n * {@docCategory ArcDonutChart}\n */\nexport const Arc: React.FunctionComponent<ArcProps> = React.forwardRef<HTMLDivElement, ArcProps>(\n  (props, forwardedRef) => {\n    const arc = d3Arc();\n    const currentRef = React.createRef<SVGPathElement>();\n    const _isRTL: boolean = useRtl();\n    const classes = useArcStyles(props);\n\n    React.useEffect(() => {\n      _updateChart(props);\n    }, [props]);\n\n    function _onFocus(\n      data: ChartDataPoint,\n      id: string,\n      event: React.FocusEvent<SVGPathElement, Element>,\n      targetElement?: HTMLElement | null,\n    ): void {\n      props.onFocusCallback!(data, id, event, currentRef.current, targetElement);\n    }\n\n    function _hoverOn(\n      data: ChartDataPoint,\n      mouseEvent: React.MouseEvent<SVGPathElement>,\n      targetElement?: HTMLElement | null,\n    ): void {\n      mouseEvent.persist();\n      props.hoverOnCallback!(data, mouseEvent, targetElement);\n    }\n\n    function _hoverOff(): void {\n      props.hoverLeaveCallback!();\n    }\n\n    function _onBlur(): void {\n      props.onBlurCallback!();\n    }\n\n    function _getAriaLabel(): string {\n      const point = props.data!.data;\n      const legend = point.xAxisCalloutData || point.legend;\n      const yValue = point.yAxisCalloutData || point.data || 0;\n      return point.callOutAccessibilityData?.ariaLabel || (legend ? `${legend}, ` : '') + `${yValue}.`;\n    }\n\n    function _shouldHighlightArc(legend?: string): boolean {\n      const { activeArc } = props;\n      // If no activeArc is provided, highlight all arcs. Otherwise, only highlight the arcs that are active.\n      return !activeArc || activeArc.length === 0 || legend === undefined || activeArc.includes(legend);\n    }\n\n    function _renderArcLabel(className: string) {\n      const { data, innerRadius, outerRadius, showLabelsInPercent, totalValue, hideLabels } = props;\n\n      if (\n        hideLabels ||\n        Math.abs(data!.endAngle - data!.startAngle) < Math.PI / 12 ||\n        !_shouldHighlightArc(data!.data.legend!)\n      ) {\n        return null;\n      }\n\n      const [base, perp] = arc.centroid({ ...data!, innerRadius, outerRadius });\n      const hyp = Math.sqrt(base * base + perp * perp);\n      const labelRadius = Math.max(innerRadius!, outerRadius!) + 2;\n      const angle = (data!.startAngle + data!.endAngle) / 2;\n      const arcValue = data!.value;\n\n      return (\n        <text\n          x={(hyp === 0 ? 0 : base / hyp) * labelRadius}\n          y={(hyp === 0 ? 0 : perp / hyp) * labelRadius}\n          textAnchor={angle > Math.PI !== _isRTL ? 'end' : 'start'}\n          dominantBaseline={angle > Math.PI / 2 && angle < (3 * Math.PI) / 2 ? 'hanging' : 'auto'}\n          className={className}\n          aria-hidden={true}\n        >\n          {showLabelsInPercent\n            ? d3Format('.0%')(totalValue! === 0 ? 0 : arcValue / totalValue!)\n            : formatScientificLimitWidth(arcValue)}\n        </text>\n      );\n    }\n\n    function _updateChart(newProps: ArcProps): void {\n      if (newProps.arc && newProps.innerRadius && newProps.outerRadius) {\n        newProps.arc.innerRadius(newProps.innerRadius);\n        newProps.arc.outerRadius(newProps.outerRadius);\n      }\n    }\n\n    const { href, focusedArcId, activeArc } = props;\n    //TO DO 'replace' is throwing error\n    const id =\n      props.uniqText! +\n      (typeof props.data!.data.legend === 'string' ? props.data!.data.legend.replace(/\\s+/g, '') : '') +\n      props.data!.data.data;\n    const opacity: number =\n      activeArc && activeArc.length > 0 ? (activeArc.includes(props.data?.data.legend!) ? 1 : 0.1) : 1;\n    const cornerRadius = props.roundCorners ? 3 : 0;\n    const targetElement = document.getElementById(id);\n    return (\n      <g ref={currentRef} role=\"presentation\">\n        {!!focusedArcId && focusedArcId === id && (\n          // TODO innerradius and outerradius were absent\n          <path\n            id={id + 'focusRing'}\n            d={\n              arc.cornerRadius(cornerRadius)({\n                ...props.data!,\n                innerRadius: props.innerRadius,\n                outerRadius: props.outerRadius,\n              })!\n            }\n            className={classes.focusRing}\n          />\n        )}\n        <path\n          // TODO innerradius and outerradius were absent\n          id={id}\n          d={\n            arc.cornerRadius(cornerRadius)({\n              ...props.data!,\n              innerRadius: props.innerRadius,\n              outerRadius: props.outerRadius,\n            })!\n          }\n          className={classes.root}\n          style={{ fill: props.color, cursor: href ? 'pointer' : 'default' }}\n          onFocus={event => _onFocus(props.data!.data, id, event, targetElement)}\n          onMouseOver={event => _hoverOn(props.data!.data, event, targetElement)}\n          onMouseMove={event => _hoverOn(props.data!.data, event, targetElement)}\n          onMouseLeave={_hoverOff}\n          tabIndex={_shouldHighlightArc(props.data!.data.legend!) || props.activeArc?.length === 0 ? 0 : undefined}\n          onBlur={_onBlur}\n          opacity={opacity}\n          onClick={props.data?.data.onClick}\n          aria-label={_getAriaLabel()}\n          role=\"option\"\n        />\n        {_renderArcLabel(classes.arcLabel)}\n      </g>\n    );\n  },\n);\nArc.displayName = 'Arc';\n"],"names":["React","arc","d3Arc","useArcStyles","format","d3Format","formatScientificLimitWidth","useRtl","Arc","forwardRef","props","forwardedRef","currentRef","createRef","_isRTL","classes","useEffect","_updateChart","_onFocus","data","id","event","targetElement","onFocusCallback","current","_hoverOn","mouseEvent","persist","hoverOnCallback","_hoverOff","hoverLeaveCallback","_onBlur","onBlurCallback","_getAriaLabel","point","legend","xAxisCalloutData","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_shouldHighlightArc","activeArc","length","undefined","includes","_renderArcLabel","className","innerRadius","outerRadius","showLabelsInPercent","totalValue","hideLabels","Math","abs","endAngle","startAngle","PI","base","perp","centroid","hyp","sqrt","labelRadius","max","angle","arcValue","value","text","x","y","textAnchor","dominantBaseline","aria-hidden","newProps","href","focusedArcId","uniqText","replace","opacity","cornerRadius","roundCorners","document","getElementById","g","ref","role","path","d","focusRing","root","style","fill","color","cursor","onFocus","onMouseOver","onMouseMove","onMouseLeave","tabIndex","onBlur","onClick","aria-label","arcLabel","displayName"],"mappings":"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"}

package/lib/components/DonutChart/Arc/index.js

@@ -1,2 +1,2 @@
-export * from './Arc';
-export * from './Arc.types';
+export * from "./Arc.js";
+export * from "./Arc.types.js";

package/lib/components/DonutChart/Arc/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/DonutChart/Arc/index.ts"],"sourcesContent":["export * from './Arc';\nexport * from './Arc.types';\n"],"names":[],"mappings":"AAAA,cAAc,QAAQ;AACtB,cAAc,cAAc"}
+{"version":3,"sources":["../src/components/DonutChart/Arc/index.ts"],"sourcesContent":["export * from './Arc';\nexport * from './Arc.types';\n"],"names":[],"mappings":"AAAA,cAAc,WAAQ;AACtB,cAAc,iBAAc"}

package/lib/components/DonutChart/Arc/useArcStyles.styles.js

@@ -1,8 +1,8 @@
 'use client';
 
-import { __styles, mergeClasses } from '@griffel/react';
-import { tokens, typographyStyles } from '@fluentui/react-theme';
-import { HighContrastSelector } from '../../../utilities/utilities';
+import { __styles, mergeClasses } from "@griffel/react";
+import { tokens, typographyStyles } from "@fluentui/react-theme";
+import { HighContrastSelector } from "../../../utilities/utilities.js";
 /**
  * @internal
  */

package/lib/components/DonutChart/Arc/useArcStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","tokens","typographyStyles","HighContrastSelector","donutArcClassNames","root","focusRing","arcLabel","useStyles","Bceei9c","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","ojy3ng","Bb5sk4j","gcd42q","yzds8t","bkw2yb","Bg00f1k","pnkky6","Buxsa5b","Bjksbd0","Bkrz6id","Bsal2xb","Bshw2jb","zxy5zd","ym44ki","Bvvkvz","Bja3lr5","B4ncu3z","pqzzcd","Be5yapy","Bkfmm31","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Bj7tp1g","d","p","m","useArcStyles","props","_props_styles","_props_styles1","_props_styles2","className","baseStyles","styles"],"sources":["useArcStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector } from '../../../utilities/utilities';\n/**\n * @internal\n */ export const donutArcClassNames = {\n    root: 'fui-donut-arc__root',\n    focusRing: 'fui-donut-arc__focusRing',\n    arcLabel: 'fui-donut-arc__arcLabel'\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    root: {\n        cursor: 'default',\n        outline: 'transparent',\n        stroke: tokens.colorNeutralBackground1,\n        '& selectors': {\n            '::-moz-focus-inner': {\n                border: 0\n            }\n        }\n    },\n    focusRing: {\n        stroke: tokens.colorStrokeFocus2,\n        strokeWidth: tokens.strokeWidthThickest,\n        fill: 'transparent'\n    },\n    arcLabel: {\n        ...typographyStyles.caption1Strong,\n        fill: tokens.colorNeutralForeground1,\n        [HighContrastSelector]: {\n            stroke: 'CanvasText'\n        }\n    }\n});\n/**\n * Apply styling to the Arc components\n */ export const useArcStyles = (props)=>{\n    var _props_styles, _props_styles1, _props_styles2;\n    const { className } = props;\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(donutArcClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        focusRing: mergeClasses(donutArcClassNames.focusRing, baseStyles.focusRing, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.focusRing),\n        arcLabel: mergeClasses(donutArcClassNames.arcLabel, baseStyles.arcLabel, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.arcLabel)\n    };\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,SAASC,oBAAoB,QAAQ,8BAA8B;AACnE;AACA;AACA;AAAI,OAAO,MAAMC,kBAAkB,GAAG;EAClCC,IAAI,EAAE,qBAAqB;EAC3BC,SAAS,EAAE,0BAA0B;EACrCC,QAAQ,EAAE;AACd,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGT,QAAA;EAAAM,IAAA;IAAAI,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAzB,SAAA;IAAAQ,MAAA;IAAAkB,OAAA;IAAAC,OAAA;EAAA;EAAA1B,QAAA;IAAA2B,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAJ,OAAA;IAAAK,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;AAAA,CAuBrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,YAAY,GAAIC,KAAK,IAAG;EACrC,IAAIC,aAAa,EAAEC,cAAc,EAAEC,cAAc;EACjD,MAAM;IAAEC;EAAU,CAAC,GAAGJ,KAAK;EAC3B,MAAMK,UAAU,GAAGxC,SAAS,CAAC,CAAC;EAC9B,OAAO;IACHH,IAAI,EAAEL,YAAY,CAACI,kBAAkB,CAACC,IAAI,EAAE2C,UAAU,CAAC3C,IAAI,EAAE0C,SAAS,EAAE,CAACH,aAAa,GAAGD,KAAK,CAACM,MAAM,MAAM,IAAI,IAAIL,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACvC,IAAI,CAAC;IAC1KC,SAAS,EAAEN,YAAY,CAACI,kBAAkB,CAACE,SAAS,EAAE0C,UAAU,CAAC1C,SAAS,EAAE,CAACuC,cAAc,GAAGF,KAAK,CAACM,MAAM,MAAM,IAAI,IAAIJ,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACvC,SAAS,CAAC;IACtLC,QAAQ,EAAEP,YAAY,CAACI,kBAAkB,CAACG,QAAQ,EAAEyC,UAAU,CAACzC,QAAQ,EAAE,CAACuC,cAAc,GAAGH,KAAK,CAACM,MAAM,MAAM,IAAI,IAAIH,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACvC,QAAQ;EACrL,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","tokens","typographyStyles","HighContrastSelector","donutArcClassNames","root","focusRing","arcLabel","useStyles","Bceei9c","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","ojy3ng","Bb5sk4j","gcd42q","yzds8t","bkw2yb","Bg00f1k","pnkky6","Buxsa5b","Bjksbd0","Bkrz6id","Bsal2xb","Bshw2jb","zxy5zd","ym44ki","Bvvkvz","Bja3lr5","B4ncu3z","pqzzcd","Be5yapy","Bkfmm31","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Bj7tp1g","d","p","m","useArcStyles","props","_props_styles","_props_styles1","_props_styles2","className","baseStyles","styles"],"sources":["useArcStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens, typographyStyles } from \"@fluentui/react-theme\";\nimport { HighContrastSelector } from \"../../../utilities/utilities.js\";\n/**\n * @internal\n */ export const donutArcClassNames = {\n    root: 'fui-donut-arc__root',\n    focusRing: 'fui-donut-arc__focusRing',\n    arcLabel: 'fui-donut-arc__arcLabel'\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    root: {\n        cursor: 'default',\n        outline: 'transparent',\n        stroke: tokens.colorNeutralBackground1,\n        '& selectors': {\n            '::-moz-focus-inner': {\n                border: 0\n            }\n        }\n    },\n    focusRing: {\n        stroke: tokens.colorStrokeFocus2,\n        strokeWidth: tokens.strokeWidthThickest,\n        fill: 'transparent'\n    },\n    arcLabel: {\n        ...typographyStyles.caption1Strong,\n        fill: tokens.colorNeutralForeground1,\n        [HighContrastSelector]: {\n            stroke: 'CanvasText'\n        }\n    }\n});\n/**\n * Apply styling to the Arc components\n */ export const useArcStyles = (props)=>{\n    var _props_styles, _props_styles1, _props_styles2;\n    const { className } = props;\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(donutArcClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        focusRing: mergeClasses(donutArcClassNames.focusRing, baseStyles.focusRing, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.focusRing),\n        arcLabel: mergeClasses(donutArcClassNames.arcLabel, baseStyles.arcLabel, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.arcLabel)\n    };\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,SAASC,oBAAoB,QAAQ,iCAAiC;AACtE;AACA;AACA;AAAI,OAAO,MAAMC,kBAAkB,GAAG;EAClCC,IAAI,EAAE,qBAAqB;EAC3BC,SAAS,EAAE,0BAA0B;EACrCC,QAAQ,EAAE;AACd,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGT,QAAA;EAAAM,IAAA;IAAAI,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAzB,SAAA;IAAAQ,MAAA;IAAAkB,OAAA;IAAAC,OAAA;EAAA;EAAA1B,QAAA;IAAA2B,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAJ,OAAA;IAAAK,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;AAAA,CAuBrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,YAAY,GAAIC,KAAK,IAAG;EACrC,IAAIC,aAAa,EAAEC,cAAc,EAAEC,cAAc;EACjD,MAAM;IAAEC;EAAU,CAAC,GAAGJ,KAAK;EAC3B,MAAMK,UAAU,GAAGxC,SAAS,CAAC,CAAC;EAC9B,OAAO;IACHH,IAAI,EAAEL,YAAY,CAACI,kBAAkB,CAACC,IAAI,EAAE2C,UAAU,CAAC3C,IAAI,EAAE0C,SAAS,EAAE,CAACH,aAAa,GAAGD,KAAK,CAACM,MAAM,MAAM,IAAI,IAAIL,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACvC,IAAI,CAAC;IAC1KC,SAAS,EAAEN,YAAY,CAACI,kBAAkB,CAACE,SAAS,EAAE0C,UAAU,CAAC1C,SAAS,EAAE,CAACuC,cAAc,GAAGF,KAAK,CAACM,MAAM,MAAM,IAAI,IAAIJ,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACvC,SAAS,CAAC;IACtLC,QAAQ,EAAEP,YAAY,CAACI,kBAAkB,CAACG,QAAQ,EAAEyC,UAAU,CAACzC,QAAQ,EAAE,CAACuC,cAAc,GAAGH,KAAK,CAACM,MAAM,MAAM,IAAI,IAAIH,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACvC,QAAQ;EACrL,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/components/DonutChart/Arc/useArcStyles.styles.raw.js

@@ -1,7 +1,7 @@
 'use client';
-import { makeStyles, mergeClasses } from '@griffel/react';
-import { tokens, typographyStyles } from '@fluentui/react-theme';
-import { HighContrastSelector } from '../../../utilities/utilities';
+import { makeStyles, mergeClasses } from "@griffel/react";
+import { tokens, typographyStyles } from "@fluentui/react-theme";
+import { HighContrastSelector } from "../../../utilities/utilities.js";
 /**
  * @internal
  */ export const donutArcClassNames = {

package/lib/components/DonutChart/Arc/useArcStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/DonutChart/Arc/useArcStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { ArcProps, ArcStyles } from './Arc.types';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { HighContrastSelector } from '../../../utilities/utilities';\n\n/**\n * @internal\n */\nexport const donutArcClassNames: SlotClassNames<ArcStyles> = {\n  root: 'fui-donut-arc__root',\n  focusRing: 'fui-donut-arc__focusRing',\n  arcLabel: 'fui-donut-arc__arcLabel',\n};\n\n/**\n * Base Styles\n */\nconst useStyles = makeStyles({\n  root: {\n    cursor: 'default',\n    outline: 'transparent',\n    stroke: tokens.colorNeutralBackground1,\n    '& selectors': {\n      '::-moz-focus-inner': {\n        border: 0,\n      },\n    },\n  },\n  focusRing: {\n    stroke: tokens.colorStrokeFocus2,\n    strokeWidth: tokens.strokeWidthThickest,\n    fill: 'transparent',\n  },\n  arcLabel: {\n    ...typographyStyles.caption1Strong,\n    fill: tokens.colorNeutralForeground1,\n    [HighContrastSelector]: {\n      stroke: 'CanvasText',\n    },\n  },\n});\n\n/**\n * Apply styling to the Arc components\n */\nexport const useArcStyles = (props: ArcProps): ArcStyles => {\n  const { className } = props;\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(donutArcClassNames.root, baseStyles.root, className, props.styles?.root),\n    focusRing: mergeClasses(donutArcClassNames.focusRing, baseStyles.focusRing, props.styles?.focusRing),\n    arcLabel: mergeClasses(donutArcClassNames.arcLabel, baseStyles.arcLabel, props.styles?.arcLabel),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","HighContrastSelector","donutArcClassNames","root","focusRing","arcLabel","useStyles","cursor","outline","stroke","colorNeutralBackground1","border","colorStrokeFocus2","strokeWidth","strokeWidthThickest","fill","caption1Strong","colorNeutralForeground1","useArcStyles","props","className","baseStyles","styles"],"mappings":"AAAA;AAGA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AAEjE,SAASC,oBAAoB,QAAQ,+BAA+B;AAEpE;;CAEC,GACD,OAAO,MAAMC,qBAAgD;IAC3DC,MAAM;IACNC,WAAW;IACXC,UAAU;AACZ,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYT,WAAW;IAC3BM,MAAM;QACJI,QAAQ;QACRC,SAAS;QACTC,QAAQV,OAAOW,uBAAuB;QACtC,eAAe;YACb,sBAAsB;gBACpBC,QAAQ;YACV;QACF;IACF;IACAP,WAAW;QACTK,QAAQV,OAAOa,iBAAiB;QAChCC,aAAad,OAAOe,mBAAmB;QACvCC,MAAM;IACR;IACAV,UAAU;QACR,GAAGL,iBAAiBgB,cAAc;QAClCD,MAAMhB,OAAOkB,uBAAuB;QACpC,CAAChB,qBAAqB,EAAE;YACtBQ,QAAQ;QACV;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAMS,eAAe,CAACC;QAK+CA,eACIA,gBACHA;IAN3E,MAAM,EAAEC,SAAS,EAAE,GAAGD;IACtB,MAAME,aAAaf;IAEnB,OAAO;QACLH,MAAML,aAAaI,mBAAmBC,IAAI,EAAEkB,WAAWlB,IAAI,EAAEiB,YAAWD,gBAAAA,MAAMG,MAAM,cAAZH,oCAAAA,cAAchB,IAAI;QAC1FC,WAAWN,aAAaI,mBAAmBE,SAAS,EAAEiB,WAAWjB,SAAS,GAAEe,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAcf,SAAS;QACnGC,UAAUP,aAAaI,mBAAmBG,QAAQ,EAAEgB,WAAWhB,QAAQ,GAAEc,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAcd,QAAQ;IACjG;AACF,EAAE"}
+{"version":3,"sources":["../src/components/DonutChart/Arc/useArcStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { ArcProps, ArcStyles } from './Arc.types';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { HighContrastSelector } from '../../../utilities/utilities';\n\n/**\n * @internal\n */\nexport const donutArcClassNames: SlotClassNames<ArcStyles> = {\n  root: 'fui-donut-arc__root',\n  focusRing: 'fui-donut-arc__focusRing',\n  arcLabel: 'fui-donut-arc__arcLabel',\n};\n\n/**\n * Base Styles\n */\nconst useStyles = makeStyles({\n  root: {\n    cursor: 'default',\n    outline: 'transparent',\n    stroke: tokens.colorNeutralBackground1,\n    '& selectors': {\n      '::-moz-focus-inner': {\n        border: 0,\n      },\n    },\n  },\n  focusRing: {\n    stroke: tokens.colorStrokeFocus2,\n    strokeWidth: tokens.strokeWidthThickest,\n    fill: 'transparent',\n  },\n  arcLabel: {\n    ...typographyStyles.caption1Strong,\n    fill: tokens.colorNeutralForeground1,\n    [HighContrastSelector]: {\n      stroke: 'CanvasText',\n    },\n  },\n});\n\n/**\n * Apply styling to the Arc components\n */\nexport const useArcStyles = (props: ArcProps): ArcStyles => {\n  const { className } = props;\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(donutArcClassNames.root, baseStyles.root, className, props.styles?.root),\n    focusRing: mergeClasses(donutArcClassNames.focusRing, baseStyles.focusRing, props.styles?.focusRing),\n    arcLabel: mergeClasses(donutArcClassNames.arcLabel, baseStyles.arcLabel, props.styles?.arcLabel),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","HighContrastSelector","donutArcClassNames","root","focusRing","arcLabel","useStyles","cursor","outline","stroke","colorNeutralBackground1","border","colorStrokeFocus2","strokeWidth","strokeWidthThickest","fill","caption1Strong","colorNeutralForeground1","useArcStyles","props","className","baseStyles","styles"],"mappings":"AAAA;AAGA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AAEjE,SAASC,oBAAoB,QAAQ,kCAA+B;AAEpE;;CAEC,GACD,OAAO,MAAMC,qBAAgD;IAC3DC,MAAM;IACNC,WAAW;IACXC,UAAU;AACZ,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYT,WAAW;IAC3BM,MAAM;QACJI,QAAQ;QACRC,SAAS;QACTC,QAAQV,OAAOW,uBAAuB;QACtC,eAAe;YACb,sBAAsB;gBACpBC,QAAQ;YACV;QACF;IACF;IACAP,WAAW;QACTK,QAAQV,OAAOa,iBAAiB;QAChCC,aAAad,OAAOe,mBAAmB;QACvCC,MAAM;IACR;IACAV,UAAU;QACR,GAAGL,iBAAiBgB,cAAc;QAClCD,MAAMhB,OAAOkB,uBAAuB;QACpC,CAAChB,qBAAqB,EAAE;YACtBQ,QAAQ;QACV;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAMS,eAAe,CAACC;QAK+CA,eACIA,gBACHA;IAN3E,MAAM,EAAEC,SAAS,EAAE,GAAGD;IACtB,MAAME,aAAaf;IAEnB,OAAO;QACLH,MAAML,aAAaI,mBAAmBC,IAAI,EAAEkB,WAAWlB,IAAI,EAAEiB,YAAWD,gBAAAA,MAAMG,MAAM,cAAZH,oCAAAA,cAAchB,IAAI;QAC1FC,WAAWN,aAAaI,mBAAmBE,SAAS,EAAEiB,WAAWjB,SAAS,GAAEe,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAcf,SAAS;QACnGC,UAAUP,aAAaI,mBAAmBG,QAAQ,EAAEgB,WAAWhB,QAAQ,GAAEc,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAcd,QAAQ;IACjG;AACF,EAAE"}

package/lib/components/DonutChart/DonutChart.js

@@ -1,14 +1,14 @@
 'use client';
-/* eslint-disable react/jsx-no-bind */ import * as React from 'react';
-import { Pie } from './Pie/index';
-import { useDonutChartStyles } from './useDonutChartStyles.styles';
-import { formatToLocaleString } from '@fluentui/chart-utilities';
-import { areArraysEqual, getColorFromToken, getNextColor, MIN_DONUT_RADIUS, ChartTitle, CHART_TITLE_PADDING } from '../../utilities/index';
-import { Legends } from '../../index';
-import { useId } from '@fluentui/react-utilities';
-import { useArrowNavigationGroup } from '@fluentui/react-tabster';
-import { ChartPopover } from '../CommonComponents/ChartPopover';
-import { useImageExport } from '../../utilities/hooks';
+/* eslint-disable react/jsx-no-bind */ import * as React from "react";
+import { Pie } from "./Pie/index.js";
+import { useDonutChartStyles } from "./useDonutChartStyles.styles.js";
+import { formatToLocaleString } from "@fluentui/chart-utilities";
+import { areArraysEqual, getColorFromToken, getNextColor, MIN_DONUT_RADIUS, ChartTitle, CHART_TITLE_PADDING } from "../../utilities/index.js";
+import { Legends } from "../../index.js";
+import { useId } from "@fluentui/react-utilities";
+import { useArrowNavigationGroup } from "@fluentui/react-tabster";
+import { ChartPopover } from "../CommonComponents/ChartPopover.js";
+import { useImageExport } from "../../utilities/hooks.js";
 const MIN_LEGEND_CONTAINER_HEIGHT = 40;
 // Create a DonutChart variant which uses these default styles and this styled subcomponent.
 /**

package/lib/components/DonutChart/DonutChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/DonutChart/DonutChart.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable react/jsx-no-bind */\nimport * as React from 'react';\nimport { Pie } from './Pie/index';\nimport type { DonutChartProps } from './DonutChart.types';\nimport { useDonutChartStyles } from './useDonutChartStyles.styles';\nimport type { ChartDataPoint } from '../../DonutChart';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport {\n  areArraysEqual,\n  getColorFromToken,\n  getNextColor,\n  MIN_DONUT_RADIUS,\n  ChartTitle,\n  CHART_TITLE_PADDING,\n} from '../../utilities/index';\nimport type { Legend } from '../../index';\nimport { Legends } from '../../index';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport { useImageExport } from '../../utilities/hooks';\n\nconst MIN_LEGEND_CONTAINER_HEIGHT = 40;\n\n// Create a DonutChart variant which uses these default styles and this styled subcomponent.\n/**\n * Donutchart component.\n * {@docCategory DonutChart}\n */\nexport const DonutChart: React.FunctionComponent<DonutChartProps> = React.forwardRef<HTMLDivElement, DonutChartProps>(\n  ({ innerRadius = 0, hideLabels = true, ...restProps }, forwardedRef) => {\n    const props = { innerRadius, hideLabels, ...restProps };\n    const { chartContainerRef: _rootElem, legendsRef: _legendsRef } = useImageExport(\n      props.componentRef,\n      props.hideLegend,\n      false,\n    );\n    const _uniqText: string = useId('_Pie_');\n\n    let _calloutAnchorPoint: ChartDataPoint | null;\n    let _emptyChartId: string | null;\n    const legendContainer = React.useRef<HTMLDivElement | null>(null);\n    const prevSize = React.useRef<{ width?: number; height?: number }>({});\n\n    const [value, setValue] = React.useState<string | undefined>('');\n    const [legend, setLegend] = React.useState<string | undefined>('');\n    const [_width, setWidth] = React.useState<number | undefined>(props.width || 200);\n    const [_height, setHeight] = React.useState<number | undefined>(props.height || 200);\n    const [activeLegend, setActiveLegend] = React.useState<string | undefined>(undefined);\n    const [color, setColor] = React.useState<string | undefined>('');\n    const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n    const [yCalloutValue, setYCalloutValue] = React.useState<string>('');\n    const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n    const [focusedArcId, setFocusedArcId] = React.useState<string>('');\n    const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<ChartDataPoint | undefined>();\n    const [refSelected, setRefSelected] = React.useState<HTMLElement | null>(null);\n    const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n    const prevPropsRef = React.useRef<DonutChartProps | null>(null);\n\n    React.useEffect(() => {\n      _fitParentContainer();\n    }, []);\n\n    React.useEffect(() => {\n      if (prevPropsRef.current) {\n        const prevProps = prevPropsRef.current;\n        if (!areArraysEqual(prevProps.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n          setSelectedLegends(props.legendProps?.selectedLegends || []);\n        }\n      }\n      prevPropsRef.current = props;\n    }, [props]);\n\n    React.useEffect(() => {\n      if (prevSize.current.height !== props.height || prevSize.current.width !== props.width) {\n        _fitParentContainer();\n      }\n      prevSize.current.height = props.height;\n      prevSize.current.width = props.width;\n    }, [props.width, props.height]);\n\n    function _elevateToMinimums(data: ChartDataPoint[]) {\n      let sumOfData = 0;\n      const minPercent = 0.01;\n      const elevatedData: ChartDataPoint[] = [];\n      data.forEach(item => {\n        sumOfData += item.data!;\n      });\n      data.forEach(item => {\n        elevatedData.push(\n          minPercent * sumOfData > item.data! && item.data! > 0\n            ? {\n                ...item,\n                data: minPercent * sumOfData,\n                yAxisCalloutData:\n                  item.yAxisCalloutData === undefined ? item.data!.toLocaleString() : item.yAxisCalloutData,\n              }\n            : item,\n        );\n      });\n      return elevatedData;\n    }\n    function _createLegends(chartData: ChartDataPoint[]): JSXElement {\n      if (props.order === 'sorted') {\n        chartData.sort((a: ChartDataPoint, b: ChartDataPoint) => {\n          return b.data! - a.data!;\n        });\n      }\n      const legendDataItems = chartData.map((point: ChartDataPoint, index: number) => {\n        const color: string = point.color!;\n        // mapping data to the format Legends component needs\n        const legend: Legend = {\n          title: point.legend!,\n          color,\n          hoverAction: () => {\n            _handleChartMouseLeave();\n            setActiveLegend(point.legend!);\n          },\n          onMouseOutAction: () => {\n            setActiveLegend(undefined);\n          },\n        };\n        return legend;\n      });\n      const legends = (\n        <Legends\n          legends={legendDataItems}\n          centerLegends\n          overflowText={props.legendsOverflowText}\n          {...props.legendProps}\n          onChange={_onLegendSelectionChange}\n          legendRef={_legendsRef}\n        />\n      );\n      return legends;\n    }\n    function _onLegendSelectionChange(\n      selectedLegends: string[],\n      event: React.MouseEvent<HTMLButtonElement>,\n      currentLegend?: Legend,\n    ): void {\n      if (props.legendProps && props.legendProps?.canSelectMultipleLegends) {\n        setSelectedLegends(selectedLegends);\n      } else {\n        setSelectedLegends(selectedLegends.slice(-1));\n      }\n      if (props.legendProps?.onChange) {\n        props.legendProps.onChange(selectedLegends, event, currentLegend);\n      }\n    }\n\n    function _focusCallback(\n      data: ChartDataPoint,\n      id: string,\n      e: React.FocusEvent<SVGPathElement>,\n      targetElement?: HTMLElement | null,\n    ): void {\n      setPopoverOpen(_noLegendsHighlighted() || _isLegendHighlighted(data.legend));\n      setValue(data.data!.toString());\n      setLegend(data.legend);\n      setColor(data.color!);\n      setXCalloutValue(data.xAxisCalloutData!);\n      setYCalloutValue(data.yAxisCalloutData!);\n      setFocusedArcId(id);\n      setDataPointCalloutProps(data);\n      setRefSelected(targetElement!);\n    }\n\n    function _hoverCallback(\n      data: ChartDataPoint,\n      e: React.MouseEvent<SVGPathElement>,\n      targetElement?: HTMLElement | null,\n    ): void {\n      if (_calloutAnchorPoint !== data) {\n        _calloutAnchorPoint = data;\n        setPopoverOpen(_noLegendsHighlighted() || _isLegendHighlighted(data.legend));\n        setValue(data.data!.toString());\n        setLegend(data.legend);\n        setColor(data.color!);\n        setXCalloutValue(data.xAxisCalloutData!);\n        setYCalloutValue(data.yAxisCalloutData!);\n        setDataPointCalloutProps(data);\n        setRefSelected(targetElement!);\n      }\n    }\n    function _onBlur(): void {\n      setFocusedArcId('');\n    }\n\n    function _hoverLeave(): void {\n      /**/\n    }\n\n    function _handleChartMouseLeave() {\n      _calloutAnchorPoint = null;\n      setPopoverOpen(false);\n    }\n\n    function _valueInsideDonut(valueInsideDonut: string | number | undefined, data: ChartDataPoint[]) {\n      const highlightedLegends = _getHighlightedLegend();\n      if (valueInsideDonut !== undefined && (highlightedLegends.length === 1 || isPopoverOpen)) {\n        const pointValue = data.find(point => _isLegendHighlighted(point.legend));\n        return pointValue\n          ? pointValue.yAxisCalloutData\n            ? pointValue.yAxisCalloutData\n            : pointValue.data!\n          : valueInsideDonut;\n      } else if (highlightedLegends.length > 0) {\n        let totalValue = 0;\n        data.forEach(point => {\n          if (highlightedLegends.includes(point.legend!)) {\n            totalValue += point.data!;\n          }\n        });\n        return totalValue;\n      } else {\n        return valueInsideDonut;\n      }\n    }\n\n    function _toLocaleString(data: string | number | undefined) {\n      const localeString = formatToLocaleString(data, props.culture);\n      if (!localeString) {\n        return data;\n      }\n      return localeString?.toString();\n    }\n\n    /**\n     * This function returns\n     * the selected legend if there is one\n     * or the hovered legend if none of the legends is selected.\n     */\n    function _getHighlightedLegend() {\n      return selectedLegends.length > 0 ? selectedLegends : activeLegend ? [activeLegend] : [];\n    }\n\n    function _isLegendHighlighted(legend: string | undefined): boolean {\n      return _getHighlightedLegend().includes(legend!);\n    }\n\n    function _noLegendsHighlighted(): boolean {\n      return _getHighlightedLegend().length === 0;\n    }\n\n    function _isChartEmpty(): boolean {\n      return !(\n        props.data &&\n        props.data.chartData &&\n        props.data.chartData!.filter((d: ChartDataPoint) => d.data! > 0).length > 0\n      );\n    }\n\n    function _addDefaultColors(donutChartDataPoint?: ChartDataPoint[]): ChartDataPoint[] {\n      return donutChartDataPoint\n        ? donutChartDataPoint.map((item, index) => {\n            let defaultColor: string;\n            if (typeof item.color === 'undefined') {\n              defaultColor = getNextColor(index, 0);\n            } else {\n              defaultColor = getColorFromToken(item.color);\n            }\n            return { ...item, defaultColor };\n          })\n        : [];\n    }\n\n    /**\n     * Computes the vertical space the chart title occupies above the donut.\n     * Kept in sync with the title rendered inside the SVG so that\n     * `_fitParentContainer` can reserve this space when sizing the chart.\n     */\n    function _getTitleHeight(): number {\n      return props.data?.chartTitle\n        ? Math.max(\n            (typeof props.titleStyles?.titleFont?.size === 'number' ? props.titleStyles.titleFont.size : 13) +\n              CHART_TITLE_PADDING,\n            36,\n          )\n        : 0;\n    }\n\n    /**\n     * When screen resizes, along with screen, chart also auto adjusted.\n     * This method used to adjust height and width of the charts.\n     */\n    function _fitParentContainer(): void {\n      //_reqID = requestAnimationFrame(() => {\n      let legendContainerHeight;\n      if (props.hideLegend) {\n        // If there is no legend, need not to allocate some space from total chart space.\n        legendContainerHeight = 0;\n      } else {\n        const legendContainerComputedStyles = legendContainer.current && getComputedStyle(legendContainer.current);\n        legendContainerHeight =\n          ((legendContainer.current && legendContainer.current.getBoundingClientRect().height) ||\n            MIN_LEGEND_CONTAINER_HEIGHT) +\n          parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginTop) || '0') +\n          parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginBottom) || '0');\n      }\n      if (props.parentRef || _rootElem.current) {\n        const container = props.parentRef ? props.parentRef : _rootElem.current!;\n        const currentContainerWidth = container.getBoundingClientRect().width;\n        const currentContainerHeight =\n          container.getBoundingClientRect().height > legendContainerHeight\n            ? container.getBoundingClientRect().height\n            : 200;\n        // The SVG is rendered `titleHeight / 2` taller than `_height` (see the `height` attribute below)\n        // to fit the title. Reserve that space here so the total rendered content never exceeds the\n        // measured container height. Otherwise, when the container height is unconstrained (e.g. an\n        // auto-height parent), the extra pixels feed back into the ResizeObserver and the chart grows\n        // on every frame in an infinite loop.\n        const availableHeight = currentContainerHeight - legendContainerHeight - _getTitleHeight() / 2;\n        const shouldResize = _width !== currentContainerWidth || _height !== availableHeight;\n        if (shouldResize) {\n          setWidth(currentContainerWidth);\n          setHeight(availableHeight);\n        }\n      }\n      //});\n    }\n\n    const { data, hideLegend = false } = props;\n    const points = _addDefaultColors(data?.chartData);\n\n    const classes = useDonutChartStyles(props);\n\n    const legendBars = _createLegends(points.filter(d => d.data! >= 0));\n    const donutMarginHorizontal = props.hideLabels ? 0 : 80;\n    const donutMarginVertical = props.hideLabels ? 0 : 40;\n    const titleHeight = _getTitleHeight();\n    const outerRadius = Math.min(_width! - donutMarginHorizontal, _height! - donutMarginVertical - titleHeight) / 2;\n    const chartData = _elevateToMinimums(points);\n    const valueInsideDonut =\n      props.innerRadius! > MIN_DONUT_RADIUS ? _valueInsideDonut(props.valueInsideDonut!, chartData!) : '';\n    const arrowAttributes = useArrowNavigationGroup({ circular: true, axis: 'horizontal' });\n    return !_isChartEmpty() ? (\n      <div\n        className={classes.root}\n        ref={(rootElem: HTMLDivElement | null) => {\n          _rootElem.current = rootElem;\n        }}\n        onMouseLeave={_handleChartMouseLeave}\n      >\n        {props.xAxisAnnotation && (\n          <text className={classes.axisAnnotation} x={_width! / 2} y={_height! - 10} textAnchor=\"middle\">\n            {props.xAxisAnnotation}\n          </text>\n        )}\n        <div className={classes.chartWrapper} {...arrowAttributes}>\n          <svg\n            className={classes.chart}\n            aria-label={data?.chartTitle}\n            width={_width}\n            height={_height! + titleHeight / 2}\n          >\n            {!hideLegend && data?.chartTitle && (\n              <ChartTitle\n                title={data.chartTitle}\n                x={_width! / 2}\n                y={0}\n                maxWidth={_width! - 20}\n                className={classes.chartTitle}\n                titleStyles={props.titleStyles}\n                tooltipClassName={classes.svgTooltip}\n              />\n            )}\n            <Pie\n              width={_width!}\n              height={_height!}\n              outerRadius={outerRadius}\n              innerRadius={props.innerRadius!}\n              data={chartData!}\n              onFocusCallback={_focusCallback}\n              hoverOnCallback={_hoverCallback}\n              hoverLeaveCallback={_hoverLeave}\n              uniqText={_uniqText}\n              onBlurCallback={_onBlur}\n              activeArc={_getHighlightedLegend()}\n              focusedArcId={focusedArcId || ''}\n              href={props.href!}\n              valueInsideDonut={_toLocaleString(valueInsideDonut)}\n              showLabelsInPercent={props.showLabelsInPercent}\n              hideLabels={props.hideLabels}\n            />\n          </svg>\n        </div>\n        <ChartPopover\n          xCalloutValue={xCalloutValue}\n          yCalloutValue={yCalloutValue}\n          culture={props.culture}\n          positioning={{\n            target: refSelected,\n          }}\n          isPopoverOpen={\n            !props.hideTooltip && isPopoverOpen && (_noLegendsHighlighted() || _isLegendHighlighted(legend))\n          }\n          legend={legend!}\n          YValue={value!}\n          color={color}\n          isCalloutForStack={false}\n          customCallout={{\n            customizedCallout: props.onRenderCalloutPerDataPoint\n              ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps!)\n              : undefined,\n            customCalloutProps: props.calloutPropsPerDataPoint\n              ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n              : undefined,\n          }}\n          isCartesian={false}\n        />\n        {!hideLegend && (\n          <div\n            ref={(e: HTMLDivElement) => {\n              legendContainer.current = e;\n            }}\n            className={classes.legendContainer}\n            style={{ marginTop: data?.chartTitle ? `-${titleHeight}px` : undefined }}\n          >\n            {legendBars}\n          </div>\n        )}\n      </div>\n    ) : (\n      <div id={_emptyChartId!} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n    );\n  },\n);\n\nDonutChart.displayName = 'DonutChart';\n"],"names":["React","Pie","useDonutChartStyles","formatToLocaleString","areArraysEqual","getColorFromToken","getNextColor","MIN_DONUT_RADIUS","ChartTitle","CHART_TITLE_PADDING","Legends","useId","useArrowNavigationGroup","ChartPopover","useImageExport","MIN_LEGEND_CONTAINER_HEIGHT","DonutChart","forwardRef","innerRadius","hideLabels","restProps","forwardedRef","props","chartContainerRef","_rootElem","legendsRef","_legendsRef","componentRef","hideLegend","_uniqText","_calloutAnchorPoint","_emptyChartId","legendContainer","useRef","prevSize","value","setValue","useState","legend","setLegend","_width","setWidth","width","_height","setHeight","height","activeLegend","setActiveLegend","undefined","color","setColor","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","selectedLegends","setSelectedLegends","legendProps","focusedArcId","setFocusedArcId","dataPointCalloutProps","setDataPointCalloutProps","refSelected","setRefSelected","isPopoverOpen","setPopoverOpen","prevPropsRef","useEffect","_fitParentContainer","current","prevProps","_elevateToMinimums","data","sumOfData","minPercent","elevatedData","forEach","item","push","yAxisCalloutData","toLocaleString","_createLegends","chartData","order","sort","a","b","legendDataItems","map","point","index","title","hoverAction","_handleChartMouseLeave","onMouseOutAction","legends","centerLegends","overflowText","legendsOverflowText","onChange","_onLegendSelectionChange","legendRef","event","currentLegend","canSelectMultipleLegends","slice","_focusCallback","id","e","targetElement","_noLegendsHighlighted","_isLegendHighlighted","toString","xAxisCalloutData","_hoverCallback","_onBlur","_hoverLeave","_valueInsideDonut","valueInsideDonut","highlightedLegends","_getHighlightedLegend","length","pointValue","find","totalValue","includes","_toLocaleString","localeString","culture","_isChartEmpty","filter","d","_addDefaultColors","donutChartDataPoint","defaultColor","_getTitleHeight","chartTitle","Math","max","titleStyles","titleFont","size","legendContainerHeight","legendContainerComputedStyles","getComputedStyle","getBoundingClientRect","parseFloat","marginTop","marginBottom","parentRef","container","currentContainerWidth","currentContainerHeight","availableHeight","shouldResize","points","classes","legendBars","donutMarginHorizontal","donutMarginVertical","titleHeight","outerRadius","min","arrowAttributes","circular","axis","div","className","root","ref","rootElem","onMouseLeave","xAxisAnnotation","text","axisAnnotation","x","y","textAnchor","chartWrapper","svg","chart","aria-label","maxWidth","tooltipClassName","svgTooltip","onFocusCallback","hoverOnCallback","hoverLeaveCallback","uniqText","onBlurCallback","activeArc","href","showLabelsInPercent","positioning","target","hideTooltip","YValue","isCalloutForStack","customCallout","customizedCallout","onRenderCalloutPerDataPoint","customCalloutProps","calloutPropsPerDataPoint","isCartesian","style","role","opacity","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/DonutChart/DonutChart.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable react/jsx-no-bind */\nimport * as React from 'react';\nimport { Pie } from './Pie/index';\nimport type { DonutChartProps } from './DonutChart.types';\nimport { useDonutChartStyles } from './useDonutChartStyles.styles';\nimport type { ChartDataPoint } from '../../DonutChart';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport {\n  areArraysEqual,\n  getColorFromToken,\n  getNextColor,\n  MIN_DONUT_RADIUS,\n  ChartTitle,\n  CHART_TITLE_PADDING,\n} from '../../utilities/index';\nimport type { Legend } from '../../index';\nimport { Legends } from '../../index';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport { useImageExport } from '../../utilities/hooks';\n\nconst MIN_LEGEND_CONTAINER_HEIGHT = 40;\n\n// Create a DonutChart variant which uses these default styles and this styled subcomponent.\n/**\n * Donutchart component.\n * {@docCategory DonutChart}\n */\nexport const DonutChart: React.FunctionComponent<DonutChartProps> = React.forwardRef<HTMLDivElement, DonutChartProps>(\n  ({ innerRadius = 0, hideLabels = true, ...restProps }, forwardedRef) => {\n    const props = { innerRadius, hideLabels, ...restProps };\n    const { chartContainerRef: _rootElem, legendsRef: _legendsRef } = useImageExport(\n      props.componentRef,\n      props.hideLegend,\n      false,\n    );\n    const _uniqText: string = useId('_Pie_');\n\n    let _calloutAnchorPoint: ChartDataPoint | null;\n    let _emptyChartId: string | null;\n    const legendContainer = React.useRef<HTMLDivElement | null>(null);\n    const prevSize = React.useRef<{ width?: number; height?: number }>({});\n\n    const [value, setValue] = React.useState<string | undefined>('');\n    const [legend, setLegend] = React.useState<string | undefined>('');\n    const [_width, setWidth] = React.useState<number | undefined>(props.width || 200);\n    const [_height, setHeight] = React.useState<number | undefined>(props.height || 200);\n    const [activeLegend, setActiveLegend] = React.useState<string | undefined>(undefined);\n    const [color, setColor] = React.useState<string | undefined>('');\n    const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n    const [yCalloutValue, setYCalloutValue] = React.useState<string>('');\n    const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n    const [focusedArcId, setFocusedArcId] = React.useState<string>('');\n    const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<ChartDataPoint | undefined>();\n    const [refSelected, setRefSelected] = React.useState<HTMLElement | null>(null);\n    const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n    const prevPropsRef = React.useRef<DonutChartProps | null>(null);\n\n    React.useEffect(() => {\n      _fitParentContainer();\n    }, []);\n\n    React.useEffect(() => {\n      if (prevPropsRef.current) {\n        const prevProps = prevPropsRef.current;\n        if (!areArraysEqual(prevProps.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n          setSelectedLegends(props.legendProps?.selectedLegends || []);\n        }\n      }\n      prevPropsRef.current = props;\n    }, [props]);\n\n    React.useEffect(() => {\n      if (prevSize.current.height !== props.height || prevSize.current.width !== props.width) {\n        _fitParentContainer();\n      }\n      prevSize.current.height = props.height;\n      prevSize.current.width = props.width;\n    }, [props.width, props.height]);\n\n    function _elevateToMinimums(data: ChartDataPoint[]) {\n      let sumOfData = 0;\n      const minPercent = 0.01;\n      const elevatedData: ChartDataPoint[] = [];\n      data.forEach(item => {\n        sumOfData += item.data!;\n      });\n      data.forEach(item => {\n        elevatedData.push(\n          minPercent * sumOfData > item.data! && item.data! > 0\n            ? {\n                ...item,\n                data: minPercent * sumOfData,\n                yAxisCalloutData:\n                  item.yAxisCalloutData === undefined ? item.data!.toLocaleString() : item.yAxisCalloutData,\n              }\n            : item,\n        );\n      });\n      return elevatedData;\n    }\n    function _createLegends(chartData: ChartDataPoint[]): JSXElement {\n      if (props.order === 'sorted') {\n        chartData.sort((a: ChartDataPoint, b: ChartDataPoint) => {\n          return b.data! - a.data!;\n        });\n      }\n      const legendDataItems = chartData.map((point: ChartDataPoint, index: number) => {\n        const color: string = point.color!;\n        // mapping data to the format Legends component needs\n        const legend: Legend = {\n          title: point.legend!,\n          color,\n          hoverAction: () => {\n            _handleChartMouseLeave();\n            setActiveLegend(point.legend!);\n          },\n          onMouseOutAction: () => {\n            setActiveLegend(undefined);\n          },\n        };\n        return legend;\n      });\n      const legends = (\n        <Legends\n          legends={legendDataItems}\n          centerLegends\n          overflowText={props.legendsOverflowText}\n          {...props.legendProps}\n          onChange={_onLegendSelectionChange}\n          legendRef={_legendsRef}\n        />\n      );\n      return legends;\n    }\n    function _onLegendSelectionChange(\n      selectedLegends: string[],\n      event: React.MouseEvent<HTMLButtonElement>,\n      currentLegend?: Legend,\n    ): void {\n      if (props.legendProps && props.legendProps?.canSelectMultipleLegends) {\n        setSelectedLegends(selectedLegends);\n      } else {\n        setSelectedLegends(selectedLegends.slice(-1));\n      }\n      if (props.legendProps?.onChange) {\n        props.legendProps.onChange(selectedLegends, event, currentLegend);\n      }\n    }\n\n    function _focusCallback(\n      data: ChartDataPoint,\n      id: string,\n      e: React.FocusEvent<SVGPathElement>,\n      targetElement?: HTMLElement | null,\n    ): void {\n      setPopoverOpen(_noLegendsHighlighted() || _isLegendHighlighted(data.legend));\n      setValue(data.data!.toString());\n      setLegend(data.legend);\n      setColor(data.color!);\n      setXCalloutValue(data.xAxisCalloutData!);\n      setYCalloutValue(data.yAxisCalloutData!);\n      setFocusedArcId(id);\n      setDataPointCalloutProps(data);\n      setRefSelected(targetElement!);\n    }\n\n    function _hoverCallback(\n      data: ChartDataPoint,\n      e: React.MouseEvent<SVGPathElement>,\n      targetElement?: HTMLElement | null,\n    ): void {\n      if (_calloutAnchorPoint !== data) {\n        _calloutAnchorPoint = data;\n        setPopoverOpen(_noLegendsHighlighted() || _isLegendHighlighted(data.legend));\n        setValue(data.data!.toString());\n        setLegend(data.legend);\n        setColor(data.color!);\n        setXCalloutValue(data.xAxisCalloutData!);\n        setYCalloutValue(data.yAxisCalloutData!);\n        setDataPointCalloutProps(data);\n        setRefSelected(targetElement!);\n      }\n    }\n    function _onBlur(): void {\n      setFocusedArcId('');\n    }\n\n    function _hoverLeave(): void {\n      /**/\n    }\n\n    function _handleChartMouseLeave() {\n      _calloutAnchorPoint = null;\n      setPopoverOpen(false);\n    }\n\n    function _valueInsideDonut(valueInsideDonut: string | number | undefined, data: ChartDataPoint[]) {\n      const highlightedLegends = _getHighlightedLegend();\n      if (valueInsideDonut !== undefined && (highlightedLegends.length === 1 || isPopoverOpen)) {\n        const pointValue = data.find(point => _isLegendHighlighted(point.legend));\n        return pointValue\n          ? pointValue.yAxisCalloutData\n            ? pointValue.yAxisCalloutData\n            : pointValue.data!\n          : valueInsideDonut;\n      } else if (highlightedLegends.length > 0) {\n        let totalValue = 0;\n        data.forEach(point => {\n          if (highlightedLegends.includes(point.legend!)) {\n            totalValue += point.data!;\n          }\n        });\n        return totalValue;\n      } else {\n        return valueInsideDonut;\n      }\n    }\n\n    function _toLocaleString(data: string | number | undefined) {\n      const localeString = formatToLocaleString(data, props.culture);\n      if (!localeString) {\n        return data;\n      }\n      return localeString?.toString();\n    }\n\n    /**\n     * This function returns\n     * the selected legend if there is one\n     * or the hovered legend if none of the legends is selected.\n     */\n    function _getHighlightedLegend() {\n      return selectedLegends.length > 0 ? selectedLegends : activeLegend ? [activeLegend] : [];\n    }\n\n    function _isLegendHighlighted(legend: string | undefined): boolean {\n      return _getHighlightedLegend().includes(legend!);\n    }\n\n    function _noLegendsHighlighted(): boolean {\n      return _getHighlightedLegend().length === 0;\n    }\n\n    function _isChartEmpty(): boolean {\n      return !(\n        props.data &&\n        props.data.chartData &&\n        props.data.chartData!.filter((d: ChartDataPoint) => d.data! > 0).length > 0\n      );\n    }\n\n    function _addDefaultColors(donutChartDataPoint?: ChartDataPoint[]): ChartDataPoint[] {\n      return donutChartDataPoint\n        ? donutChartDataPoint.map((item, index) => {\n            let defaultColor: string;\n            if (typeof item.color === 'undefined') {\n              defaultColor = getNextColor(index, 0);\n            } else {\n              defaultColor = getColorFromToken(item.color);\n            }\n            return { ...item, defaultColor };\n          })\n        : [];\n    }\n\n    /**\n     * Computes the vertical space the chart title occupies above the donut.\n     * Kept in sync with the title rendered inside the SVG so that\n     * `_fitParentContainer` can reserve this space when sizing the chart.\n     */\n    function _getTitleHeight(): number {\n      return props.data?.chartTitle\n        ? Math.max(\n            (typeof props.titleStyles?.titleFont?.size === 'number' ? props.titleStyles.titleFont.size : 13) +\n              CHART_TITLE_PADDING,\n            36,\n          )\n        : 0;\n    }\n\n    /**\n     * When screen resizes, along with screen, chart also auto adjusted.\n     * This method used to adjust height and width of the charts.\n     */\n    function _fitParentContainer(): void {\n      //_reqID = requestAnimationFrame(() => {\n      let legendContainerHeight;\n      if (props.hideLegend) {\n        // If there is no legend, need not to allocate some space from total chart space.\n        legendContainerHeight = 0;\n      } else {\n        const legendContainerComputedStyles = legendContainer.current && getComputedStyle(legendContainer.current);\n        legendContainerHeight =\n          ((legendContainer.current && legendContainer.current.getBoundingClientRect().height) ||\n            MIN_LEGEND_CONTAINER_HEIGHT) +\n          parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginTop) || '0') +\n          parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginBottom) || '0');\n      }\n      if (props.parentRef || _rootElem.current) {\n        const container = props.parentRef ? props.parentRef : _rootElem.current!;\n        const currentContainerWidth = container.getBoundingClientRect().width;\n        const currentContainerHeight =\n          container.getBoundingClientRect().height > legendContainerHeight\n            ? container.getBoundingClientRect().height\n            : 200;\n        // The SVG is rendered `titleHeight / 2` taller than `_height` (see the `height` attribute below)\n        // to fit the title. Reserve that space here so the total rendered content never exceeds the\n        // measured container height. Otherwise, when the container height is unconstrained (e.g. an\n        // auto-height parent), the extra pixels feed back into the ResizeObserver and the chart grows\n        // on every frame in an infinite loop.\n        const availableHeight = currentContainerHeight - legendContainerHeight - _getTitleHeight() / 2;\n        const shouldResize = _width !== currentContainerWidth || _height !== availableHeight;\n        if (shouldResize) {\n          setWidth(currentContainerWidth);\n          setHeight(availableHeight);\n        }\n      }\n      //});\n    }\n\n    const { data, hideLegend = false } = props;\n    const points = _addDefaultColors(data?.chartData);\n\n    const classes = useDonutChartStyles(props);\n\n    const legendBars = _createLegends(points.filter(d => d.data! >= 0));\n    const donutMarginHorizontal = props.hideLabels ? 0 : 80;\n    const donutMarginVertical = props.hideLabels ? 0 : 40;\n    const titleHeight = _getTitleHeight();\n    const outerRadius = Math.min(_width! - donutMarginHorizontal, _height! - donutMarginVertical - titleHeight) / 2;\n    const chartData = _elevateToMinimums(points);\n    const valueInsideDonut =\n      props.innerRadius! > MIN_DONUT_RADIUS ? _valueInsideDonut(props.valueInsideDonut!, chartData!) : '';\n    const arrowAttributes = useArrowNavigationGroup({ circular: true, axis: 'horizontal' });\n    return !_isChartEmpty() ? (\n      <div\n        className={classes.root}\n        ref={(rootElem: HTMLDivElement | null) => {\n          _rootElem.current = rootElem;\n        }}\n        onMouseLeave={_handleChartMouseLeave}\n      >\n        {props.xAxisAnnotation && (\n          <text className={classes.axisAnnotation} x={_width! / 2} y={_height! - 10} textAnchor=\"middle\">\n            {props.xAxisAnnotation}\n          </text>\n        )}\n        <div className={classes.chartWrapper} {...arrowAttributes}>\n          <svg\n            className={classes.chart}\n            aria-label={data?.chartTitle}\n            width={_width}\n            height={_height! + titleHeight / 2}\n          >\n            {!hideLegend && data?.chartTitle && (\n              <ChartTitle\n                title={data.chartTitle}\n                x={_width! / 2}\n                y={0}\n                maxWidth={_width! - 20}\n                className={classes.chartTitle}\n                titleStyles={props.titleStyles}\n                tooltipClassName={classes.svgTooltip}\n              />\n            )}\n            <Pie\n              width={_width!}\n              height={_height!}\n              outerRadius={outerRadius}\n              innerRadius={props.innerRadius!}\n              data={chartData!}\n              onFocusCallback={_focusCallback}\n              hoverOnCallback={_hoverCallback}\n              hoverLeaveCallback={_hoverLeave}\n              uniqText={_uniqText}\n              onBlurCallback={_onBlur}\n              activeArc={_getHighlightedLegend()}\n              focusedArcId={focusedArcId || ''}\n              href={props.href!}\n              valueInsideDonut={_toLocaleString(valueInsideDonut)}\n              showLabelsInPercent={props.showLabelsInPercent}\n              hideLabels={props.hideLabels}\n            />\n          </svg>\n        </div>\n        <ChartPopover\n          xCalloutValue={xCalloutValue}\n          yCalloutValue={yCalloutValue}\n          culture={props.culture}\n          positioning={{\n            target: refSelected,\n          }}\n          isPopoverOpen={\n            !props.hideTooltip && isPopoverOpen && (_noLegendsHighlighted() || _isLegendHighlighted(legend))\n          }\n          legend={legend!}\n          YValue={value!}\n          color={color}\n          isCalloutForStack={false}\n          customCallout={{\n            customizedCallout: props.onRenderCalloutPerDataPoint\n              ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps!)\n              : undefined,\n            customCalloutProps: props.calloutPropsPerDataPoint\n              ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n              : undefined,\n          }}\n          isCartesian={false}\n        />\n        {!hideLegend && (\n          <div\n            ref={(e: HTMLDivElement) => {\n              legendContainer.current = e;\n            }}\n            className={classes.legendContainer}\n            style={{ marginTop: data?.chartTitle ? `-${titleHeight}px` : undefined }}\n          >\n            {legendBars}\n          </div>\n        )}\n      </div>\n    ) : (\n      <div id={_emptyChartId!} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n    );\n  },\n);\n\nDonutChart.displayName = 'DonutChart';\n"],"names":["React","Pie","useDonutChartStyles","formatToLocaleString","areArraysEqual","getColorFromToken","getNextColor","MIN_DONUT_RADIUS","ChartTitle","CHART_TITLE_PADDING","Legends","useId","useArrowNavigationGroup","ChartPopover","useImageExport","MIN_LEGEND_CONTAINER_HEIGHT","DonutChart","forwardRef","innerRadius","hideLabels","restProps","forwardedRef","props","chartContainerRef","_rootElem","legendsRef","_legendsRef","componentRef","hideLegend","_uniqText","_calloutAnchorPoint","_emptyChartId","legendContainer","useRef","prevSize","value","setValue","useState","legend","setLegend","_width","setWidth","width","_height","setHeight","height","activeLegend","setActiveLegend","undefined","color","setColor","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","selectedLegends","setSelectedLegends","legendProps","focusedArcId","setFocusedArcId","dataPointCalloutProps","setDataPointCalloutProps","refSelected","setRefSelected","isPopoverOpen","setPopoverOpen","prevPropsRef","useEffect","_fitParentContainer","current","prevProps","_elevateToMinimums","data","sumOfData","minPercent","elevatedData","forEach","item","push","yAxisCalloutData","toLocaleString","_createLegends","chartData","order","sort","a","b","legendDataItems","map","point","index","title","hoverAction","_handleChartMouseLeave","onMouseOutAction","legends","centerLegends","overflowText","legendsOverflowText","onChange","_onLegendSelectionChange","legendRef","event","currentLegend","canSelectMultipleLegends","slice","_focusCallback","id","e","targetElement","_noLegendsHighlighted","_isLegendHighlighted","toString","xAxisCalloutData","_hoverCallback","_onBlur","_hoverLeave","_valueInsideDonut","valueInsideDonut","highlightedLegends","_getHighlightedLegend","length","pointValue","find","totalValue","includes","_toLocaleString","localeString","culture","_isChartEmpty","filter","d","_addDefaultColors","donutChartDataPoint","defaultColor","_getTitleHeight","chartTitle","Math","max","titleStyles","titleFont","size","legendContainerHeight","legendContainerComputedStyles","getComputedStyle","getBoundingClientRect","parseFloat","marginTop","marginBottom","parentRef","container","currentContainerWidth","currentContainerHeight","availableHeight","shouldResize","points","classes","legendBars","donutMarginHorizontal","donutMarginVertical","titleHeight","outerRadius","min","arrowAttributes","circular","axis","div","className","root","ref","rootElem","onMouseLeave","xAxisAnnotation","text","axisAnnotation","x","y","textAnchor","chartWrapper","svg","chart","aria-label","maxWidth","tooltipClassName","svgTooltip","onFocusCallback","hoverOnCallback","hoverLeaveCallback","uniqText","onBlurCallback","activeArc","href","showLabelsInPercent","positioning","target","hideTooltip","YValue","isCalloutForStack","customCallout","customizedCallout","onRenderCalloutPerDataPoint","customCalloutProps","calloutPropsPerDataPoint","isCartesian","style","role","opacity","displayName"],"mappings":"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"}

package/lib/components/DonutChart/Pie/Pie.js

@@ -1,9 +1,9 @@
 'use client';
-/* eslint-disable react-hooks/exhaustive-deps */ /* eslint-disable react/jsx-no-bind */ /* eslint-disable @typescript-eslint/no-explicit-any */ import * as React from 'react';
-import { pie as d3Pie } from 'd3-shape';
-import { Arc } from '../Arc/index';
-import { usePieStyles } from './usePieStyles.styles';
-import { wrapTextInsideDonut } from '../../../utilities/index';
+/* eslint-disable react-hooks/exhaustive-deps */ /* eslint-disable react/jsx-no-bind */ /* eslint-disable @typescript-eslint/no-explicit-any */ import * as React from "react";
+import { pie as d3Pie } from "d3-shape";
+import { Arc } from "../Arc/index.js";
+import { usePieStyles } from "./usePieStyles.styles.js";
+import { wrapTextInsideDonut } from "../../../utilities/index.js";
 const TEXT_PADDING = 5;
 // Create a Pie within Donut Chart variant which uses these default styles and this styled subcomponent.
 /**

package/lib/components/DonutChart/Pie/Pie.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/DonutChart/Pie/Pie.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable react/jsx-no-bind */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport * as React from 'react';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { pie as d3Pie } from 'd3-shape';\nimport type { PieProps } from './index';\nimport { Arc } from '../Arc/index';\nimport type { ChartDataPoint } from '../index';\nimport { usePieStyles } from './usePieStyles.styles';\nimport { wrapTextInsideDonut } from '../../../utilities/index';\nconst TEXT_PADDING: number = 5;\n\n// Create a Pie within Donut Chart variant which uses these default styles and this styled subcomponent.\n/**\n * Pie component within Donut Chart.\n * {@docCategory PieDonutChart}\n */\nexport const Pie: React.FunctionComponent<PieProps> = React.forwardRef<HTMLDivElement, PieProps>(\n  (props, forwardedRef) => {\n    React.useEffect(() => {\n      wrapTextInsideDonut(classes.insideDonutString, props.innerRadius! * 2 - TEXT_PADDING);\n    }, []);\n\n    let _totalValue: number;\n    const classes = usePieStyles(props);\n    const pieForFocusRing = d3Pie()\n      .sort(null)\n\n      .value((d: any) => d.data)\n      .padAngle(0);\n\n    function _focusCallback(\n      data: ChartDataPoint,\n      id: string,\n      e: React.FocusEvent<SVGPathElement>,\n      targetElement?: HTMLElement | null,\n    ): void {\n      props.onFocusCallback!(data, id, e, targetElement);\n    }\n\n    function _hoverCallback(\n      data: ChartDataPoint,\n      e: React.MouseEvent<SVGPathElement>,\n      targetElement?: HTMLElement | null,\n    ): void {\n      props.hoverOnCallback!(data, e, targetElement);\n    }\n\n    function _computeTotalValue() {\n      let totalValue = 0;\n      props.data.forEach((arc: ChartDataPoint) => {\n        totalValue += arc.data!;\n      });\n      return totalValue;\n    }\n\n    function arcGenerator(d: any, i: number, focusData: any, href?: string): JSXElement {\n      const color = d && d.data && d.data.color;\n      return (\n        <Arc\n          key={i}\n          data={d}\n          focusData={focusData}\n          innerRadius={props.innerRadius}\n          outerRadius={props.outerRadius}\n          color={color!}\n          onFocusCallback={_focusCallback}\n          hoverOnCallback={_hoverCallback}\n          onBlurCallback={props.onBlurCallback}\n          hoverLeaveCallback={props.hoverLeaveCallback}\n          uniqText={props.uniqText}\n          activeArc={props.activeArc}\n          href={href}\n          calloutId={props.calloutId}\n          valueInsideDonut={props.valueInsideDonut}\n          focusedArcId={props.focusedArcId}\n          showLabelsInPercent={props.showLabelsInPercent}\n          totalValue={_totalValue}\n          hideLabels={props.hideLabels}\n        />\n      );\n    }\n\n    const { data } = props;\n\n    // Filter out data points with value 0 to avoid gaps in the donut chart\n    const filteredData = data.filter((d: ChartDataPoint) => d.data !== 0);\n\n    const focusData = pieForFocusRing(filteredData.map(d => d.data!));\n\n    const piechart = d3Pie<ChartDataPoint>()\n      .sort(null)\n\n      .value((d: any) => d.data)\n      .padAngle(0.02)(filteredData);\n    const translate = `translate(${props.width / 2}, ${props.height / 2})`;\n\n    _totalValue = _computeTotalValue();\n\n    return (\n      <g transform={translate} role=\"listbox\" aria-label={`Donut chart with ${piechart.length} slices`}>\n        {piechart.map((d: any, i: number) => arcGenerator(d, i, focusData[i], props.href))}\n        {props.valueInsideDonut && (\n          <text y={5} textAnchor=\"middle\" dominantBaseline=\"middle\" className={classes.insideDonutString}>\n            {props.valueInsideDonut}\n          </text>\n        )}\n      </g>\n    );\n  },\n);\nPie.displayName = 'Pie';\n"],"names":["React","pie","d3Pie","Arc","usePieStyles","wrapTextInsideDonut","TEXT_PADDING","Pie","forwardRef","props","forwardedRef","useEffect","classes","insideDonutString","innerRadius","_totalValue","pieForFocusRing","sort","value","d","data","padAngle","_focusCallback","id","e","targetElement","onFocusCallback","_hoverCallback","hoverOnCallback","_computeTotalValue","totalValue","forEach","arc","arcGenerator","i","focusData","href","color","key","outerRadius","onBlurCallback","hoverLeaveCallback","uniqText","activeArc","calloutId","valueInsideDonut","focusedArcId","showLabelsInPercent","hideLabels","filteredData","filter","map","piechart","translate","width","height","g","transform","role","aria-label","length","text","y","textAnchor","dominantBaseline","className","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/DonutChart/Pie/Pie.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable react/jsx-no-bind */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport * as React from 'react';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { pie as d3Pie } from 'd3-shape';\nimport type { PieProps } from './index';\nimport { Arc } from '../Arc/index';\nimport type { ChartDataPoint } from '../index';\nimport { usePieStyles } from './usePieStyles.styles';\nimport { wrapTextInsideDonut } from '../../../utilities/index';\nconst TEXT_PADDING: number = 5;\n\n// Create a Pie within Donut Chart variant which uses these default styles and this styled subcomponent.\n/**\n * Pie component within Donut Chart.\n * {@docCategory PieDonutChart}\n */\nexport const Pie: React.FunctionComponent<PieProps> = React.forwardRef<HTMLDivElement, PieProps>(\n  (props, forwardedRef) => {\n    React.useEffect(() => {\n      wrapTextInsideDonut(classes.insideDonutString, props.innerRadius! * 2 - TEXT_PADDING);\n    }, []);\n\n    let _totalValue: number;\n    const classes = usePieStyles(props);\n    const pieForFocusRing = d3Pie()\n      .sort(null)\n\n      .value((d: any) => d.data)\n      .padAngle(0);\n\n    function _focusCallback(\n      data: ChartDataPoint,\n      id: string,\n      e: React.FocusEvent<SVGPathElement>,\n      targetElement?: HTMLElement | null,\n    ): void {\n      props.onFocusCallback!(data, id, e, targetElement);\n    }\n\n    function _hoverCallback(\n      data: ChartDataPoint,\n      e: React.MouseEvent<SVGPathElement>,\n      targetElement?: HTMLElement | null,\n    ): void {\n      props.hoverOnCallback!(data, e, targetElement);\n    }\n\n    function _computeTotalValue() {\n      let totalValue = 0;\n      props.data.forEach((arc: ChartDataPoint) => {\n        totalValue += arc.data!;\n      });\n      return totalValue;\n    }\n\n    function arcGenerator(d: any, i: number, focusData: any, href?: string): JSXElement {\n      const color = d && d.data && d.data.color;\n      return (\n        <Arc\n          key={i}\n          data={d}\n          focusData={focusData}\n          innerRadius={props.innerRadius}\n          outerRadius={props.outerRadius}\n          color={color!}\n          onFocusCallback={_focusCallback}\n          hoverOnCallback={_hoverCallback}\n          onBlurCallback={props.onBlurCallback}\n          hoverLeaveCallback={props.hoverLeaveCallback}\n          uniqText={props.uniqText}\n          activeArc={props.activeArc}\n          href={href}\n          calloutId={props.calloutId}\n          valueInsideDonut={props.valueInsideDonut}\n          focusedArcId={props.focusedArcId}\n          showLabelsInPercent={props.showLabelsInPercent}\n          totalValue={_totalValue}\n          hideLabels={props.hideLabels}\n        />\n      );\n    }\n\n    const { data } = props;\n\n    // Filter out data points with value 0 to avoid gaps in the donut chart\n    const filteredData = data.filter((d: ChartDataPoint) => d.data !== 0);\n\n    const focusData = pieForFocusRing(filteredData.map(d => d.data!));\n\n    const piechart = d3Pie<ChartDataPoint>()\n      .sort(null)\n\n      .value((d: any) => d.data)\n      .padAngle(0.02)(filteredData);\n    const translate = `translate(${props.width / 2}, ${props.height / 2})`;\n\n    _totalValue = _computeTotalValue();\n\n    return (\n      <g transform={translate} role=\"listbox\" aria-label={`Donut chart with ${piechart.length} slices`}>\n        {piechart.map((d: any, i: number) => arcGenerator(d, i, focusData[i], props.href))}\n        {props.valueInsideDonut && (\n          <text y={5} textAnchor=\"middle\" dominantBaseline=\"middle\" className={classes.insideDonutString}>\n            {props.valueInsideDonut}\n          </text>\n        )}\n      </g>\n    );\n  },\n);\nPie.displayName = 'Pie';\n"],"names":["React","pie","d3Pie","Arc","usePieStyles","wrapTextInsideDonut","TEXT_PADDING","Pie","forwardRef","props","forwardedRef","useEffect","classes","insideDonutString","innerRadius","_totalValue","pieForFocusRing","sort","value","d","data","padAngle","_focusCallback","id","e","targetElement","onFocusCallback","_hoverCallback","hoverOnCallback","_computeTotalValue","totalValue","forEach","arc","arcGenerator","i","focusData","href","color","key","outerRadius","onBlurCallback","hoverLeaveCallback","uniqText","activeArc","calloutId","valueInsideDonut","focusedArcId","showLabelsInPercent","hideLabels","filteredData","filter","map","piechart","translate","width","height","g","transform","role","aria-label","length","text","y","textAnchor","dominantBaseline","className","displayName"],"mappings":"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"}

package/lib/components/DonutChart/Pie/index.js

@@ -1,2 +1,2 @@
-export * from './Pie';
-export * from './Pie.types';
+export * from "./Pie.js";
+export * from "./Pie.types.js";

package/lib/components/DonutChart/Pie/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/DonutChart/Pie/index.ts"],"sourcesContent":["export * from './Pie';\nexport * from './Pie.types';\n"],"names":[],"mappings":"AAAA,cAAc,QAAQ;AACtB,cAAc,cAAc"}
+{"version":3,"sources":["../src/components/DonutChart/Pie/index.ts"],"sourcesContent":["export * from './Pie';\nexport * from './Pie.types';\n"],"names":[],"mappings":"AAAA,cAAc,WAAQ;AACtB,cAAc,iBAAc"}

package/lib/components/DonutChart/Pie/usePieStyles.styles.js

@@ -1,7 +1,7 @@
 'use client';
 
-import { tokens, typographyStyles } from '@fluentui/react-theme';
-import { __styles, mergeClasses } from '@griffel/react';
+import { tokens, typographyStyles } from "@fluentui/react-theme";
+import { __styles, mergeClasses } from "@griffel/react";
 /**
  * @internal
  */

package/lib/components/DonutChart/Pie/usePieStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["tokens","typographyStyles","__styles","mergeClasses","donutPieClassNames","root","insideDonutString","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Bkfmm31","Bvjb7m6","d","usePieStyles","props","_props_styles","_props_styles1","className","baseStyles","styles"],"sources":["usePieStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\n/**\n * @internal\n */ export const donutPieClassNames = {\n    root: 'fui-donut-pie__root',\n    insideDonutString: 'fui-donut-pie__insideDonutString'\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    root: {},\n    insideDonutString: {\n        ...typographyStyles.title2,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    }\n});\n/**\n * Apply styling to the Pie inside donut chart component\n */ export const usePieStyles = (props)=>{\n    var _props_styles, _props_styles1;\n    const { className } = props;\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(donutPieClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        insideDonutString: mergeClasses(donutPieClassNames.insideDonutString, baseStyles.insideDonutString, className, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.insideDonutString)\n    };\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,SAAAC,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD;AACA;AACA;AAAI,OAAO,MAAMC,kBAAkB,GAAG;EAClCC,IAAI,EAAE,qBAAqB;EAC3BC,iBAAiB,EAAE;AACvB,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGL,QAAA;EAAAG,IAAA;EAAAC,iBAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAOrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,YAAY,GAAIC,KAAK,IAAG;EACrC,IAAIC,aAAa,EAAEC,cAAc;EACjC,MAAM;IAAEC;EAAU,CAAC,GAAGH,KAAK;EAC3B,MAAMI,UAAU,GAAGb,SAAS,CAAC,CAAC;EAC9B,OAAO;IACHF,IAAI,EAAEF,YAAY,CAACC,kBAAkB,CAACC,IAAI,EAAEe,UAAU,CAACf,IAAI,EAAEc,SAAS,EAAE,CAACF,aAAa,GAAGD,KAAK,CAACK,MAAM,MAAM,IAAI,IAAIJ,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACZ,IAAI,CAAC;IAC1KC,iBAAiB,EAAEH,YAAY,CAACC,kBAAkB,CAACE,iBAAiB,EAAEc,UAAU,CAACd,iBAAiB,EAAEa,SAAS,EAAE,CAACD,cAAc,GAAGF,KAAK,CAACK,MAAM,MAAM,IAAI,IAAIH,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACZ,iBAAiB;EACpO,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["tokens","typographyStyles","__styles","mergeClasses","donutPieClassNames","root","insideDonutString","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Bkfmm31","Bvjb7m6","d","usePieStyles","props","_props_styles","_props_styles1","className","baseStyles","styles"],"sources":["usePieStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens, typographyStyles } from \"@fluentui/react-theme\";\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\n/**\n * @internal\n */ export const donutPieClassNames = {\n    root: 'fui-donut-pie__root',\n    insideDonutString: 'fui-donut-pie__insideDonutString'\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    root: {},\n    insideDonutString: {\n        ...typographyStyles.title2,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    }\n});\n/**\n * Apply styling to the Pie inside donut chart component\n */ export const usePieStyles = (props)=>{\n    var _props_styles, _props_styles1;\n    const { className } = props;\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(donutPieClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        insideDonutString: mergeClasses(donutPieClassNames.insideDonutString, baseStyles.insideDonutString, className, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.insideDonutString)\n    };\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,SAAAC,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD;AACA;AACA;AAAI,OAAO,MAAMC,kBAAkB,GAAG;EAClCC,IAAI,EAAE,qBAAqB;EAC3BC,iBAAiB,EAAE;AACvB,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGL,QAAA;EAAAG,IAAA;EAAAC,iBAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAOrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,YAAY,GAAIC,KAAK,IAAG;EACrC,IAAIC,aAAa,EAAEC,cAAc;EACjC,MAAM;IAAEC;EAAU,CAAC,GAAGH,KAAK;EAC3B,MAAMI,UAAU,GAAGb,SAAS,CAAC,CAAC;EAC9B,OAAO;IACHF,IAAI,EAAEF,YAAY,CAACC,kBAAkB,CAACC,IAAI,EAAEe,UAAU,CAACf,IAAI,EAAEc,SAAS,EAAE,CAACF,aAAa,GAAGD,KAAK,CAACK,MAAM,MAAM,IAAI,IAAIJ,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACZ,IAAI,CAAC;IAC1KC,iBAAiB,EAAEH,YAAY,CAACC,kBAAkB,CAACE,iBAAiB,EAAEc,UAAU,CAACd,iBAAiB,EAAEa,SAAS,EAAE,CAACD,cAAc,GAAGF,KAAK,CAACK,MAAM,MAAM,IAAI,IAAIH,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACZ,iBAAiB;EACpO,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/components/DonutChart/Pie/usePieStyles.styles.raw.js

@@ -1,6 +1,6 @@
 'use client';
-import { tokens, typographyStyles } from '@fluentui/react-theme';
-import { makeStyles, mergeClasses } from '@griffel/react';
+import { tokens, typographyStyles } from "@fluentui/react-theme";
+import { makeStyles, mergeClasses } from "@griffel/react";
 /**
  * @internal
  */ export const donutPieClassNames = {

package/lib/components/DonutChart/index.js

@@ -1,3 +1,3 @@
-export * from './DonutChart';
-export * from './DonutChart.types';
-export * from '../../types/index';
+export * from "./DonutChart.js";
+export * from "./DonutChart.types.js";
+export * from "../../types/index.js";

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/DonutChart/index.ts"],"sourcesContent":["export * from './DonutChart';\nexport * from './DonutChart.types';\nexport * from '../../types/index';\n"],"names":[],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,qBAAqB;AACnC,cAAc,oBAAoB"}
+{"version":3,"sources":["../src/components/DonutChart/index.ts"],"sourcesContent":["export * from './DonutChart';\nexport * from './DonutChart.types';\nexport * from '../../types/index';\n"],"names":[],"mappings":"AAAA,cAAc,kBAAe;AAC7B,cAAc,wBAAqB;AACnC,cAAc,uBAAoB"}

package/lib/components/DonutChart/useDonutChartStyles.styles.js

@@ -1,8 +1,8 @@
 'use client';
 
-import { __styles, mergeClasses } from '@griffel/react';
-import { tokens, typographyStyles } from '@fluentui/react-theme';
-import { getAxisTitleStyle, getChartTitleStyles, HighContrastSelector } from '../../utilities/index';
+import { __styles, mergeClasses } from "@griffel/react";
+import { tokens, typographyStyles } from "@fluentui/react-theme";
+import { getAxisTitleStyle, getChartTitleStyles, HighContrastSelector } from "../../utilities/index.js";
 /**
  * @internal
  */

package/lib/components/DonutChart/useDonutChartStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","tokens","typographyStyles","getAxisTitleStyle","getChartTitleStyles","HighContrastSelector","donutClassNames","root","chart","legendContainer","chartWrapper","axisAnnotation","chartTitle","svgTooltip","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","a9b677","Bqenvij","fsow6f","B7ck84d","ek0pe7","B68tc82","Bmxbyg5","Bpg54ce","z8tnut","B80ckks","sj55zd","Bkfmm31","Bxms50k","Bvjb7m6","jrapky","d","p","m","useDonutChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","className","baseStyles","styles"],"sources":["useDonutChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { getAxisTitleStyle, getChartTitleStyles, HighContrastSelector } from '../../utilities/index';\n/**\n * @internal\n */ export const donutClassNames = {\n    root: 'fui-donut__root',\n    chart: 'fui-donut__chart',\n    legendContainer: 'fui-donut__legendContainer',\n    chartWrapper: 'fui-donut__chartWrapper',\n    axisAnnotation: 'fui-donut__axisAnnotation',\n    chartTitle: 'fui-donut__chartTitle',\n    svgTooltip: 'fui-donut__svgTooltip'\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    root: {\n        // alignItems: 'center',\n        ...typographyStyles.body1,\n        display: 'flex',\n        flexDirection: 'column',\n        width: '100%',\n        height: '100%',\n        textAlign: 'left'\n    },\n    chart: {\n        boxSizing: 'content-box',\n        alignmentAdjust: 'center',\n        display: 'block',\n        overflow: 'visible'\n    },\n    legendContainer: {\n        paddingTop: tokens.spacingVerticalL,\n        width: '100%'\n    },\n    axisAnnotation: getAxisTitleStyle(),\n    chartTitle: getChartTitleStyles(),\n    svgTooltip: {\n        fill: tokens.colorNeutralBackground1,\n        [HighContrastSelector]: {\n            fill: 'Canvas'\n        }\n    }\n});\n/**\n * Apply styling to the DonutChart component\n */ export const useDonutChartStyles = (props)=>{\n    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6;\n    const { className } = props;\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(donutClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        chart: mergeClasses(donutClassNames.chart, baseStyles.chart, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chart),\n        legendContainer: mergeClasses(donutClassNames.legendContainer, baseStyles.legendContainer, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.legendContainer),\n        chartWrapper: mergeClasses(donutClassNames.chartWrapper, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.chartWrapper),\n        axisAnnotation: mergeClasses(donutClassNames.axisAnnotation, baseStyles.axisAnnotation, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.axisAnnotation),\n        chartTitle: mergeClasses(donutClassNames.chartTitle, baseStyles.chartTitle, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.chartTitle),\n        svgTooltip: mergeClasses(donutClassNames.svgTooltip, baseStyles.svgTooltip, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.svgTooltip)\n    };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","tokens","typographyStyles","getAxisTitleStyle","getChartTitleStyles","HighContrastSelector","donutClassNames","root","chart","legendContainer","chartWrapper","axisAnnotation","chartTitle","svgTooltip","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","a9b677","Bqenvij","fsow6f","B7ck84d","ek0pe7","B68tc82","Bmxbyg5","Bpg54ce","z8tnut","B80ckks","sj55zd","Bkfmm31","Bxms50k","Bvjb7m6","jrapky","d","p","m","useDonutChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","className","baseStyles","styles"],"sources":["useDonutChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens, typographyStyles } from \"@fluentui/react-theme\";\nimport { getAxisTitleStyle, getChartTitleStyles, HighContrastSelector } from \"../../utilities/index.js\";\n/**\n * @internal\n */ export const donutClassNames = {\n    root: 'fui-donut__root',\n    chart: 'fui-donut__chart',\n    legendContainer: 'fui-donut__legendContainer',\n    chartWrapper: 'fui-donut__chartWrapper',\n    axisAnnotation: 'fui-donut__axisAnnotation',\n    chartTitle: 'fui-donut__chartTitle',\n    svgTooltip: 'fui-donut__svgTooltip'\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    root: {\n        // alignItems: 'center',\n        ...typographyStyles.body1,\n        display: 'flex',\n        flexDirection: 'column',\n        width: '100%',\n        height: '100%',\n        textAlign: 'left'\n    },\n    chart: {\n        boxSizing: 'content-box',\n        alignmentAdjust: 'center',\n        display: 'block',\n        overflow: 'visible'\n    },\n    legendContainer: {\n        paddingTop: tokens.spacingVerticalL,\n        width: '100%'\n    },\n    axisAnnotation: getAxisTitleStyle(),\n    chartTitle: getChartTitleStyles(),\n    svgTooltip: {\n        fill: tokens.colorNeutralBackground1,\n        [HighContrastSelector]: {\n            fill: 'Canvas'\n        }\n    }\n});\n/**\n * Apply styling to the DonutChart component\n */ export const useDonutChartStyles = (props)=>{\n    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6;\n    const { className } = props;\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(donutClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        chart: mergeClasses(donutClassNames.chart, baseStyles.chart, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chart),\n        legendContainer: mergeClasses(donutClassNames.legendContainer, baseStyles.legendContainer, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.legendContainer),\n        chartWrapper: mergeClasses(donutClassNames.chartWrapper, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.chartWrapper),\n        axisAnnotation: mergeClasses(donutClassNames.axisAnnotation, baseStyles.axisAnnotation, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.axisAnnotation),\n        chartTitle: mergeClasses(donutClassNames.chartTitle, baseStyles.chartTitle, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.chartTitle),\n        svgTooltip: mergeClasses(donutClassNames.svgTooltip, baseStyles.svgTooltip, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.svgTooltip)\n    };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/DonutChart/useDonutChartStyles.styles.raw.js

@@ -1,7 +1,7 @@
 'use client';
-import { makeStyles, mergeClasses } from '@griffel/react';
-import { tokens, typographyStyles } from '@fluentui/react-theme';
-import { getAxisTitleStyle, getChartTitleStyles, HighContrastSelector } from '../../utilities/index';
+import { makeStyles, mergeClasses } from "@griffel/react";
+import { tokens, typographyStyles } from "@fluentui/react-theme";
+import { getAxisTitleStyle, getChartTitleStyles, HighContrastSelector } from "../../utilities/index.js";
 /**
  * @internal
  */ export const donutClassNames = {

package/lib/components/DonutChart/useDonutChartStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/DonutChart/useDonutChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { GriffelStyle } from '@griffel/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { DonutChartProps, DonutChartStyles } from './index';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { getAxisTitleStyle, getChartTitleStyles, HighContrastSelector } from '../../utilities/index';\n\n/**\n * @internal\n */\nexport const donutClassNames: SlotClassNames<DonutChartStyles> = {\n  root: 'fui-donut__root',\n  chart: 'fui-donut__chart',\n  legendContainer: 'fui-donut__legendContainer',\n  chartWrapper: 'fui-donut__chartWrapper',\n  axisAnnotation: 'fui-donut__axisAnnotation',\n  chartTitle: 'fui-donut__chartTitle',\n  svgTooltip: 'fui-donut__svgTooltip',\n};\n\n/**\n * Base Styles\n */\nconst useStyles = makeStyles({\n  root: {\n    // alignItems: 'center',\n    ...typographyStyles.body1,\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    height: '100%',\n    textAlign: 'left',\n  },\n  chart: {\n    boxSizing: 'content-box',\n    alignmentAdjust: 'center',\n    display: 'block',\n    overflow: 'visible',\n  },\n  legendContainer: {\n    paddingTop: tokens.spacingVerticalL,\n    width: '100%',\n  },\n  axisAnnotation: getAxisTitleStyle() as GriffelStyle,\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 DonutChart component\n */\nexport const useDonutChartStyles = (props: DonutChartProps): DonutChartStyles => {\n  const { className } = props;\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(donutClassNames.root, baseStyles.root, className, props.styles?.root),\n    chart: mergeClasses(donutClassNames.chart, baseStyles.chart, props.styles?.chart),\n    legendContainer: mergeClasses(\n      donutClassNames.legendContainer,\n      baseStyles.legendContainer,\n      props.styles?.legendContainer,\n    ),\n    chartWrapper: mergeClasses(donutClassNames.chartWrapper, props.styles?.chartWrapper),\n    axisAnnotation: mergeClasses(\n      donutClassNames.axisAnnotation,\n      baseStyles.axisAnnotation,\n      props.styles?.axisAnnotation,\n    ),\n    chartTitle: mergeClasses(donutClassNames.chartTitle, baseStyles.chartTitle, props.styles?.chartTitle),\n    svgTooltip: mergeClasses(donutClassNames.svgTooltip, baseStyles.svgTooltip, props.styles?.svgTooltip),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","getAxisTitleStyle","getChartTitleStyles","HighContrastSelector","donutClassNames","root","chart","legendContainer","chartWrapper","axisAnnotation","chartTitle","svgTooltip","useStyles","body1","display","flexDirection","width","height","textAlign","boxSizing","alignmentAdjust","overflow","paddingTop","spacingVerticalL","fill","colorNeutralBackground1","useDonutChartStyles","props","className","baseStyles","styles"],"mappings":"AAAA;AAGA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AAGjE,SAASC,iBAAiB,EAAEC,mBAAmB,EAAEC,oBAAoB,QAAQ,wBAAwB;AAErG;;CAEC,GACD,OAAO,MAAMC,kBAAoD;IAC/DC,MAAM;IACNC,OAAO;IACPC,iBAAiB;IACjBC,cAAc;IACdC,gBAAgB;IAChBC,YAAY;IACZC,YAAY;AACd,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYf,WAAW;IAC3BQ,MAAM;QACJ,wBAAwB;QACxB,GAAGL,iBAAiBa,KAAK;QACzBC,SAAS;QACTC,eAAe;QACfC,OAAO;QACPC,QAAQ;QACRC,WAAW;IACb;IACAZ,OAAO;QACLa,WAAW;QACXC,iBAAiB;QACjBN,SAAS;QACTO,UAAU;IACZ;IACAd,iBAAiB;QACfe,YAAYvB,OAAOwB,gBAAgB;QACnCP,OAAO;IACT;IACAP,gBAAgBR;IAChBS,YAAYR;IACZS,YAAY;QACVa,MAAMzB,OAAO0B,uBAAuB;QACpC,CAACtB,qBAAqB,EAAE;YACtBqB,MAAM;QACR;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAME,sBAAsB,CAACC;QAKqCA,eACRA,gBAI3DA,gBAEuDA,gBAIvDA,gBAE0EA,gBACAA;IAlB9E,MAAM,EAAEC,SAAS,EAAE,GAAGD;IACtB,MAAME,aAAajB;IAEnB,OAAO;QACLP,MAAMP,aAAaM,gBAAgBC,IAAI,EAAEwB,WAAWxB,IAAI,EAAEuB,YAAWD,gBAAAA,MAAMG,MAAM,cAAZH,oCAAAA,cAActB,IAAI;QACvFC,OAAOR,aAAaM,gBAAgBE,KAAK,EAAEuB,WAAWvB,KAAK,GAAEqB,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAcrB,KAAK;QAChFC,iBAAiBT,aACfM,gBAAgBG,eAAe,EAC/BsB,WAAWtB,eAAe,GAC1BoB,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAcpB,eAAe;QAE/BC,cAAcV,aAAaM,gBAAgBI,YAAY,GAAEmB,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAcnB,YAAY;QACnFC,gBAAgBX,aACdM,gBAAgBK,cAAc,EAC9BoB,WAAWpB,cAAc,GACzBkB,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAclB,cAAc;QAE9BC,YAAYZ,aAAaM,gBAAgBM,UAAU,EAAEmB,WAAWnB,UAAU,GAAEiB,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAcjB,UAAU;QACpGC,YAAYb,aAAaM,gBAAgBO,UAAU,EAAEkB,WAAWlB,UAAU,GAAEgB,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAchB,UAAU;IACtG;AACF,EAAE"}
+{"version":3,"sources":["../src/components/DonutChart/useDonutChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { GriffelStyle } from '@griffel/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { DonutChartProps, DonutChartStyles } from './index';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { getAxisTitleStyle, getChartTitleStyles, HighContrastSelector } from '../../utilities/index';\n\n/**\n * @internal\n */\nexport const donutClassNames: SlotClassNames<DonutChartStyles> = {\n  root: 'fui-donut__root',\n  chart: 'fui-donut__chart',\n  legendContainer: 'fui-donut__legendContainer',\n  chartWrapper: 'fui-donut__chartWrapper',\n  axisAnnotation: 'fui-donut__axisAnnotation',\n  chartTitle: 'fui-donut__chartTitle',\n  svgTooltip: 'fui-donut__svgTooltip',\n};\n\n/**\n * Base Styles\n */\nconst useStyles = makeStyles({\n  root: {\n    // alignItems: 'center',\n    ...typographyStyles.body1,\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    height: '100%',\n    textAlign: 'left',\n  },\n  chart: {\n    boxSizing: 'content-box',\n    alignmentAdjust: 'center',\n    display: 'block',\n    overflow: 'visible',\n  },\n  legendContainer: {\n    paddingTop: tokens.spacingVerticalL,\n    width: '100%',\n  },\n  axisAnnotation: getAxisTitleStyle() as GriffelStyle,\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 DonutChart component\n */\nexport const useDonutChartStyles = (props: DonutChartProps): DonutChartStyles => {\n  const { className } = props;\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(donutClassNames.root, baseStyles.root, className, props.styles?.root),\n    chart: mergeClasses(donutClassNames.chart, baseStyles.chart, props.styles?.chart),\n    legendContainer: mergeClasses(\n      donutClassNames.legendContainer,\n      baseStyles.legendContainer,\n      props.styles?.legendContainer,\n    ),\n    chartWrapper: mergeClasses(donutClassNames.chartWrapper, props.styles?.chartWrapper),\n    axisAnnotation: mergeClasses(\n      donutClassNames.axisAnnotation,\n      baseStyles.axisAnnotation,\n      props.styles?.axisAnnotation,\n    ),\n    chartTitle: mergeClasses(donutClassNames.chartTitle, baseStyles.chartTitle, props.styles?.chartTitle),\n    svgTooltip: mergeClasses(donutClassNames.svgTooltip, baseStyles.svgTooltip, props.styles?.svgTooltip),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","getAxisTitleStyle","getChartTitleStyles","HighContrastSelector","donutClassNames","root","chart","legendContainer","chartWrapper","axisAnnotation","chartTitle","svgTooltip","useStyles","body1","display","flexDirection","width","height","textAlign","boxSizing","alignmentAdjust","overflow","paddingTop","spacingVerticalL","fill","colorNeutralBackground1","useDonutChartStyles","props","className","baseStyles","styles"],"mappings":"AAAA;AAGA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AAGjE,SAASC,iBAAiB,EAAEC,mBAAmB,EAAEC,oBAAoB,QAAQ,2BAAwB;AAErG;;CAEC,GACD,OAAO,MAAMC,kBAAoD;IAC/DC,MAAM;IACNC,OAAO;IACPC,iBAAiB;IACjBC,cAAc;IACdC,gBAAgB;IAChBC,YAAY;IACZC,YAAY;AACd,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYf,WAAW;IAC3BQ,MAAM;QACJ,wBAAwB;QACxB,GAAGL,iBAAiBa,KAAK;QACzBC,SAAS;QACTC,eAAe;QACfC,OAAO;QACPC,QAAQ;QACRC,WAAW;IACb;IACAZ,OAAO;QACLa,WAAW;QACXC,iBAAiB;QACjBN,SAAS;QACTO,UAAU;IACZ;IACAd,iBAAiB;QACfe,YAAYvB,OAAOwB,gBAAgB;QACnCP,OAAO;IACT;IACAP,gBAAgBR;IAChBS,YAAYR;IACZS,YAAY;QACVa,MAAMzB,OAAO0B,uBAAuB;QACpC,CAACtB,qBAAqB,EAAE;YACtBqB,MAAM;QACR;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAME,sBAAsB,CAACC;QAKqCA,eACRA,gBAI3DA,gBAEuDA,gBAIvDA,gBAE0EA,gBACAA;IAlB9E,MAAM,EAAEC,SAAS,EAAE,GAAGD;IACtB,MAAME,aAAajB;IAEnB,OAAO;QACLP,MAAMP,aAAaM,gBAAgBC,IAAI,EAAEwB,WAAWxB,IAAI,EAAEuB,YAAWD,gBAAAA,MAAMG,MAAM,cAAZH,oCAAAA,cAActB,IAAI;QACvFC,OAAOR,aAAaM,gBAAgBE,KAAK,EAAEuB,WAAWvB,KAAK,GAAEqB,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAcrB,KAAK;QAChFC,iBAAiBT,aACfM,gBAAgBG,eAAe,EAC/BsB,WAAWtB,eAAe,GAC1BoB,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAcpB,eAAe;QAE/BC,cAAcV,aAAaM,gBAAgBI,YAAY,GAAEmB,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAcnB,YAAY;QACnFC,gBAAgBX,aACdM,gBAAgBK,cAAc,EAC9BoB,WAAWpB,cAAc,GACzBkB,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAclB,cAAc;QAE9BC,YAAYZ,aAAaM,gBAAgBM,UAAU,EAAEmB,WAAWnB,UAAU,GAAEiB,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAcjB,UAAU;QACpGC,YAAYb,aAAaM,gBAAgBO,UAAU,EAAEkB,WAAWlB,UAAU,GAAEgB,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAchB,UAAU;IACtG;AACF,EAAE"}