@fluentui/react-charts 0.0.0-nightly-20250826-2140.1 → 0.0.0-nightly-20250827-0407.1

package/lib-commonjs/components/VerticalStackedBarChart/useVerticalStackedBarChartStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/VerticalStackedBarChart/useVerticalStackedBarChartStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { VerticalStackedBarChartProps, VerticalStackedBarChartStyles } from './VerticalStackedBarChart.types';\nimport { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n\nexport const verticalstackedbarchartClassNames: SlotClassNames<VerticalStackedBarChartStyles> = {\n  opacityChangeOnHover: 'fui-vsbc__opacityChangeOnHover',\n  tooltip: 'fui-vsbc__tooltip',\n  barLabel: 'fui-vsbc__barLabel',\n  root: '',\n  xAxis: '',\n  yAxis: '',\n  legendContainer: '',\n  hover: '',\n  descriptionMessage: '',\n  axisTitle: '',\n  chartTitle: '',\n  shapeStyles: '',\n  chartWrapper: '',\n  svgTooltip: '',\n  chart: '',\n  axisAnnotation: '',\n};\n\nconst useStyles = makeStyles({\n  opacityChangeOnHover: {\n    cursor: 'default',\n  },\n  tooltip: {\n    ...typographyStyles.body1,\n    display: 'flex',\n    flexDirection: 'column',\n    ...shorthands.padding(tokens.spacingHorizontalS),\n    position: 'absolute',\n    textAlign: 'center',\n    top: tokens.spacingVerticalNone,\n    fill: tokens.colorNeutralBackground1,\n    borderRadius: tokens.borderRadiusSmall,\n    pointerEvents: 'none',\n  },\n  barLabel: {\n    ...typographyStyles.caption1Strong,\n    fill: tokens.colorNeutralForeground1,\n    forcedColorAdjust: 'auto',\n  },\n});\n\nexport const useVerticalStackedBarChartStyles = (\n  props: VerticalStackedBarChartProps,\n): VerticalStackedBarChartStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    opacityChangeOnHover: mergeClasses(\n      verticalstackedbarchartClassNames.opacityChangeOnHover,\n      baseStyles.opacityChangeOnHover,\n      props.href ? 'pointer' : 'default',\n    ),\n    tooltip: mergeClasses(verticalstackedbarchartClassNames.tooltip, baseStyles.tooltip),\n    barLabel: mergeClasses(verticalstackedbarchartClassNames.barLabel, baseStyles.barLabel),\n  };\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","typographyStyles","verticalstackedbarchartClassNames","opacityChangeOnHover","tooltip","barLabel","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","useStyles","cursor","body1","display","flexDirection","padding","spacingHorizontalS","position","textAlign","top","spacingVerticalNone","fill","colorNeutralBackground1","borderRadius","borderRadiusSmall","pointerEvents","caption1Strong","colorNeutralForeground1","forcedColorAdjust","useVerticalStackedBarChartStyles","props","baseStyles","href"],"mappings":";;;;;;;;;;;oCA+CayC;;;IA1CApC,iCAAAA;;;;uBALwC,iBAAiB;4BAG7B,wBAAwB;AAE1D,0CAAyF;IAC9FC,sBAAsB;IACtBC,SAAS;IACTC,UAAU;IACVC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,iBAAiB;IACjBC,OAAO;IACPC,oBAAoB;IACpBC,WAAW;IACXC,YAAY;IACZC,aAAa;IACbC,cAAc;IACdC,YAAY;IACZC,OAAO;IACPC,gBAAgB;AAClB,EAAE;AAEF,MAAMC,gBAAYtB,iBAAAA,EAAW;IAC3BM,sBAAsB;QACpBiB,QAAQ;IACV;IACAhB,SAAS;QACP,GAAGH,4BAAAA,CAAiBoB,KAAK;QACzBC,SAAS;QACTC,eAAe;QACf,GAAGxB,iBAAAA,CAAWyB,OAAO,CAACxB,kBAAAA,CAAOyB,kBAAkB,CAAC;QAChDC,UAAU;QACVC,WAAW;QACXC,KAAK5B,kBAAAA,CAAO6B,mBAAmB;QAC/BC,MAAM9B,kBAAAA,CAAO+B,uBAAuB;QACpCC,cAAchC,kBAAAA,CAAOiC,iBAAiB;QACtCC,eAAe;IACjB;IACA7B,UAAU;QACR,GAAGJ,4BAAAA,CAAiBkC,cAAc;QAClCL,MAAM9B,kBAAAA,CAAOoC,uBAAuB;QACpCC,mBAAmB;IACrB;AACF;AAEO,MAAMC,mCAAmC,CAC9CC;IAEA,MAAMC,aAAarB;IAEnB,OAAO;QACLhB,0BAAsBL,mBAAAA,EACpBI,kCAAkCC,oBAAoB,EACtDqC,WAAWrC,oBAAoB,EAC/BoC,MAAME,IAAI,GAAG,YAAY;QAE3BrC,aAASN,mBAAAA,EAAaI,kCAAkCE,OAAO,EAAEoC,WAAWpC,OAAO;QACnFC,cAAUP,mBAAAA,EAAaI,kCAAkCG,QAAQ,EAAEmC,WAAWnC,QAAQ;IACxF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/VerticalStackedBarChart/useVerticalStackedBarChartStyles.styles.ts"],"sourcesContent":["import { GriffelStyle, makeStyles, mergeClasses } from '@griffel/react';\nimport { VerticalStackedBarChartProps, VerticalStackedBarChartStyles } from './VerticalStackedBarChart.types';\nimport { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport { getBarLabelStyle, getTooltipStyle } from '../../utilities/index';\n\nexport const verticalstackedbarchartClassNames: SlotClassNames<VerticalStackedBarChartStyles> = {\n  opacityChangeOnHover: 'fui-vsbc__opacityChangeOnHover',\n  tooltip: 'fui-vsbc__tooltip',\n  barLabel: 'fui-vsbc__barLabel',\n  root: '',\n  xAxis: '',\n  yAxis: '',\n  legendContainer: '',\n  hover: '',\n  descriptionMessage: '',\n  axisTitle: '',\n  chartTitle: '',\n  shapeStyles: '',\n  chartWrapper: '',\n  svgTooltip: '',\n  chart: '',\n  axisAnnotation: '',\n};\n\nconst useStyles = makeStyles({\n  opacityChangeOnHover: {\n    cursor: 'default',\n  },\n  tooltip: getTooltipStyle() as GriffelStyle,\n  barLabel: getBarLabelStyle() as GriffelStyle,\n});\n\nexport const useVerticalStackedBarChartStyles = (\n  props: VerticalStackedBarChartProps,\n): VerticalStackedBarChartStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    opacityChangeOnHover: mergeClasses(\n      verticalstackedbarchartClassNames.opacityChangeOnHover,\n      baseStyles.opacityChangeOnHover,\n      props.href ? 'pointer' : 'default',\n    ),\n    tooltip: mergeClasses(verticalstackedbarchartClassNames.tooltip, baseStyles.tooltip),\n    barLabel: mergeClasses(verticalstackedbarchartClassNames.barLabel, baseStyles.barLabel),\n  };\n};\n"],"names":["makeStyles","mergeClasses","getBarLabelStyle","getTooltipStyle","verticalstackedbarchartClassNames","opacityChangeOnHover","tooltip","barLabel","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","useStyles","cursor","useVerticalStackedBarChartStyles","props","baseStyles","href"],"mappings":";;;;;;;;;;;oCAgCauB;;;IA3BAnB,iCAAAA;;;;uBAL0C,iBAAiB;uBAGtB,wBAAwB;AAEnE,0CAAyF;IAC9FC,sBAAsB;IACtBC,SAAS;IACTC,UAAU;IACVC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,iBAAiB;IACjBC,OAAO;IACPC,oBAAoB;IACpBC,WAAW;IACXC,YAAY;IACZC,aAAa;IACbC,cAAc;IACdC,YAAY;IACZC,OAAO;IACPC,gBAAgB;AAClB,EAAE;AAEF,MAAMC,gBAAYrB,iBAAAA,EAAW;IAC3BK,sBAAsB;QACpBiB,QAAQ;IACV;IACAhB,aAASH,sBAAAA;IACTI,cAAUL,uBAAAA;AACZ;AAEO,MAAMqB,mCAAmC,CAC9CC;IAEA,MAAMC,aAAaJ;IAEnB,OAAO;QACLhB,0BAAsBJ,mBAAAA,EACpBG,kCAAkCC,oBAAoB,EACtDoB,WAAWpB,oBAAoB,EAC/BmB,MAAME,IAAI,GAAG,YAAY;QAE3BpB,aAASL,mBAAAA,EAAaG,kCAAkCE,OAAO,EAAEmB,WAAWnB,OAAO;QACnFC,cAAUN,mBAAAA,EAAaG,kCAAkCG,QAAQ,EAAEkB,WAAWlB,QAAQ;IACxF;AACF,EAAE"}

package/lib-commonjs/utilities/Common.styles.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    getAxisTitleStyle: function() {
+        return getAxisTitleStyle;
+    },
+    getBarLabelStyle: function() {
+        return getBarLabelStyle;
+    },
+    getMarkerLabelStyle: function() {
+        return getMarkerLabelStyle;
+    },
+    getTooltipStyle: function() {
+        return getTooltipStyle;
+    }
+});
+const _utilities = require("../utilities/utilities");
+const _reacttheme = require("@fluentui/react-theme");
+const _react = require("@griffel/react");
+const getTooltipStyle = ()=>{
+    return {
+        ..._reacttheme.typographyStyles.body1,
+        display: 'flex',
+        flexDirection: 'column',
+        ..._react.shorthands.padding(_reacttheme.tokens.spacingHorizontalS),
+        position: 'absolute',
+        textAlign: 'center',
+        top: _reacttheme.tokens.spacingVerticalNone,
+        backgroundColor: _reacttheme.tokens.colorNeutralBackground1,
+        borderRadius: _reacttheme.tokens.borderRadiusSmall,
+        pointerEvents: 'none',
+        color: _reacttheme.tokens.colorNeutralForeground1
+    };
+};
+const getAxisTitleStyle = ()=>{
+    return {
+        ..._reacttheme.typographyStyles.caption2Strong,
+        fontStyle: 'normal',
+        textAlign: 'center',
+        color: _reacttheme.tokens.colorNeutralForeground2,
+        fill: _reacttheme.tokens.colorNeutralForeground1,
+        [_utilities.HighContrastSelector]: {
+            fill: 'CanvasText'
+        }
+    };
+};
+const getBarLabelStyle = ()=>{
+    return {
+        ..._reacttheme.typographyStyles.caption1Strong,
+        fill: _reacttheme.tokens.colorNeutralForeground1,
+        forcedColorAdjust: 'auto'
+    };
+};
+const getMarkerLabelStyle = ()=>{
+    return {
+        ..._reacttheme.typographyStyles.body1,
+        fill: _reacttheme.tokens.colorNeutralForeground1,
+        textAnchor: 'middle',
+        [_utilities.HighContrastSelector]: {
+            fill: 'CanvasText'
+        }
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Common.styles.js"],"sourcesContent":["import { HighContrastSelector } from '../utilities/utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { shorthands } from '@griffel/react';\nexport const getTooltipStyle = ()=>{\n    return {\n        ...typographyStyles.body1,\n        display: 'flex',\n        flexDirection: 'column',\n        ...shorthands.padding(tokens.spacingHorizontalS),\n        position: 'absolute',\n        textAlign: 'center',\n        top: tokens.spacingVerticalNone,\n        backgroundColor: tokens.colorNeutralBackground1,\n        borderRadius: tokens.borderRadiusSmall,\n        pointerEvents: 'none',\n        color: tokens.colorNeutralForeground1\n    };\n};\nexport const getAxisTitleStyle = ()=>{\n    return {\n        ...typographyStyles.caption2Strong,\n        fontStyle: 'normal',\n        textAlign: 'center',\n        color: tokens.colorNeutralForeground2,\n        fill: tokens.colorNeutralForeground1,\n        [HighContrastSelector]: {\n            fill: 'CanvasText'\n        }\n    };\n};\nexport const getBarLabelStyle = ()=>{\n    return {\n        ...typographyStyles.caption1Strong,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    };\n};\nexport const getMarkerLabelStyle = ()=>{\n    return {\n        ...typographyStyles.body1,\n        fill: tokens.colorNeutralForeground1,\n        textAnchor: 'middle',\n        [HighContrastSelector]: {\n            fill: 'CanvasText'\n        }\n    };\n};\n"],"names":["HighContrastSelector","tokens","typographyStyles","shorthands","getTooltipStyle","body1","display","flexDirection","padding","spacingHorizontalS","position","textAlign","top","spacingVerticalNone","backgroundColor","colorNeutralBackground1","borderRadius","borderRadiusSmall","pointerEvents","color","colorNeutralForeground1","getAxisTitleStyle","caption2Strong","fontStyle","colorNeutralForeground2","fill","getBarLabelStyle","caption1Strong","forcedColorAdjust","getMarkerLabelStyle","textAnchor"],"mappings":";;;;;;;;;;;IAkBaqB,iBAAiB;;;IAYjBK,gBAAgB;;;uBAOG;eAAnBG;;mBAlCe;;;;2BAHS,wBAAwB;4BACpB,uBAAuB;uBACrC,gBAAgB;AACpC,MAAMzB,kBAAkBA,CAAA,KAAI;IAC/B,OAAO;QACH,GAAGF,4BAAgB,CAACG,KAAK;QACzBC,OAAO,EAAE,MAAM;QACfC,aAAa,EAAE,QAAQ;QACvB,GAAGJ,iBAAU,CAACK,OAAO,CAACP,kBAAM,CAACQ,kBAAkB,CAAC;QAChDC,QAAQ,EAAE,UAAU;QACpBC,SAAS,EAAE,QAAQ;QACnBC,GAAG,EAAEX,kBAAM,CAACY,mBAAmB;QAC/BC,eAAe,EAAEb,kBAAM,CAACc,uBAAuB;QAC/CC,YAAY,EAAEf,kBAAM,CAACgB,iBAAiB;QACtCC,aAAa,EAAE,MAAM;QACrBC,KAAK,EAAElB,kBAAM,CAACmB,uBAAAA;IAClB,CAAC;AACL,CAAC;AACM,0BAA0BC,CAAA,KAAI;IACjC,OAAO;QACH,GAAGnB,4BAAgB,CAACoB,cAAc;QAClCC,SAAS,EAAE,QAAQ;QACnBZ,SAAS,EAAE,QAAQ;QACnBQ,KAAK,EAAElB,kBAAM,CAACuB,uBAAuB;QACrCC,IAAI,EAAExB,kBAAM,CAACmB,uBAAuB;QACpC,CAACpB,+BAAoB,CAAA,EAAG;YACpByB,IAAI,EAAE;QACV;IACJ,CAAC;AACL,CAAC;AACM,yBAAyBC,CAAA,KAAI;IAChC,OAAO;QACH,GAAGxB,4BAAgB,CAACyB,cAAc;QAClCF,IAAI,EAAExB,kBAAM,CAACmB,uBAAuB;QACpCQ,iBAAiB,EAAE;IACvB,CAAC;AACL,CAAC;AACM,4BAA4BC,CAAA,KAAI;IACnC,OAAO;QACH,GAAG3B,4BAAgB,CAACG,KAAK;QACzBoB,IAAI,EAAExB,kBAAM,CAACmB,uBAAuB;QACpCU,UAAU,EAAE,QAAQ;QACpB,CAAC9B,+BAAoB,CAAA,EAAG;YACpByB,IAAI,EAAE;QACV;IACJ,CAAC;AACL,CAAC"}

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

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    getAxisTitleStyle: function() {
+        return getAxisTitleStyle;
+    },
+    getBarLabelStyle: function() {
+        return getBarLabelStyle;
+    },
+    getMarkerLabelStyle: function() {
+        return getMarkerLabelStyle;
+    },
+    getTooltipStyle: function() {
+        return getTooltipStyle;
+    }
+});
+const _utilities = require("../utilities/utilities");
+const _reacttheme = require("@fluentui/react-theme");
+const _react = require("@griffel/react");
+const getTooltipStyle = ()=>{
+    return {
+        ..._reacttheme.typographyStyles.body1,
+        display: 'flex',
+        flexDirection: 'column',
+        ..._react.shorthands.padding(_reacttheme.tokens.spacingHorizontalS),
+        position: 'absolute',
+        textAlign: 'center',
+        top: _reacttheme.tokens.spacingVerticalNone,
+        backgroundColor: _reacttheme.tokens.colorNeutralBackground1,
+        borderRadius: _reacttheme.tokens.borderRadiusSmall,
+        pointerEvents: 'none',
+        color: _reacttheme.tokens.colorNeutralForeground1
+    };
+};
+const getAxisTitleStyle = ()=>{
+    return {
+        ..._reacttheme.typographyStyles.caption2Strong,
+        fontStyle: 'normal',
+        textAlign: 'center',
+        color: _reacttheme.tokens.colorNeutralForeground2,
+        fill: _reacttheme.tokens.colorNeutralForeground1,
+        [_utilities.HighContrastSelector]: {
+            fill: 'CanvasText'
+        }
+    };
+};
+const getBarLabelStyle = ()=>{
+    return {
+        ..._reacttheme.typographyStyles.caption1Strong,
+        fill: _reacttheme.tokens.colorNeutralForeground1,
+        forcedColorAdjust: 'auto'
+    };
+};
+const getMarkerLabelStyle = ()=>{
+    return {
+        ..._reacttheme.typographyStyles.body1,
+        fill: _reacttheme.tokens.colorNeutralForeground1,
+        textAnchor: 'middle',
+        [_utilities.HighContrastSelector]: {
+            fill: 'CanvasText'
+        }
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utilities/Common.styles.ts"],"sourcesContent":["import { HighContrastSelector } from '../utilities/utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { shorthands } from '@griffel/react';\n\nexport const getTooltipStyle = () => {\n  return {\n    ...typographyStyles.body1,\n    display: 'flex',\n    flexDirection: 'column',\n    ...shorthands.padding(tokens.spacingHorizontalS),\n    position: 'absolute',\n    textAlign: 'center',\n    top: tokens.spacingVerticalNone,\n    backgroundColor: tokens.colorNeutralBackground1,\n    borderRadius: tokens.borderRadiusSmall,\n    pointerEvents: 'none',\n    color: tokens.colorNeutralForeground1,\n  };\n};\n\nexport const getAxisTitleStyle = () => {\n  return {\n    ...typographyStyles.caption2Strong,\n    fontStyle: 'normal',\n    textAlign: 'center',\n    color: tokens.colorNeutralForeground2,\n    fill: tokens.colorNeutralForeground1,\n    [HighContrastSelector]: {\n      fill: 'CanvasText',\n    },\n  };\n};\n\nexport const getBarLabelStyle = () => {\n  return {\n    ...typographyStyles.caption1Strong, // Confirm styles\n    fill: tokens.colorNeutralForeground1,\n    forcedColorAdjust: 'auto',\n  };\n};\n\nexport const getMarkerLabelStyle = () => {\n  return {\n    ...typographyStyles.body1,\n    fill: tokens.colorNeutralForeground1,\n    textAnchor: 'middle',\n    [HighContrastSelector]: {\n      fill: 'CanvasText',\n    },\n  };\n};\n"],"names":["HighContrastSelector","tokens","typographyStyles","shorthands","getTooltipStyle","body1","display","flexDirection","padding","spacingHorizontalS","position","textAlign","top","spacingVerticalNone","backgroundColor","colorNeutralBackground1","borderRadius","borderRadiusSmall","pointerEvents","color","colorNeutralForeground1","getAxisTitleStyle","caption2Strong","fontStyle","colorNeutralForeground2","fill","getBarLabelStyle","caption1Strong","forcedColorAdjust","getMarkerLabelStyle","textAnchor"],"mappings":";;;;;;;;;;;IAoBaqB,iBAAAA;;;IAaAK,gBAAAA;;;uBAQAG;eAAAA;;mBArCAzB;;;;2BAJwB,yBAAyB;4BACrB,wBAAwB;uBACtC,iBAAiB;AAErC,MAAMA,kBAAkB;IAC7B,OAAO;QACL,GAAGF,4BAAAA,CAAiBG,KAAK;QACzBC,SAAS;QACTC,eAAe;QACf,GAAGJ,iBAAAA,CAAWK,OAAO,CAACP,kBAAAA,CAAOQ,kBAAkB,CAAC;QAChDC,UAAU;QACVC,WAAW;QACXC,KAAKX,kBAAAA,CAAOY,mBAAmB;QAC/BC,iBAAiBb,kBAAAA,CAAOc,uBAAuB;QAC/CC,cAAcf,kBAAAA,CAAOgB,iBAAiB;QACtCC,eAAe;QACfC,OAAOlB,kBAAAA,CAAOmB,uBAAuB;IACvC;AACF,EAAE;AAEK,0BAA0B;IAC/B,OAAO;QACL,GAAGlB,4BAAAA,CAAiBoB,cAAc;QAClCC,WAAW;QACXZ,WAAW;QACXQ,OAAOlB,kBAAAA,CAAOuB,uBAAuB;QACrCC,MAAMxB,kBAAAA,CAAOmB,uBAAuB;QACpC,CAACpB,+BAAAA,CAAqB,EAAE;YACtByB,MAAM;QACR;IACF;AACF,EAAE;AAEK,yBAAyB;IAC9B,OAAO;QACL,GAAGvB,4BAAAA,CAAiByB,cAAc;QAClCF,MAAMxB,kBAAAA,CAAOmB,uBAAuB;QACpCQ,mBAAmB;IACrB;AACF,EAAE;AAEK,4BAA4B;IACjC,OAAO;QACL,GAAG1B,4BAAAA,CAAiBG,KAAK;QACzBoB,MAAMxB,kBAAAA,CAAOmB,uBAAuB;QACpCU,YAAY;QACZ,CAAC9B,+BAAAA,CAAqB,EAAE;YACtByB,MAAM;QACR;IACF;AACF,EAAE"}

package/lib-commonjs/utilities/SVGTooltipText.js.map

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

package/lib-commonjs/utilities/index.js

@@ -6,3 +6,4 @@ const _export_star = require("@swc/helpers/_/_export_star");
 _export_star._(require("./utilities"), exports);
 _export_star._(require("./colors"), exports);
 _export_star._(require("./vbc-utils"), exports);
+_export_star._(require("./Common.styles"), exports);

package/lib-commonjs/utilities/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utilities/index.ts"],"sourcesContent":["export * from './utilities';\nexport * from './colors';\nexport * from './vbc-utils';\n"],"names":[],"mappings":";;;;;uBAAc,cAAc;uBACd,WAAW;uBACX,cAAc"}
+{"version":3,"sources":["../src/utilities/index.ts"],"sourcesContent":["export * from './utilities';\nexport * from './colors';\nexport * from './vbc-utils';\nexport * from './Common.styles';\n"],"names":[],"mappings":";;;;;uBAAc,cAAc;uBACd,WAAW;uBACX,cAAc;uBACd,kBAAkB"}

package/lib-commonjs/utilities/scatterpolar-utils.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    extractMaybeLineOptions: function() {
+        return extractMaybeLineOptions;
+    },
+    renderScatterPolarCategoryLabels: function() {
+        return renderScatterPolarCategoryLabels;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+function renderScatterPolarCategoryLabels({ allSeriesData, xAxisScale, yAxisScale, className, lineOptions, minPixelGap = 40 }) {
+    const maybeLineOptions = extractMaybeLineOptions(lineOptions);
+    // 1. Aggregate all data points from all series
+    const allLabels = [];
+    allSeriesData.forEach((series)=>{
+        series.data.forEach((pt)=>{
+            if (pt.text) {
+                allLabels.push({
+                    x: pt.x,
+                    y: pt.y,
+                    text: pt.text
+                });
+            }
+        });
+    });
+    // 2. Deduplicate by text (angle label)
+    const uniqueTexts = Array.from(new Set(allLabels.map((l)=>l.text)));
+    // 3. Place labels at equal angles
+    const renderedLabels = [];
+    const placedPositions = [];
+    const labelRadius = 0.7; // You can adjust this value for more/less offset
+    const numLabels = uniqueTexts.length;
+    // Respect schema or prop rotation and direction (default ccw, 0°)
+    const dirMultiplier = (maybeLineOptions === null || maybeLineOptions === void 0 ? void 0 : maybeLineOptions.direction) === 'clockwise' ? -1 : 1;
+    var _maybeLineOptions_rotation;
+    const rotationRad = ((_maybeLineOptions_rotation = maybeLineOptions === null || maybeLineOptions === void 0 ? void 0 : maybeLineOptions.rotation) !== null && _maybeLineOptions_rotation !== void 0 ? _maybeLineOptions_rotation : 0) * Math.PI / 180;
+    uniqueTexts.forEach((text, i)=>{
+        const angle = rotationRad + dirMultiplier * (2 * Math.PI / numLabels) * i;
+        const originXOffset = (maybeLineOptions === null || maybeLineOptions === void 0 ? void 0 : maybeLineOptions.originXOffset) || 0;
+        const x = xAxisScale(labelRadius * Math.cos(angle) - originXOffset / 2);
+        const y = yAxisScale(labelRadius * Math.sin(angle));
+        // Check distance from all previously placed labels
+        const isFarEnough = placedPositions.every((pos)=>Math.sqrt((x - pos.x) ** 2 + (y - pos.y) ** 2) >= minPixelGap);
+        if (renderedLabels.length === 0 || isFarEnough) {
+            renderedLabels.push(/*#__PURE__*/ _react.createElement("text", {
+                key: `scatterpolar-label-${text}`,
+                x: x,
+                y: y,
+                className: className,
+                textAnchor: "middle",
+                alignmentBaseline: "middle",
+                opacity: 1
+            }, text));
+            placedPositions.push({
+                x,
+                y
+            });
+        }
+    });
+    return renderedLabels;
+}
+function extractMaybeLineOptions(lineOptions) {
+    return lineOptions ? {
+        originXOffset: lineOptions.originXOffset,
+        direction: lineOptions.direction === 'clockwise' || lineOptions.direction === 'counterclockwise' ? lineOptions.direction : undefined,
+        rotation: lineOptions.rotation
+    } : undefined;
+}

package/lib-commonjs/utilities/scatterpolar-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utilities/scatterpolar-utils.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ScaleLinear } from 'd3-scale';\nimport { JSXElement } from '@fluentui/react-utilities';\n\n/**\n * Helper to render categorical labels for scatterpolar charts with improved overlap logic across all series\n * Now places labels at equal angles for all unique texts, regardless of data positions.\n */\nexport function renderScatterPolarCategoryLabels({\n  allSeriesData,\n  xAxisScale,\n  yAxisScale,\n  className,\n  lineOptions,\n  minPixelGap = 40,\n}: {\n  allSeriesData: { data: { x: number; y: number; text?: string }[] }[];\n  xAxisScale: ScaleLinear<number, number>;\n  yAxisScale: ScaleLinear<number, number>;\n  className: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  lineOptions?: any;\n  minPixelGap?: number;\n}): JSXElement[] {\n  const maybeLineOptions = extractMaybeLineOptions(lineOptions);\n\n  // 1. Aggregate all data points from all series\n  const allLabels: { x: number; y: number; text: string }[] = [];\n  allSeriesData.forEach(series => {\n    series.data.forEach(pt => {\n      if (pt.text) {\n        allLabels.push({ x: pt.x, y: pt.y, text: pt.text });\n      }\n    });\n  });\n\n  // 2. Deduplicate by text (angle label)\n  const uniqueTexts = Array.from(new Set(allLabels.map(l => l.text)));\n\n  // 3. Place labels at equal angles\n  const renderedLabels: JSXElement[] = [];\n  const placedPositions: { x: number; y: number }[] = [];\n  const labelRadius = 0.7; // You can adjust this value for more/less offset\n  const numLabels = uniqueTexts.length;\n\n  // Respect schema or prop rotation and direction (default ccw, 0°)\n  const dirMultiplier = maybeLineOptions?.direction === 'clockwise' ? -1 : 1;\n  const rotationRad = ((maybeLineOptions?.rotation ?? 0) * Math.PI) / 180;\n\n  uniqueTexts.forEach((text, i) => {\n    const angle = rotationRad + dirMultiplier * ((2 * Math.PI) / numLabels) * i;\n    const originXOffset = maybeLineOptions?.originXOffset || 0;\n    const x = xAxisScale(labelRadius * Math.cos(angle) - originXOffset / 2);\n    const y = yAxisScale(labelRadius * Math.sin(angle));\n\n    // Check distance from all previously placed labels\n    const isFarEnough = placedPositions.every(pos => Math.sqrt((x - pos.x) ** 2 + (y - pos.y) ** 2) >= minPixelGap);\n\n    if (renderedLabels.length === 0 || isFarEnough) {\n      renderedLabels.push(\n        <text\n          key={`scatterpolar-label-${text}`}\n          x={x}\n          y={y}\n          className={className}\n          textAnchor=\"middle\"\n          alignmentBaseline=\"middle\"\n          opacity={1}\n        >\n          {text}\n        </text>,\n      );\n      placedPositions.push({ x, y });\n    }\n  });\n\n  return renderedLabels;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function extractMaybeLineOptions(lineOptions: any):\n  | {\n      originXOffset?: number;\n      direction?: 'clockwise' | 'counterclockwise';\n      rotation?: number;\n    }\n  | undefined {\n  return lineOptions\n    ? {\n        originXOffset: lineOptions.originXOffset,\n        direction:\n          lineOptions.direction === 'clockwise' || lineOptions.direction === 'counterclockwise'\n            ? lineOptions.direction\n            : undefined,\n        rotation: lineOptions.rotation,\n      }\n    : undefined;\n}\n"],"names":["React","renderScatterPolarCategoryLabels","allSeriesData","xAxisScale","yAxisScale","className","lineOptions","minPixelGap","maybeLineOptions","extractMaybeLineOptions","allLabels","forEach","series","data","pt","text","push","x","y","uniqueTexts","Array","from","Set","map","l","renderedLabels","placedPositions","labelRadius","numLabels","length","dirMultiplier","direction","rotationRad","rotation","Math","PI","i","angle","originXOffset","cos","sin","isFarEnough","every","pos","sqrt","key","textAnchor","alignmentBaseline","opacity","undefined"],"mappings":";;;;;;;;;;;IAgFgBS,uBAAAA;;;IAxEAR,gCAAAA;;;;;iEARO,QAAQ;AAQxB,0CAA0C,EAC/CC,aAAa,EACbC,UAAU,EACVC,UAAU,EACVC,SAAS,EACTC,WAAW,EACXC,cAAc,EAAE,EASjB;IACC,MAAMC,mBAAmBC,wBAAwBH;IAEjD,+CAA+C;IAC/C,MAAMI,YAAsD,EAAE;IAC9DR,cAAcS,OAAO,CAACC,CAAAA;QACpBA,OAAOC,IAAI,CAACF,OAAO,CAACG,CAAAA;YAClB,IAAIA,GAAGC,IAAI,EAAE;gBACXL,UAAUM,IAAI,CAAC;oBAAEC,GAAGH,GAAGG,CAAC;oBAAEC,GAAGJ,GAAGI,CAAC;oBAAEH,MAAMD,GAAGC,IAAI;gBAAC;YACnD;QACF;IACF;IAEA,uCAAuC;IACvC,MAAMI,cAAcC,MAAMC,IAAI,CAAC,IAAIC,IAAIZ,UAAUa,GAAG,CAACC,CAAAA,IAAKA,EAAET,IAAI;IAEhE,kCAAkC;IAClC,MAAMU,iBAA+B,EAAE;IACvC,MAAMC,kBAA8C,EAAE;IACtD,MAAMC,cAAc,KAAK,iDAAiD;IAC1E,MAAMC,YAAYT,YAAYU,MAAM;IAEpC,kEAAkE;IAClE,MAAMC,gBAAgBtB,CAAAA,qBAAAA,QAAAA,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAkBuB,SAAAA,AAAS,MAAK,cAAc,CAAC,IAAI;QACnDvB;IAAtB,MAAMwB,cAAgBxB,CAAAA,CAAAA,6BAAAA,qBAAAA,QAAAA,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAkByB,QAAAA,AAAQ,MAAA,QAA1BzB,+BAAAA,KAAAA,IAAAA,8BAA8B,CAAA,GAAK0B,KAAKC,EAAE,GAAI;IAEpEhB,YAAYR,OAAO,CAAC,CAACI,MAAMqB;QACzB,MAAMC,QAAQL,cAAcF,gBAAiB,CAAC,IAAII,KAAKC,EAAE,GAAIP,SAAAA,CAAQ,GAAKQ;QAC1E,MAAME,gBAAgB9B,sBAAAA,QAAAA,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAkB8B,aAAAA,AAAa,KAAI;QACzD,MAAMrB,IAAId,WAAWwB,cAAcO,KAAKK,GAAG,CAACF,SAASC,gBAAgB;QACrE,MAAMpB,IAAId,WAAWuB,cAAcO,KAAKM,GAAG,CAACH;QAE5C,mDAAmD;QACnD,MAAMI,cAAcf,gBAAgBgB,KAAK,CAACC,CAAAA,MAAOT,KAAKU,IAAI,CAAE3B,CAAAA,IAAI0B,KAAI1B,KAAM,IAAKC,CAAAA,IAAIyB,KAAIzB,KAAM,MAAMX;QAEnG,IAAIkB,eAAeI,MAAM,KAAK,KAAKY,aAAa;YAC9ChB,eAAeT,IAAI,CAAA,WAAA,GACjB,OAAA,aAAA,CAACD,QAAAA;gBACC8B,KAAK,CAAC,mBAAmB,EAAE9B,MAAM;gBACjCE,GAAGA;gBACHC,GAAGA;gBACHb,WAAWA;gBACXyC,YAAW;gBACXC,mBAAkB;gBAClBC,SAAS;eAERjC;YAGLW,gBAAgBV,IAAI,CAAC;gBAAEC;gBAAGC;YAAE;QAC9B;IACF;IAEA,OAAOO;AACT;AAGO,iCAAiCnB,WAAgB;IAOtD,OAAOA,cACH;QACEgC,eAAehC,YAAYgC,aAAa;QACxCP,WACEzB,YAAYyB,SAAS,KAAK,eAAezB,YAAYyB,SAAS,KAAK,qBAC/DzB,YAAYyB,SAAS,GACrBkB;QACNhB,UAAU3B,YAAY2B,QAAQ;IAChC,IACAgB;AACN"}

package/lib-commonjs/utilities/utilities.js

@@ -84,9 +84,6 @@ _export(exports, {
     createYAxisForHorizontalBarChartWithAxis: function() {
         return createYAxisForHorizontalBarChartWithAxis;
     },
-    createYAxisForScatterChart: function() {
-        return createYAxisForScatterChart;
-    },
     createYAxisLabels: function() {
         return createYAxisLabels;
     },
@@ -174,6 +171,12 @@ _export(exports, {
     isScalePaddingDefined: function() {
         return isScalePaddingDefined;
     },
+    isScatterPolarSeries: function() {
+        return isScatterPolarSeries;
+    },
+    isTextMode: function() {
+        return isTextMode;
+    },
     pointTypes: function() {
         return pointTypes;
     },
@@ -973,6 +976,7 @@ function getXAxisType(points) {
     return isXAxisDateType;
 }
 function domainRangeOfNumericForAreaChart(points, margins, width, isRTL) {
+    const isScatterPolar = isScatterPolarSeries(points);
     const xMin = (0, _d3array.min)(points, (point)=>{
         return (0, _d3array.min)(point.data, (item)=>item.x);
     });
@@ -984,18 +988,19 @@ function domainRangeOfNumericForAreaChart(points, margins, width, isRTL) {
     const rStartValue = margins.left;
     const rEndValue = width - margins.right;
     return isRTL ? {
-        dStartValue: xMax,
-        dEndValue: xMin,
+        dStartValue: isScatterPolar ? 1 : xMax,
+        dEndValue: isScatterPolar ? -1 : xMin,
         rStartValue,
         rEndValue
     } : {
-        dStartValue: xMin,
-        dEndValue: xMax,
+        dStartValue: isScatterPolar ? -1 : xMin,
+        dEndValue: isScatterPolar ? 1 : xMax,
         rStartValue,
         rEndValue
     };
 }
 function domainRangeOfNumericForScatterChart(points, margins, width, isRTL) {
+    const isScatterPolar = isScatterPolarSeries(points);
     let xMin = (0, _d3array.min)(points, (point)=>{
         return (0, _d3array.min)(point.data, (item)=>item.x);
     });
@@ -1010,13 +1015,13 @@ function domainRangeOfNumericForScatterChart(points, margins, width, isRTL) {
     const rStartValue = margins.left;
     const rEndValue = width - margins.right;
     return isRTL ? {
-        dStartValue: xMax,
-        dEndValue: xMin,
+        dStartValue: isScatterPolar ? 1 : xMax,
+        dEndValue: isScatterPolar ? -1 : xMin,
         rStartValue,
         rEndValue
     } : {
-        dStartValue: xMin,
-        dEndValue: xMax,
+        dStartValue: isScatterPolar ? -1 : xMin,
+        dEndValue: isScatterPolar ? 1 : xMax,
         rStartValue,
         rEndValue
     };
@@ -1483,35 +1488,6 @@ function getCurveFactory(curve, defaultFactory = _d3shape.curveLinear) {
             return defaultFactory;
     }
 }
-function createYAxisForScatterChart(yAxisParams, isRtl, axisData, isIntegralDataset, useSecondaryYScale = false, _supportNegativeData = false, roundedTicks = false) {
-    const { yMinMaxValues = {
-        startValue: 0,
-        endValue: 0
-    }, yAxisElement = null, yMaxValue = 0, yMinValue = 0, containerHeight, containerWidth, margins, tickPadding = 12, maxOfYVal = 0, yAxisTickFormat, yAxisTickCount = 4, eventAnnotationProps, eventLabelHeight } = yAxisParams;
-    // maxOfYVal coming from only area chart and Grouped vertical bar chart(Calculation done at base file)
-    const tempVal = maxOfYVal || yMinMaxValues.endValue;
-    const finalYmax = tempVal > yMaxValue ? tempVal : yMaxValue;
-    const finalYmin = Math.min(yMinMaxValues.startValue, yMinValue || 0);
-    const domainValues = prepareDatapoints(finalYmax, finalYmin, yAxisTickCount, isIntegralDataset, roundedTicks);
-    let yMin = finalYmin;
-    let yMax = domainValues[domainValues.length - 1];
-    const yPadding = (yMax - yMin) * 0.1;
-    yMin = yMin - yPadding;
-    yMax = yMax + yPadding;
-    const yAxisScale = (0, _d3scale.scaleLinear)().domain([
-        domainValues[0],
-        yMax
-    ]).range([
-        containerHeight - margins.bottom,
-        margins.top + (eventAnnotationProps ? eventLabelHeight : 0)
-    ]);
-    const axis = !isRtl && useSecondaryYScale || isRtl && !useSecondaryYScale ? (0, _d3axis.axisRight)(yAxisScale) : (0, _d3axis.axisLeft)(yAxisScale);
-    const yAxis = axis.tickPadding(tickPadding).tickValues(domainValues).tickSizeInner(-(containerWidth - margins.left - margins.right));
-    yAxisTickFormat ? yAxis.tickFormat(yAxisTickFormat) : yAxis.tickFormat((0, _d3format.format)('.2~s'));
-    yAxisElement ? (0, _d3selection.select)(yAxisElement).call(yAxis).selectAll('text').attr('aria-hidden', 'true') : '';
-    axisData.yAxisDomainValues = domainValues;
-    return yAxisScale;
-}
 const truncateString = (str, maxLength, ellipsis = '...')=>{
     if (str.length <= maxLength) {
         return str;
@@ -1617,3 +1593,15 @@ const createMeasurementSpan = (text, className, parentElement)=>{
     measurementSpan.textContent = `${text}`;
     return measurementSpan;
 };
+function isScatterPolarSeries(points) {
+    return points.some((item)=>{
+        var _item_lineOptions;
+        return typeof ((_item_lineOptions = item.lineOptions) === null || _item_lineOptions === void 0 ? void 0 : _item_lineOptions.mode) === 'string' && item.lineOptions.mode === 'scatterpolar';
+    });
+}
+function isTextMode(points) {
+    return points.some((item)=>{
+        var _item_lineOptions;
+        return typeof ((_item_lineOptions = item.lineOptions) === null || _item_lineOptions === void 0 ? void 0 : _item_lineOptions.mode) === 'string' && item.lineOptions.mode === 'text';
+    });
+}