@fluentui/react-charts 9.3.23 → 9.3.25

package/lib/components/CommonComponents/useChartPopoverStyles.styles.js

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

package/lib/components/CommonComponents/useChartPopoverStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","tokens","typographyStyles","popoverClassNames","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","calloutBlockContainertoDrawShapefalse","calloutBlockContainertoDrawShapetrue","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","ratio","numerator","denominator","calloutInfoContainer","calloutContainer","useStyles","mc9l5x","B68tc82","Bmxbyg5","Bpg54ce","De3pzq","jy2i9i","Beiy3e4","Brf1p80","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","abs64n","sj55zd","fsow6f","calloutBlockContainerCartesian","Bvjb7m6","calloutBlockContainerNonCartesian","uwmqm3","t21cq0","calloutLegendText","jrapky","calloutContentYCartesian","calloutContentYNonCartesian","B6of3ja","z8tnut","g2u3we","icvyot","B4j52fo","i8vvqc","Frg6f3","d","p","usePopoverStyles_unstable","props","_props_styles","isCartesian","baseStyles","styles"],"sources":["useChartPopoverStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n/**\n * @internal\n */ export const popoverClassNames = {\n    calloutContentRoot: 'fui-cart__calloutContentRoot',\n    calloutDateTimeContainer: 'fui-cart__calloutDateTimeContainer',\n    calloutContentX: 'fui-cart__calloutContentX',\n    calloutBlockContainer: 'fui-cart__calloutBlockContainer',\n    calloutBlockContainertoDrawShapefalse: 'fui-cart__calloutBlockContainertoDrawShapefalse',\n    calloutBlockContainertoDrawShapetrue: 'fui-cart__calloutBlockContainertoDrawShapetrue',\n    shapeStyles: 'fui-cart__shapeStyles',\n    calloutlegendText: 'fui-cart__calloutlegendText',\n    calloutContentY: 'fui-cart__calloutContentY',\n    descriptionMessage: 'fui-cart__descriptionMessage',\n    ratio: 'fui-cart__ratio',\n    numerator: 'fui-cart__numerator',\n    denominator: 'fui-cart__denominator',\n    calloutInfoContainer: 'fui-cart__calloutInfoContainer',\n    calloutContainer: 'fui-cart__calloutContainer'\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    calloutContentRoot: {\n        display: 'grid',\n        overflow: 'hidden',\n        backgroundColor: tokens.colorNeutralBackground1,\n        backgroundBlendMode: 'normal, luminosity'\n    },\n    calloutDateTimeContainer: {\n        display: 'flex',\n        flexDirection: 'row',\n        justifyContent: 'space-between'\n    },\n    calloutContentX: {\n        ...typographyStyles.caption1,\n        opacity: '0.8',\n        color: tokens.colorNeutralForeground2\n    },\n    calloutBlockContainer: {\n        color: tokens.colorNeutralForeground2,\n        textAlign: 'left'\n    },\n    calloutBlockContainerCartesian: {\n        ...typographyStyles.caption1,\n        forcedColorAdjust: 'none'\n    },\n    calloutBlockContainerNonCartesian: {\n        fontSize: tokens.fontSizeHero700,\n        lineHeight: '22px',\n        forcedColorAdjust: 'none'\n    },\n    calloutBlockContainertoDrawShapefalse: {\n        paddingLeft: tokens.spacingHorizontalS,\n        forcedColorAdjust: 'none'\n    },\n    calloutBlockContainertoDrawShapetrue: {\n        display: 'inline-grid'\n    },\n    shapeStyles: {\n        marginRight: tokens.spacingHorizontalS\n    },\n    calloutLegendText: {\n        ...typographyStyles.caption1,\n        color: tokens.colorNeutralForeground2,\n        forcedColorAdjust: 'auto',\n        marginBottom: tokens.spacingVerticalXS\n    },\n    calloutContentY: {\n        forcedColorAdjust: 'auto'\n    },\n    calloutContentYCartesian: {\n        ...typographyStyles.subtitle2Stronger\n    },\n    calloutContentYNonCartesian: {\n        ...typographyStyles.title2\n    },\n    descriptionMessage: {\n        ...typographyStyles.caption1,\n        color: tokens.colorNeutralForeground2,\n        marginTop: tokens.spacingVerticalMNudge,\n        paddingTop: tokens.spacingVerticalMNudge,\n        borderTop: `1px solid ${tokens.colorNeutralStroke2}`\n    },\n    ratio: {\n        ...typographyStyles.caption2,\n        marginLeft: tokens.spacingHorizontalSNudge,\n        color: tokens.colorNeutralForeground1\n    },\n    numerator: {\n        ...typographyStyles.caption2Strong\n    },\n    denominator: {\n        ...typographyStyles.caption2Strong\n    },\n    calloutInfoContainer: {\n        paddingLeft: tokens.spacingHorizontalS,\n        forcedColorAdjust: 'none'\n    },\n    calloutContainer: {}\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */ export const usePopoverStyles_unstable = (props)=>{\n    var _props_styles;\n    const { isCartesian } = props;\n    const baseStyles = useStyles();\n    return {\n        calloutContentRoot: mergeClasses(popoverClassNames.calloutContentRoot, baseStyles.calloutContentRoot, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.calloutContentRoot),\n        calloutDateTimeContainer: mergeClasses(popoverClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer /*props.styles?.calloutDateTimeContainer*/ ),\n        calloutContentX: mergeClasses(popoverClassNames.calloutContentX, baseStyles.calloutContentX /*props.styles?.calloutContentX*/ ),\n        calloutBlockContainer: mergeClasses(popoverClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer /*props.styles?.calloutBlockContainerCartesian*/ , isCartesian ? baseStyles.calloutBlockContainerCartesian : baseStyles.calloutBlockContainerNonCartesian),\n        calloutBlockContainertoDrawShapefalse: mergeClasses(popoverClassNames.calloutBlockContainertoDrawShapefalse, baseStyles.calloutBlockContainertoDrawShapefalse /*props.styles?.calloutBlockContainertoDrawShapefalse*/ ),\n        calloutBlockContainertoDrawShapetrue: mergeClasses(popoverClassNames.calloutBlockContainertoDrawShapetrue, baseStyles.calloutBlockContainertoDrawShapetrue /*props.styles?.calloutBlockContainertoDrawShapetrue*/ ),\n        shapeStyles: mergeClasses(popoverClassNames.shapeStyles, baseStyles.shapeStyles /*props.styles?.shapeStyles*/ ),\n        calloutlegendText: mergeClasses(popoverClassNames.calloutlegendText, baseStyles.calloutLegendText /*props.styles?.calloutlegendText*/ ),\n        calloutContentY: mergeClasses(popoverClassNames.calloutContentY, baseStyles.calloutContentY /*props.styles?.calloutContentYNonCartesian*/ , isCartesian ? baseStyles.calloutContentYCartesian : baseStyles.calloutContentYNonCartesian),\n        descriptionMessage: mergeClasses(popoverClassNames.descriptionMessage, baseStyles.descriptionMessage /*props.styles?. descriptionMessage*/ ),\n        ratio: mergeClasses(popoverClassNames.ratio, baseStyles.ratio /*props.styles?.ratio*/ ),\n        numerator: mergeClasses(popoverClassNames.numerator, baseStyles.numerator /*props.styles?.numerator*/ ),\n        denominator: mergeClasses(popoverClassNames.denominator, baseStyles.denominator /*props.styles?.denominator*/ ),\n        calloutInfoContainer: mergeClasses(popoverClassNames.calloutInfoContainer, baseStyles.calloutInfoContainer),\n        calloutContainer: mergeClasses(popoverClassNames.calloutContainer, baseStyles.calloutContainer)\n    };\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE;AACA;AACA;AAAI,OAAO,MAAMC,iBAAiB,GAAG;EACjCC,kBAAkB,EAAE,8BAA8B;EAClDC,wBAAwB,EAAE,oCAAoC;EAC9DC,eAAe,EAAE,2BAA2B;EAC5CC,qBAAqB,EAAE,iCAAiC;EACxDC,qCAAqC,EAAE,iDAAiD;EACxFC,oCAAoC,EAAE,gDAAgD;EACtFC,WAAW,EAAE,uBAAuB;EACpCC,iBAAiB,EAAE,6BAA6B;EAChDC,eAAe,EAAE,2BAA2B;EAC5CC,kBAAkB,EAAE,8BAA8B;EAClDC,KAAK,EAAE,iBAAiB;EACxBC,SAAS,EAAE,qBAAqB;EAChCC,WAAW,EAAE,uBAAuB;EACpCC,oBAAoB,EAAE,gCAAgC;EACtDC,gBAAgB,EAAE;AACtB,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGpB,QAAA;EAAAK,kBAAA;IAAAgB,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAApB,wBAAA;IAAAe,MAAA;IAAAM,OAAA;IAAAC,OAAA;EAAA;EAAArB,eAAA;IAAAsB,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAA1B,qBAAA;IAAA0B,MAAA;IAAAC,MAAA;EAAA;EAAAC,8BAAA;IAAAP,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAK,OAAA;EAAA;EAAAC,iCAAA;IAAAR,OAAA;IAAAE,OAAA;IAAAK,OAAA;EAAA;EAAA5B,qCAAA;IAAA8B,MAAA;IAAAF,OAAA;EAAA;EAAA3B,oCAAA;IAAAW,MAAA;EAAA;EAAAV,WAAA;IAAA6B,MAAA;EAAA;EAAAC,iBAAA;IAAAZ,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAE,MAAA;IAAAG,OAAA;IAAAK,MAAA;EAAA;EAAA7B,eAAA;IAAAwB,OAAA;EAAA;EAAAM,wBAAA;IAAAd,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAY,2BAAA;IAAAf,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAlB,kBAAA;IAAAe,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAE,MAAA;IAAAW,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAnC,KAAA;IAAAc,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAmB,MAAA;IAAAjB,MAAA;EAAA;EAAAlB,SAAA;IAAAa,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAf,WAAA;IAAAY,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAd,oBAAA;IAAAqB,MAAA;IAAAF,OAAA;EAAA;EAAAlB,gBAAA;AAAA;EAAAiC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CA8ErB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,yBAAyB,GAAIC,KAAK,IAAG;EAClD,IAAIC,aAAa;EACjB,MAAM;IAAEC;EAAY,CAAC,GAAGF,KAAK;EAC7B,MAAMG,UAAU,GAAGtC,SAAS,CAAC,CAAC;EAC9B,OAAO;IACHf,kBAAkB,EAAEJ,YAAY,CAACG,iBAAiB,CAACC,kBAAkB,EAAEqD,UAAU,CAACrD,kBAAkB,EAAE,CAACmD,aAAa,GAAGD,KAAK,CAACI,MAAM,MAAM,IAAI,IAAIH,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACnD,kBAAkB,CAAC;IACtNC,wBAAwB,EAAEL,YAAY,CAACG,iBAAiB,CAACE,wBAAwB,EAAEoD,UAAU,CAACpD,wBAAwB,CAAC,0CAA2C,CAAC;IACnKC,eAAe,EAAEN,YAAY,CAACG,iBAAiB,CAACG,eAAe,EAAEmD,UAAU,CAACnD,eAAe,CAAC,iCAAkC,CAAC;IAC/HC,qBAAqB,EAAEP,YAAY,CAACG,iBAAiB,CAACI,qBAAqB,EAAEkD,UAAU,CAAClD,qBAAqB,CAAC,kDAAmDiD,WAAW,GAAGC,UAAU,CAACtB,8BAA8B,GAAGsB,UAAU,CAACpB,iCAAiC,CAAC;IACxQ7B,qCAAqC,EAAER,YAAY,CAACG,iBAAiB,CAACK,qCAAqC,EAAEiD,UAAU,CAACjD,qCAAqC,CAAC,uDAAwD,CAAC;IACvNC,oCAAoC,EAAET,YAAY,CAACG,iBAAiB,CAACM,oCAAoC,EAAEgD,UAAU,CAAChD,oCAAoC,CAAC,sDAAuD,CAAC;IACnNC,WAAW,EAAEV,YAAY,CAACG,iBAAiB,CAACO,WAAW,EAAE+C,UAAU,CAAC/C,WAAW,CAAC,6BAA8B,CAAC;IAC/GC,iBAAiB,EAAEX,YAAY,CAACG,iBAAiB,CAACQ,iBAAiB,EAAE8C,UAAU,CAACjB,iBAAiB,CAAC,mCAAoC,CAAC;IACvI5B,eAAe,EAAEZ,YAAY,CAACG,iBAAiB,CAACS,eAAe,EAAE6C,UAAU,CAAC7C,eAAe,CAAC,+CAAgD4C,WAAW,GAAGC,UAAU,CAACf,wBAAwB,GAAGe,UAAU,CAACd,2BAA2B,CAAC;IACvO9B,kBAAkB,EAAEb,YAAY,CAACG,iBAAiB,CAACU,kBAAkB,EAAE4C,UAAU,CAAC5C,kBAAkB,CAAC,qCAAsC,CAAC;IAC5IC,KAAK,EAAEd,YAAY,CAACG,iBAAiB,CAACW,KAAK,EAAE2C,UAAU,CAAC3C,KAAK,CAAC,uBAAwB,CAAC;IACvFC,SAAS,EAAEf,YAAY,CAACG,iBAAiB,CAACY,SAAS,EAAE0C,UAAU,CAAC1C,SAAS,CAAC,2BAA4B,CAAC;IACvGC,WAAW,EAAEhB,YAAY,CAACG,iBAAiB,CAACa,WAAW,EAAEyC,UAAU,CAACzC,WAAW,CAAC,6BAA8B,CAAC;IAC/GC,oBAAoB,EAAEjB,YAAY,CAACG,iBAAiB,CAACc,oBAAoB,EAAEwC,UAAU,CAACxC,oBAAoB,CAAC;IAC3GC,gBAAgB,EAAElB,YAAY,CAACG,iBAAiB,CAACe,gBAAgB,EAAEuC,UAAU,CAACvC,gBAAgB;EAClG,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","tokens","typographyStyles","popoverClassNames","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","calloutBlockContainertoDrawShapefalse","calloutBlockContainertoDrawShapetrue","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","ratio","numerator","denominator","calloutInfoContainer","calloutContainer","useStyles","mc9l5x","B68tc82","Bmxbyg5","Bpg54ce","De3pzq","jy2i9i","Beiy3e4","Brf1p80","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","abs64n","sj55zd","fsow6f","calloutBlockContainerCartesian","Bvjb7m6","calloutBlockContainerNonCartesian","uwmqm3","t21cq0","calloutLegendText","jrapky","calloutContentYCartesian","calloutContentYNonCartesian","B6of3ja","z8tnut","g2u3we","icvyot","B4j52fo","i8vvqc","Frg6f3","d","p","usePopoverStyles_unstable","props","_props_styles","isCartesian","baseStyles","styles"],"sources":["useChartPopoverStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens, typographyStyles } from \"@fluentui/react-theme\";\n/**\n * @internal\n */ export const popoverClassNames = {\n    calloutContentRoot: 'fui-cart__calloutContentRoot',\n    calloutDateTimeContainer: 'fui-cart__calloutDateTimeContainer',\n    calloutContentX: 'fui-cart__calloutContentX',\n    calloutBlockContainer: 'fui-cart__calloutBlockContainer',\n    calloutBlockContainertoDrawShapefalse: 'fui-cart__calloutBlockContainertoDrawShapefalse',\n    calloutBlockContainertoDrawShapetrue: 'fui-cart__calloutBlockContainertoDrawShapetrue',\n    shapeStyles: 'fui-cart__shapeStyles',\n    calloutlegendText: 'fui-cart__calloutlegendText',\n    calloutContentY: 'fui-cart__calloutContentY',\n    descriptionMessage: 'fui-cart__descriptionMessage',\n    ratio: 'fui-cart__ratio',\n    numerator: 'fui-cart__numerator',\n    denominator: 'fui-cart__denominator',\n    calloutInfoContainer: 'fui-cart__calloutInfoContainer',\n    calloutContainer: 'fui-cart__calloutContainer'\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    calloutContentRoot: {\n        display: 'grid',\n        overflow: 'hidden',\n        backgroundColor: tokens.colorNeutralBackground1,\n        backgroundBlendMode: 'normal, luminosity'\n    },\n    calloutDateTimeContainer: {\n        display: 'flex',\n        flexDirection: 'row',\n        justifyContent: 'space-between'\n    },\n    calloutContentX: {\n        ...typographyStyles.caption1,\n        opacity: '0.8',\n        color: tokens.colorNeutralForeground2\n    },\n    calloutBlockContainer: {\n        color: tokens.colorNeutralForeground2,\n        textAlign: 'left'\n    },\n    calloutBlockContainerCartesian: {\n        ...typographyStyles.caption1,\n        forcedColorAdjust: 'none'\n    },\n    calloutBlockContainerNonCartesian: {\n        fontSize: tokens.fontSizeHero700,\n        lineHeight: '22px',\n        forcedColorAdjust: 'none'\n    },\n    calloutBlockContainertoDrawShapefalse: {\n        paddingLeft: tokens.spacingHorizontalS,\n        forcedColorAdjust: 'none'\n    },\n    calloutBlockContainertoDrawShapetrue: {\n        display: 'inline-grid'\n    },\n    shapeStyles: {\n        marginRight: tokens.spacingHorizontalS\n    },\n    calloutLegendText: {\n        ...typographyStyles.caption1,\n        color: tokens.colorNeutralForeground2,\n        forcedColorAdjust: 'auto',\n        marginBottom: tokens.spacingVerticalXS\n    },\n    calloutContentY: {\n        forcedColorAdjust: 'auto'\n    },\n    calloutContentYCartesian: {\n        ...typographyStyles.subtitle2Stronger\n    },\n    calloutContentYNonCartesian: {\n        ...typographyStyles.title2\n    },\n    descriptionMessage: {\n        ...typographyStyles.caption1,\n        color: tokens.colorNeutralForeground2,\n        marginTop: tokens.spacingVerticalMNudge,\n        paddingTop: tokens.spacingVerticalMNudge,\n        borderTop: `1px solid ${tokens.colorNeutralStroke2}`\n    },\n    ratio: {\n        ...typographyStyles.caption2,\n        marginLeft: tokens.spacingHorizontalSNudge,\n        color: tokens.colorNeutralForeground1\n    },\n    numerator: {\n        ...typographyStyles.caption2Strong\n    },\n    denominator: {\n        ...typographyStyles.caption2Strong\n    },\n    calloutInfoContainer: {\n        paddingLeft: tokens.spacingHorizontalS,\n        forcedColorAdjust: 'none'\n    },\n    calloutContainer: {}\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */ export const usePopoverStyles_unstable = (props)=>{\n    var _props_styles;\n    const { isCartesian } = props;\n    const baseStyles = useStyles();\n    return {\n        calloutContentRoot: mergeClasses(popoverClassNames.calloutContentRoot, baseStyles.calloutContentRoot, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.calloutContentRoot),\n        calloutDateTimeContainer: mergeClasses(popoverClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer /*props.styles?.calloutDateTimeContainer*/ ),\n        calloutContentX: mergeClasses(popoverClassNames.calloutContentX, baseStyles.calloutContentX /*props.styles?.calloutContentX*/ ),\n        calloutBlockContainer: mergeClasses(popoverClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer /*props.styles?.calloutBlockContainerCartesian*/ , isCartesian ? baseStyles.calloutBlockContainerCartesian : baseStyles.calloutBlockContainerNonCartesian),\n        calloutBlockContainertoDrawShapefalse: mergeClasses(popoverClassNames.calloutBlockContainertoDrawShapefalse, baseStyles.calloutBlockContainertoDrawShapefalse /*props.styles?.calloutBlockContainertoDrawShapefalse*/ ),\n        calloutBlockContainertoDrawShapetrue: mergeClasses(popoverClassNames.calloutBlockContainertoDrawShapetrue, baseStyles.calloutBlockContainertoDrawShapetrue /*props.styles?.calloutBlockContainertoDrawShapetrue*/ ),\n        shapeStyles: mergeClasses(popoverClassNames.shapeStyles, baseStyles.shapeStyles /*props.styles?.shapeStyles*/ ),\n        calloutlegendText: mergeClasses(popoverClassNames.calloutlegendText, baseStyles.calloutLegendText /*props.styles?.calloutlegendText*/ ),\n        calloutContentY: mergeClasses(popoverClassNames.calloutContentY, baseStyles.calloutContentY /*props.styles?.calloutContentYNonCartesian*/ , isCartesian ? baseStyles.calloutContentYCartesian : baseStyles.calloutContentYNonCartesian),\n        descriptionMessage: mergeClasses(popoverClassNames.descriptionMessage, baseStyles.descriptionMessage /*props.styles?. descriptionMessage*/ ),\n        ratio: mergeClasses(popoverClassNames.ratio, baseStyles.ratio /*props.styles?.ratio*/ ),\n        numerator: mergeClasses(popoverClassNames.numerator, baseStyles.numerator /*props.styles?.numerator*/ ),\n        denominator: mergeClasses(popoverClassNames.denominator, baseStyles.denominator /*props.styles?.denominator*/ ),\n        calloutInfoContainer: mergeClasses(popoverClassNames.calloutInfoContainer, baseStyles.calloutInfoContainer),\n        calloutContainer: mergeClasses(popoverClassNames.calloutContainer, baseStyles.calloutContainer)\n    };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/CommonComponents/useChartPopoverStyles.styles.raw.js

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

package/lib/components/DeclarativeChart/DeclarativeChart.js

@@ -1,32 +1,32 @@
 'use client';
-/* eslint-disable @typescript-eslint/naming-convention */ import * as React from 'react';
-import { decodeBase64Fields, isArrayOrTypedArray, isMonthArray, mapFluentChart, sanitizeJson } from '@fluentui/chart-utilities';
-import { tokens, typographyStyles } from '@fluentui/react-theme';
-import { ThemeContext_unstable as V9ThemeContext } from '@fluentui/react-shared-contexts';
-import { webLightTheme } from '@fluentui/tokens';
-import * as d3Color from 'd3-color';
-import { correctYearMonth, getGridProperties, isNonPlotType, transformPlotlyJsonToDonutProps, transformPlotlyJsonToVSBCProps, transformPlotlyJsonToAreaChartProps, transformPlotlyJsonToLineChartProps, transformPlotlyJsonToHorizontalBarWithAxisProps, transformPlotlyJsonToHeatmapProps, transformPlotlyJsonToSankeyProps, transformPlotlyJsonToGaugeProps, transformPlotlyJsonToGVBCProps, transformPlotlyJsonToVBCProps, transformPlotlyJsonToChartTableProps, transformPlotlyJsonToScatterChartProps, getAllupLegendsProps, NON_PLOT_KEY_PREFIX, SINGLE_REPEAT, transformPlotlyJsonToFunnelChartProps, transformPlotlyJsonToGanttChartProps, transformPlotlyJsonToAnnotationChartProps, transformPlotlyJsonToPolarChartProps, DEFAULT_POLAR_SUBPLOT } from './PlotlySchemaAdapter';
-import { getChartTitleInlineStyles } from '../../utilities/index';
-import { AnnotationOnlyChart } from '../AnnotationOnlyChart/AnnotationOnlyChart';
-import { DonutChart } from '../DonutChart/index';
-import { VerticalStackedBarChart } from '../VerticalStackedBarChart/index';
-import { LineChart } from '../LineChart/index';
-import { HorizontalBarChartWithAxis } from '../HorizontalBarChartWithAxis/index';
-import { AreaChart } from '../AreaChart/index';
-import { HeatMapChart } from '../HeatMapChart/index';
-import { SankeyChart } from '../SankeyChart/SankeyChart';
-import { GaugeChart } from '../GaugeChart/index';
-import { GroupedVerticalBarChart } from '../GroupedVerticalBarChart/index';
-import { VerticalBarChart } from '../VerticalBarChart/index';
-import { ScatterChart } from '../ScatterChart/index';
-import { FunnelChart } from '../FunnelChart/FunnelChart';
-import { GanttChart } from '../GanttChart/index';
-import { PolarChart } from '../PolarChart/index';
-import { withResponsiveContainer } from '../ResponsiveContainer/withResponsiveContainer';
-import { ChartTable } from '../ChartTable/index';
-import { Legends } from '../Legends/index';
-import { resolveCSSVariables, useRtl } from '../../utilities/index';
-import { exportChartsAsImage } from '../../utilities/image-export-utils';
+/* eslint-disable @typescript-eslint/naming-convention */ import * as React from "react";
+import { decodeBase64Fields, isArrayOrTypedArray, isMonthArray, mapFluentChart, sanitizeJson } from "@fluentui/chart-utilities";
+import { tokens, typographyStyles } from "@fluentui/react-theme";
+import { ThemeContext_unstable as V9ThemeContext } from "@fluentui/react-shared-contexts";
+import { webLightTheme } from "@fluentui/tokens";
+import * as d3Color from "d3-color";
+import { correctYearMonth, getGridProperties, isNonPlotType, transformPlotlyJsonToDonutProps, transformPlotlyJsonToVSBCProps, transformPlotlyJsonToAreaChartProps, transformPlotlyJsonToLineChartProps, transformPlotlyJsonToHorizontalBarWithAxisProps, transformPlotlyJsonToHeatmapProps, transformPlotlyJsonToSankeyProps, transformPlotlyJsonToGaugeProps, transformPlotlyJsonToGVBCProps, transformPlotlyJsonToVBCProps, transformPlotlyJsonToChartTableProps, transformPlotlyJsonToScatterChartProps, getAllupLegendsProps, NON_PLOT_KEY_PREFIX, SINGLE_REPEAT, transformPlotlyJsonToFunnelChartProps, transformPlotlyJsonToGanttChartProps, transformPlotlyJsonToAnnotationChartProps, transformPlotlyJsonToPolarChartProps, DEFAULT_POLAR_SUBPLOT } from "./PlotlySchemaAdapter.js";
+import { getChartTitleInlineStyles } from "../../utilities/index.js";
+import { AnnotationOnlyChart } from "../AnnotationOnlyChart/AnnotationOnlyChart.js";
+import { DonutChart } from "../DonutChart/index.js";
+import { VerticalStackedBarChart } from "../VerticalStackedBarChart/index.js";
+import { LineChart } from "../LineChart/index.js";
+import { HorizontalBarChartWithAxis } from "../HorizontalBarChartWithAxis/index.js";
+import { AreaChart } from "../AreaChart/index.js";
+import { HeatMapChart } from "../HeatMapChart/index.js";
+import { SankeyChart } from "../SankeyChart/SankeyChart.js";
+import { GaugeChart } from "../GaugeChart/index.js";
+import { GroupedVerticalBarChart } from "../GroupedVerticalBarChart/index.js";
+import { VerticalBarChart } from "../VerticalBarChart/index.js";
+import { ScatterChart } from "../ScatterChart/index.js";
+import { FunnelChart } from "../FunnelChart/FunnelChart.js";
+import { GanttChart } from "../GanttChart/index.js";
+import { PolarChart } from "../PolarChart/index.js";
+import { withResponsiveContainer } from "../ResponsiveContainer/withResponsiveContainer.js";
+import { ChartTable } from "../ChartTable/index.js";
+import { Legends } from "../Legends/index.js";
+import { resolveCSSVariables, useRtl } from "../../utilities/index.js";
+import { exportChartsAsImage } from "../../utilities/image-export-utils.js";
 const ResponsiveDonutChart = withResponsiveContainer(DonutChart);
 const ResponsiveVerticalStackedBarChart = withResponsiveContainer(VerticalStackedBarChart);
 const ResponsiveLineChart = withResponsiveContainer(LineChart);

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/DeclarativeChart/DeclarativeChart.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable @typescript-eslint/naming-convention */\nimport * as React from 'react';\nimport type { Data, PlotData, PlotlySchema, OutputChartType, TraceInfo } from '@fluentui/chart-utilities';\nimport {\n  decodeBase64Fields,\n  isArrayOrTypedArray,\n  isMonthArray,\n  mapFluentChart,\n  sanitizeJson,\n} from '@fluentui/chart-utilities';\nimport type { GridProperties } from './PlotlySchemaAdapter';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { ThemeContext_unstable as V9ThemeContext } from '@fluentui/react-shared-contexts';\nimport type { Theme } from '@fluentui/tokens';\nimport { webLightTheme } from '@fluentui/tokens';\nimport * as d3Color from 'd3-color';\n\nimport {\n  correctYearMonth,\n  getGridProperties,\n  isNonPlotType,\n  transformPlotlyJsonToDonutProps,\n  transformPlotlyJsonToVSBCProps,\n  transformPlotlyJsonToAreaChartProps,\n  transformPlotlyJsonToLineChartProps,\n  transformPlotlyJsonToHorizontalBarWithAxisProps,\n  transformPlotlyJsonToHeatmapProps,\n  transformPlotlyJsonToSankeyProps,\n  transformPlotlyJsonToGaugeProps,\n  transformPlotlyJsonToGVBCProps,\n  transformPlotlyJsonToVBCProps,\n  transformPlotlyJsonToChartTableProps,\n  transformPlotlyJsonToScatterChartProps,\n  getAllupLegendsProps,\n  NON_PLOT_KEY_PREFIX,\n  SINGLE_REPEAT,\n  transformPlotlyJsonToFunnelChartProps,\n  transformPlotlyJsonToGanttChartProps,\n  transformPlotlyJsonToAnnotationChartProps,\n  transformPlotlyJsonToPolarChartProps,\n  DEFAULT_POLAR_SUBPLOT,\n} from './PlotlySchemaAdapter';\nimport { getChartTitleInlineStyles } from '../../utilities/index';\nimport type { ColorwayType } from './PlotlyColorAdapter';\nimport { AnnotationOnlyChart } from '../AnnotationOnlyChart/AnnotationOnlyChart';\nimport { DonutChart } from '../DonutChart/index';\nimport { VerticalStackedBarChart } from '../VerticalStackedBarChart/index';\nimport { LineChart } from '../LineChart/index';\nimport { HorizontalBarChartWithAxis } from '../HorizontalBarChartWithAxis/index';\nimport { AreaChart } from '../AreaChart/index';\nimport { HeatMapChart } from '../HeatMapChart/index';\nimport { SankeyChart } from '../SankeyChart/SankeyChart';\nimport { GaugeChart } from '../GaugeChart/index';\nimport { GroupedVerticalBarChart } from '../GroupedVerticalBarChart/index';\nimport { VerticalBarChart } from '../VerticalBarChart/index';\nimport type { Chart, ImageExportOptions } from '../../types/index';\nimport { ScatterChart } from '../ScatterChart/index';\nimport { FunnelChart } from '../FunnelChart/FunnelChart';\nimport { GanttChart } from '../GanttChart/index';\nimport { PolarChart } from '../PolarChart/index';\n\nimport { withResponsiveContainer } from '../ResponsiveContainer/withResponsiveContainer';\nimport { ChartTable } from '../ChartTable/index';\nimport type { LegendsProps, LegendContainer } from '../Legends/index';\nimport { Legends } from '../Legends/index';\nimport type { JSXElement } from '@fluentui/react-utilities/src/index';\nimport { resolveCSSVariables, useRtl } from '../../utilities/index';\nimport { exportChartsAsImage } from '../../utilities/image-export-utils';\n\nconst ResponsiveDonutChart = withResponsiveContainer(DonutChart);\nconst ResponsiveVerticalStackedBarChart = withResponsiveContainer(VerticalStackedBarChart);\nconst ResponsiveLineChart = withResponsiveContainer(LineChart);\nconst ResponsiveHorizontalBarChartWithAxis = withResponsiveContainer(HorizontalBarChartWithAxis);\nconst ResponsiveAreaChart = withResponsiveContainer(AreaChart);\nconst ResponsiveHeatMapChart = withResponsiveContainer(HeatMapChart);\nconst ResponsiveSankeyChart = withResponsiveContainer(SankeyChart);\nconst ResponsiveGaugeChart = withResponsiveContainer(GaugeChart);\nconst ResponsiveGroupedVerticalBarChart = withResponsiveContainer(GroupedVerticalBarChart);\nconst ResponsiveVerticalBarChart = withResponsiveContainer(VerticalBarChart);\nconst ResponsiveScatterChart = withResponsiveContainer(ScatterChart);\nconst ResponsiveChartTable = withResponsiveContainer(ChartTable);\nconst ResponsiveGanttChart = withResponsiveContainer(GanttChart);\n// Removing responsive wrapper for FunnelChart as responsive container is not working with FunnelChart\n//const ResponsiveFunnelChart = withResponsiveContainer(FunnelChart);\nconst ResponsivePolarChart = withResponsiveContainer(PolarChart);\n\n// Default x-axis key for grouping traces. Also applicable for PieData and SankeyData where x-axis is not defined.\nconst DEFAULT_XAXIS = 'x';\n\n/**\n * DeclarativeChart schema.\n * {@docCategory DeclarativeChart}\n */\nexport interface Schema {\n  /**\n   * Plotly schema represented as JSON object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  plotlySchema: any;\n}\n\n/**\n * DeclarativeChart props.\n * {@docCategory DeclarativeChart}\n */\nexport interface DeclarativeChartProps extends React.RefAttributes<HTMLDivElement> {\n  /**\n   * The schema representing the chart data, layout and configuration\n   */\n  chartSchema: Schema;\n\n  /**\n   * Callback when an event occurs\n   */\n  onSchemaChange?: (eventData: Schema) => void;\n\n  /**\n   * Optional callback to access the IDeclarativeChart interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.Ref<IDeclarativeChart>;\n\n  /**\n   * Optional prop to specify the colorway type of the chart.\n   * - 'default': Use Fluent UI color palette aligning with plotly colorway.\n   * - 'builtin': Use Fluent UI colorway.\n   * - 'others': Reserved for future colorways.\n   * @default 'default'\n   */\n  colorwayType?: ColorwayType;\n}\n\n/**\n * {@docCategory DeclarativeChart}\n */\nexport interface IDeclarativeChart {\n  exportAsImage: (opts?: ImageExportOptions) => Promise<string>;\n}\n\nconst useColorMapping = () => {\n  const colorMap = React.useRef(new Map<string, string>());\n  return colorMap;\n};\n\nfunction renderChart<TProps>(\n  Renderer: React.ComponentType<TProps>,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  transformer: (...args: any[]) => TProps,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  transformerArgs: any[],\n  commonProps: Partial<TProps>,\n  cellRow: number,\n  cellColumn: number,\n): JSXElement {\n  const chartProps = transformer(...transformerArgs);\n  return (\n    <div\n      key={`${cellRow}_${cellColumn}`}\n      style={{\n        gridRowStart: cellRow,\n        gridRowEnd: cellRow + 1,\n        gridColumnStart: cellColumn,\n        gridColumnEnd: cellColumn + 1,\n      }}\n    >\n      <Renderer {...chartProps} {...commonProps} />\n    </div>\n  );\n}\n\ntype PreTransformHooks = {\n  preTransformCondition?: (plotlySchema: PlotlySchema) => boolean;\n  preTransformOperation?: (plotlySchema: PlotlySchema) => PlotlySchema;\n};\n\nconst LineAreaPreTransformOp = (plotlyInput: PlotlySchema) => {\n  const xValues = (plotlyInput.data[0] as PlotData).x;\n  const isXMonth = isMonthArray(xValues);\n  let renderData = plotlyInput.data;\n  if (isXMonth) {\n    renderData = plotlyInput.data.map((dataPoint: PlotData) => ({\n      ...dataPoint,\n      x: correctYearMonth(dataPoint.x),\n    }));\n  }\n  return { data: renderData, layout: plotlyInput.layout };\n};\n\ntype ChartTypeMap = {\n  annotation: {\n    transformer: typeof transformPlotlyJsonToAnnotationChartProps;\n    renderer: typeof AnnotationOnlyChart;\n  } & PreTransformHooks;\n  donut: {\n    transformer: typeof transformPlotlyJsonToDonutProps;\n    renderer: typeof ResponsiveDonutChart;\n  } & PreTransformHooks;\n  sankey: {\n    transformer: typeof transformPlotlyJsonToSankeyProps;\n    renderer: typeof ResponsiveSankeyChart;\n  } & PreTransformHooks;\n  table: {\n    transformer: typeof transformPlotlyJsonToChartTableProps;\n    renderer: typeof ResponsiveChartTable;\n  } & PreTransformHooks;\n  horizontalbar: {\n    transformer: typeof transformPlotlyJsonToHorizontalBarWithAxisProps;\n    renderer: typeof ResponsiveHorizontalBarChartWithAxis;\n  } & PreTransformHooks;\n  groupedverticalbar: {\n    transformer: typeof transformPlotlyJsonToGVBCProps;\n    renderer: typeof ResponsiveGroupedVerticalBarChart;\n  } & PreTransformHooks;\n  verticalstackedbar: {\n    transformer: typeof transformPlotlyJsonToVSBCProps;\n    renderer: typeof ResponsiveVerticalStackedBarChart;\n  } & PreTransformHooks;\n  heatmap: {\n    transformer: typeof transformPlotlyJsonToHeatmapProps;\n    renderer: typeof ResponsiveHeatMapChart;\n  } & PreTransformHooks;\n  gauge: {\n    transformer: typeof transformPlotlyJsonToGaugeProps;\n    renderer: typeof ResponsiveGaugeChart;\n  } & PreTransformHooks;\n  verticalbar: {\n    transformer: typeof transformPlotlyJsonToVBCProps;\n    renderer: typeof ResponsiveVerticalBarChart;\n  } & PreTransformHooks;\n  area: {\n    transformer: typeof transformPlotlyJsonToAreaChartProps;\n    renderer: typeof ResponsiveAreaChart;\n  } & PreTransformHooks;\n  line: {\n    transformer: typeof transformPlotlyJsonToLineChartProps;\n    renderer: typeof ResponsiveLineChart;\n  } & PreTransformHooks;\n  scatter: {\n    transformer: typeof transformPlotlyJsonToScatterChartProps;\n    renderer: typeof ResponsiveScatterChart;\n  } & PreTransformHooks;\n  gantt: {\n    transformer: typeof transformPlotlyJsonToGanttChartProps;\n    renderer: typeof ResponsiveGanttChart;\n  } & PreTransformHooks;\n  funnel: {\n    transformer: typeof transformPlotlyJsonToFunnelChartProps;\n    renderer: typeof FunnelChart;\n  } & PreTransformHooks;\n  scatterpolar: {\n    transformer: typeof transformPlotlyJsonToPolarChartProps;\n    renderer: typeof ResponsivePolarChart;\n  } & PreTransformHooks;\n  fallback: {\n    transformer: typeof transformPlotlyJsonToVSBCProps;\n    renderer: typeof ResponsiveVerticalStackedBarChart;\n  } & PreTransformHooks;\n};\n\nconst chartMap: ChartTypeMap = {\n  annotation: {\n    transformer: transformPlotlyJsonToAnnotationChartProps,\n    renderer: AnnotationOnlyChart,\n  },\n  // PieData category charts\n  donut: {\n    transformer: transformPlotlyJsonToDonutProps,\n    renderer: ResponsiveDonutChart,\n  },\n  // SankeyData category charts\n  sankey: {\n    transformer: transformPlotlyJsonToSankeyProps,\n    renderer: ResponsiveSankeyChart,\n  },\n  // TableData category charts\n  table: {\n    transformer: transformPlotlyJsonToChartTableProps,\n    renderer: ResponsiveChartTable,\n  },\n  // PlotData category charts\n  horizontalbar: {\n    transformer: transformPlotlyJsonToHorizontalBarWithAxisProps,\n    renderer: ResponsiveHorizontalBarChartWithAxis,\n  },\n  groupedverticalbar: {\n    transformer: transformPlotlyJsonToGVBCProps,\n    renderer: ResponsiveGroupedVerticalBarChart,\n  },\n  verticalstackedbar: {\n    transformer: transformPlotlyJsonToVSBCProps,\n    renderer: ResponsiveVerticalStackedBarChart,\n  },\n  heatmap: {\n    transformer: transformPlotlyJsonToHeatmapProps,\n    renderer: ResponsiveHeatMapChart,\n  },\n  gauge: {\n    transformer: transformPlotlyJsonToGaugeProps,\n    renderer: ResponsiveGaugeChart,\n  },\n  verticalbar: {\n    transformer: transformPlotlyJsonToVBCProps,\n    renderer: ResponsiveVerticalBarChart,\n  },\n  area: {\n    transformer: transformPlotlyJsonToAreaChartProps,\n    renderer: ResponsiveAreaChart,\n    preTransformOperation: LineAreaPreTransformOp,\n  },\n  line: {\n    transformer: transformPlotlyJsonToLineChartProps,\n    renderer: ResponsiveLineChart,\n    preTransformOperation: LineAreaPreTransformOp,\n  },\n  scatter: {\n    transformer: transformPlotlyJsonToScatterChartProps,\n    renderer: ResponsiveScatterChart,\n    preTransformOperation: LineAreaPreTransformOp,\n  },\n  gantt: {\n    transformer: transformPlotlyJsonToGanttChartProps,\n    renderer: ResponsiveGanttChart,\n  },\n  funnel: {\n    transformer: transformPlotlyJsonToFunnelChartProps,\n    renderer: FunnelChart,\n  },\n  scatterpolar: {\n    transformer: transformPlotlyJsonToPolarChartProps,\n    renderer: ResponsivePolarChart,\n  },\n  fallback: {\n    transformer: transformPlotlyJsonToVSBCProps,\n    renderer: ResponsiveVerticalStackedBarChart,\n  },\n};\n\nconst useIsDarkTheme = (): boolean => {\n  const parentV9Theme = React.useContext(V9ThemeContext) as Theme;\n  const v9Theme: Theme = parentV9Theme ? parentV9Theme : webLightTheme;\n\n  // Get background and foreground colors\n  const backgroundColor = d3Color.hsl(v9Theme.colorNeutralBackground1);\n  const foregroundColor = d3Color.hsl(v9Theme.colorNeutralForeground1);\n\n  const isDarkTheme = backgroundColor.l < foregroundColor.l;\n\n  return isDarkTheme;\n};\n\n/**\n * DeclarativeChart component.\n * {@docCategory DeclarativeChart}\n */\nexport const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> = React.forwardRef<\n  HTMLDivElement,\n  DeclarativeChartProps\n>(({ colorwayType = 'default', ...props }, forwardedRef) => {\n  const { plotlySchema } = sanitizeJson(props.chartSchema);\n  const chart: OutputChartType = mapFluentChart(plotlySchema);\n  if (!chart.isValid) {\n    throw new Error(`Invalid chart schema: ${chart.errorMessage}`);\n  }\n  let plotlyInput = plotlySchema as PlotlySchema;\n  try {\n    plotlyInput = decodeBase64Fields(plotlyInput);\n  } catch (error) {\n    throw new Error(`Failed to decode plotly schema: ${error}`);\n  }\n  const plotlyInputWithValidData: PlotlySchema = {\n    ...plotlyInput,\n    data: chart.validTracesInfo!.map(trace => plotlyInput.data[trace.index]),\n  };\n\n  const validTracesFilteredIndex: TraceInfo[] = chart.validTracesInfo!.map((trace, index) => ({\n    index,\n    type: trace.type,\n  }));\n\n  let { selectedLegends } = plotlySchema;\n  const colorMap = useColorMapping();\n  const isDarkTheme = useIsDarkTheme();\n  const chartRefs = React.useRef<{ compRef: Chart | null; row: number; col: number }[]>([]);\n  const isMultiPlot = React.useRef(false);\n  const legendsRef = React.useRef<LegendContainer>(null);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const isRTL = useRtl();\n\n  if (!isArrayOrTypedArray(selectedLegends)) {\n    selectedLegends = [];\n  }\n\n  const [activeLegends, setActiveLegends] = React.useState<string[]>(selectedLegends);\n  const onActiveLegendsChange = (keys: string[]) => {\n    setActiveLegends(keys);\n    if (props.onSchemaChange) {\n      props.onSchemaChange({ plotlySchema: { plotlyInput, selectedLegends: keys } });\n    }\n  };\n\n  React.useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    const { plotlySchema } = sanitizeJson(props.chartSchema);\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    const { selectedLegends } = plotlySchema;\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setActiveLegends(selectedLegends ?? []);\n  }, [props.chartSchema]);\n\n  const multiSelectLegendProps = {\n    canSelectMultipleLegends: true,\n    onChange: onActiveLegendsChange,\n    selectedLegends: activeLegends,\n  };\n\n  const interactiveCommonProps = {\n    legendProps: multiSelectLegendProps,\n  };\n\n  function createLegends(legendProps: LegendsProps): JSXElement {\n    return (\n      <Legends\n        {...legendProps}\n        selectedLegends={activeLegends}\n        onChange={onActiveLegendsChange}\n        legendRef={legendsRef}\n      />\n    );\n  }\n\n  const exportAsImage = React.useCallback(\n    async (opts?: ImageExportOptions) => {\n      if (!containerRef.current) {\n        throw new Error('Container reference is null');\n      }\n\n      const imgExpOpts = {\n        background: resolveCSSVariables(containerRef.current, tokens.colorNeutralBackground1),\n        scale: 5,\n        ...opts,\n      };\n\n      if (!isMultiPlot.current) {\n        if (!chartRefs.current[0]?.compRef?.toImage) {\n          throw new Error('Chart cannot be exported as image');\n        }\n\n        return chartRefs.current[0].compRef.toImage(imgExpOpts);\n      }\n\n      return exportChartsAsImage(\n        chartRefs.current.map(item => ({\n          container: item.compRef?.chartContainer,\n          row: item.row,\n          col: item.col,\n        })),\n        legendsRef.current?.toSVG,\n        isRTL,\n        imgExpOpts,\n      );\n    },\n    [isRTL],\n  );\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      exportAsImage,\n    }),\n    [exportAsImage],\n  );\n\n  const groupedTraces: Record<string, number[]> = {};\n  let nonCartesianTraceCount = 0;\n\n  // For annotation-only charts, create a single group entry\n  if (chart.type === 'annotation') {\n    groupedTraces[DEFAULT_XAXIS] = [];\n  } else {\n    plotlyInputWithValidData.data.forEach((trace: Data, index: number) => {\n      let traceKey = '';\n      if (isNonPlotType(chart.validTracesInfo![index].type)) {\n        traceKey = `${NON_PLOT_KEY_PREFIX}${nonCartesianTraceCount + 1}`;\n        nonCartesianTraceCount++;\n      } else {\n        traceKey =\n          chart.validTracesInfo![index].type === 'scatterpolar'\n            ? (trace as { subplot?: string }).subplot ?? DEFAULT_POLAR_SUBPLOT\n            : (trace as PlotData).xaxis ?? DEFAULT_XAXIS;\n      }\n      if (!groupedTraces[traceKey]) {\n        groupedTraces[traceKey] = [];\n      }\n      groupedTraces[traceKey].push(index);\n    });\n  }\n\n  // eslint-disable-next-line react-hooks/refs\n  isMultiPlot.current = Object.keys(groupedTraces).length > 1;\n  const gridProperties: GridProperties = getGridProperties(\n    plotlyInputWithValidData,\n    // eslint-disable-next-line react-hooks/refs\n    isMultiPlot.current,\n    chart.validTracesInfo!,\n  );\n\n  // Render only one plot if the grid properties cannot determine positioning of multiple plots.\n  if (\n    // eslint-disable-next-line react-hooks/refs\n    isMultiPlot.current &&\n    gridProperties.templateRows === SINGLE_REPEAT &&\n    gridProperties.templateColumns === SINGLE_REPEAT\n  ) {\n    if (chart.type === 'donut') {\n      // If there are multiple data traces for donut/pie, picking the last one similar to plotly\n      const keys = Object.keys(groupedTraces);\n      keys.forEach((key, index) => {\n        if (index < keys.length - 1) {\n          delete groupedTraces[key];\n        }\n      });\n    } else {\n      Object.keys(groupedTraces).forEach((key, index) => {\n        if (index > 0) {\n          delete groupedTraces[key];\n        }\n      });\n    }\n    // eslint-disable-next-line react-hooks/refs\n    isMultiPlot.current = false;\n  }\n\n  const allupLegendsProps = getAllupLegendsProps(\n    plotlyInputWithValidData,\n    colorMap,\n    colorwayType,\n    chart.validTracesInfo!,\n    isDarkTheme,\n  );\n\n  type ChartType = keyof ChartTypeMap;\n\n  const titleObj = plotlyInputWithValidData.layout?.title;\n  const chartTitle = typeof titleObj === 'string' ? titleObj : titleObj?.text ?? '';\n  const titleFont = typeof titleObj === 'object' ? titleObj?.font : undefined;\n\n  const titleStyle: React.CSSProperties = {\n    ...typographyStyles.caption1,\n    color: tokens.colorNeutralForeground1,\n    textAlign: 'center',\n    marginBottom: tokens.spacingVerticalS,\n    ...getChartTitleInlineStyles(titleFont),\n  };\n\n  // map through the grouped traces and render the appropriate chart\n  return (\n    <>\n      {/* eslint-disable-next-line react-hooks/refs */}\n      {isMultiPlot.current && chartTitle && <div style={titleStyle}>{chartTitle}</div>}\n      <div\n        style={{\n          display: 'grid',\n          gridTemplateRows: gridProperties.templateRows,\n          gridTemplateColumns: gridProperties.templateColumns,\n        }}\n        ref={containerRef}\n      >\n        {/* eslint-disable-next-line react-hooks/refs */}\n        {Object.entries(groupedTraces).map(([xAxisKey, index], chartIdx) => {\n          const plotlyInputForGroup: PlotlySchema = {\n            ...plotlyInputWithValidData,\n            data: index.map(idx => plotlyInputWithValidData.data[idx]),\n          };\n\n          const filteredTracesInfo = validTracesFilteredIndex.filter(trace => index.includes(trace.index));\n          let chartType =\n            chart.type === 'fallback' || chart.type === 'groupedverticalbar'\n              ? chart.type\n              : filteredTracesInfo[0]?.type ?? chart.type;\n\n          if (\n            validTracesFilteredIndex.some(trace => trace.type === 'line') &&\n            validTracesFilteredIndex.some(trace => trace.type === 'scatter')\n          ) {\n            chartType = 'line';\n          }\n\n          const chartEntry = chartMap[chartType as ChartType];\n          if (chartEntry) {\n            const { transformer, renderer, preTransformCondition, preTransformOperation } = chartEntry;\n            if (preTransformCondition === undefined || preTransformCondition(plotlyInputForGroup)) {\n              const transformedInput = preTransformOperation\n                ? preTransformOperation(plotlyInputForGroup)\n                : plotlyInputForGroup;\n              const cellProperties = gridProperties.layout[xAxisKey];\n\n              const resolvedCommonProps = (\n                chartType === 'annotation'\n                  ? {}\n                  : {\n                      ...interactiveCommonProps,\n                    }\n              ) as Partial<ReturnType<typeof transformer>>;\n\n              return renderChart<ReturnType<typeof transformer>>(\n                renderer,\n                transformer,\n                [transformedInput, isMultiPlot.current, colorMap, colorwayType, isDarkTheme], // eslint-disable-line react-hooks/refs\n                {\n                  ...resolvedCommonProps,\n                  ...(cellProperties?.xAnnotation && { xAxisAnnotation: cellProperties.xAnnotation }),\n                  ...(cellProperties?.yAnnotation && { yAxisAnnotation: cellProperties.yAnnotation }),\n                  componentRef: (ref: Chart | null) => {\n                    chartRefs.current[chartIdx] = {\n                      compRef: ref,\n                      row: cellProperties?.row ?? 1,\n                      col: cellProperties?.column ?? 1,\n                    };\n                  },\n                },\n                cellProperties?.row ?? 1,\n                cellProperties?.column ?? 1,\n              );\n            }\n            return <></>;\n          } else {\n            throw new Error(`Unsupported chart type :${plotlyInputForGroup.data[0]?.type}`);\n          }\n        })}\n      </div>\n      {/* eslint-disable-next-line react-hooks/refs */}\n      {isMultiPlot.current && createLegends(allupLegendsProps)}\n    </>\n  );\n});\nDeclarativeChart.displayName = 'DeclarativeChart';\n"],"names":["React","decodeBase64Fields","isArrayOrTypedArray","isMonthArray","mapFluentChart","sanitizeJson","tokens","typographyStyles","ThemeContext_unstable","V9ThemeContext","webLightTheme","d3Color","correctYearMonth","getGridProperties","isNonPlotType","transformPlotlyJsonToDonutProps","transformPlotlyJsonToVSBCProps","transformPlotlyJsonToAreaChartProps","transformPlotlyJsonToLineChartProps","transformPlotlyJsonToHorizontalBarWithAxisProps","transformPlotlyJsonToHeatmapProps","transformPlotlyJsonToSankeyProps","transformPlotlyJsonToGaugeProps","transformPlotlyJsonToGVBCProps","transformPlotlyJsonToVBCProps","transformPlotlyJsonToChartTableProps","transformPlotlyJsonToScatterChartProps","getAllupLegendsProps","NON_PLOT_KEY_PREFIX","SINGLE_REPEAT","transformPlotlyJsonToFunnelChartProps","transformPlotlyJsonToGanttChartProps","transformPlotlyJsonToAnnotationChartProps","transformPlotlyJsonToPolarChartProps","DEFAULT_POLAR_SUBPLOT","getChartTitleInlineStyles","AnnotationOnlyChart","DonutChart","VerticalStackedBarChart","LineChart","HorizontalBarChartWithAxis","AreaChart","HeatMapChart","SankeyChart","GaugeChart","GroupedVerticalBarChart","VerticalBarChart","ScatterChart","FunnelChart","GanttChart","PolarChart","withResponsiveContainer","ChartTable","Legends","resolveCSSVariables","useRtl","exportChartsAsImage","ResponsiveDonutChart","ResponsiveVerticalStackedBarChart","ResponsiveLineChart","ResponsiveHorizontalBarChartWithAxis","ResponsiveAreaChart","ResponsiveHeatMapChart","ResponsiveSankeyChart","ResponsiveGaugeChart","ResponsiveGroupedVerticalBarChart","ResponsiveVerticalBarChart","ResponsiveScatterChart","ResponsiveChartTable","ResponsiveGanttChart","ResponsivePolarChart","DEFAULT_XAXIS","useColorMapping","colorMap","useRef","Map","renderChart","Renderer","transformer","transformerArgs","commonProps","cellRow","cellColumn","chartProps","div","key","style","gridRowStart","gridRowEnd","gridColumnStart","gridColumnEnd","LineAreaPreTransformOp","plotlyInput","xValues","data","x","isXMonth","renderData","map","dataPoint","layout","chartMap","annotation","renderer","donut","sankey","table","horizontalbar","groupedverticalbar","verticalstackedbar","heatmap","gauge","verticalbar","area","preTransformOperation","line","scatter","gantt","funnel","scatterpolar","fallback","useIsDarkTheme","parentV9Theme","useContext","v9Theme","backgroundColor","hsl","colorNeutralBackground1","foregroundColor","colorNeutralForeground1","isDarkTheme","l","DeclarativeChart","forwardRef","colorwayType","props","forwardedRef","plotlyInputWithValidData","plotlySchema","chartSchema","chart","isValid","Error","errorMessage","error","validTracesInfo","trace","index","validTracesFilteredIndex","type","selectedLegends","chartRefs","isMultiPlot","legendsRef","containerRef","isRTL","activeLegends","setActiveLegends","useState","onActiveLegendsChange","keys","onSchemaChange","useEffect","multiSelectLegendProps","canSelectMultipleLegends","onChange","interactiveCommonProps","legendProps","createLegends","legendRef","exportAsImage","useCallback","opts","current","imgExpOpts","background","scale","compRef","toImage","item","container","chartContainer","row","col","toSVG","useImperativeHandle","componentRef","groupedTraces","nonCartesianTraceCount","forEach","traceKey","subplot","xaxis","push","Object","length","gridProperties","templateRows","templateColumns","allupLegendsProps","titleObj","title","chartTitle","text","titleFont","font","undefined","titleStyle","caption1","color","textAlign","marginBottom","spacingVerticalS","display","gridTemplateRows","gridTemplateColumns","ref","entries","xAxisKey","chartIdx","filteredTracesInfo","plotlyInputForGroup","idx","filter","includes","chartType","some","chartEntry","preTransformCondition","transformedInput","cellProperties","resolvedCommonProps","xAnnotation","xAxisAnnotation","yAnnotation","yAxisAnnotation","column","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/DeclarativeChart/DeclarativeChart.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable @typescript-eslint/naming-convention */\nimport * as React from 'react';\nimport type { Data, PlotData, PlotlySchema, OutputChartType, TraceInfo } from '@fluentui/chart-utilities';\nimport {\n  decodeBase64Fields,\n  isArrayOrTypedArray,\n  isMonthArray,\n  mapFluentChart,\n  sanitizeJson,\n} from '@fluentui/chart-utilities';\nimport type { GridProperties } from './PlotlySchemaAdapter';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { ThemeContext_unstable as V9ThemeContext } from '@fluentui/react-shared-contexts';\nimport type { Theme } from '@fluentui/tokens';\nimport { webLightTheme } from '@fluentui/tokens';\nimport * as d3Color from 'd3-color';\n\nimport {\n  correctYearMonth,\n  getGridProperties,\n  isNonPlotType,\n  transformPlotlyJsonToDonutProps,\n  transformPlotlyJsonToVSBCProps,\n  transformPlotlyJsonToAreaChartProps,\n  transformPlotlyJsonToLineChartProps,\n  transformPlotlyJsonToHorizontalBarWithAxisProps,\n  transformPlotlyJsonToHeatmapProps,\n  transformPlotlyJsonToSankeyProps,\n  transformPlotlyJsonToGaugeProps,\n  transformPlotlyJsonToGVBCProps,\n  transformPlotlyJsonToVBCProps,\n  transformPlotlyJsonToChartTableProps,\n  transformPlotlyJsonToScatterChartProps,\n  getAllupLegendsProps,\n  NON_PLOT_KEY_PREFIX,\n  SINGLE_REPEAT,\n  transformPlotlyJsonToFunnelChartProps,\n  transformPlotlyJsonToGanttChartProps,\n  transformPlotlyJsonToAnnotationChartProps,\n  transformPlotlyJsonToPolarChartProps,\n  DEFAULT_POLAR_SUBPLOT,\n} from './PlotlySchemaAdapter';\nimport { getChartTitleInlineStyles } from '../../utilities/index';\nimport type { ColorwayType } from './PlotlyColorAdapter';\nimport { AnnotationOnlyChart } from '../AnnotationOnlyChart/AnnotationOnlyChart';\nimport { DonutChart } from '../DonutChart/index';\nimport { VerticalStackedBarChart } from '../VerticalStackedBarChart/index';\nimport { LineChart } from '../LineChart/index';\nimport { HorizontalBarChartWithAxis } from '../HorizontalBarChartWithAxis/index';\nimport { AreaChart } from '../AreaChart/index';\nimport { HeatMapChart } from '../HeatMapChart/index';\nimport { SankeyChart } from '../SankeyChart/SankeyChart';\nimport { GaugeChart } from '../GaugeChart/index';\nimport { GroupedVerticalBarChart } from '../GroupedVerticalBarChart/index';\nimport { VerticalBarChart } from '../VerticalBarChart/index';\nimport type { Chart, ImageExportOptions } from '../../types/index';\nimport { ScatterChart } from '../ScatterChart/index';\nimport { FunnelChart } from '../FunnelChart/FunnelChart';\nimport { GanttChart } from '../GanttChart/index';\nimport { PolarChart } from '../PolarChart/index';\n\nimport { withResponsiveContainer } from '../ResponsiveContainer/withResponsiveContainer';\nimport { ChartTable } from '../ChartTable/index';\nimport type { LegendsProps, LegendContainer } from '../Legends/index';\nimport { Legends } from '../Legends/index';\nimport type { JSXElement } from '@fluentui/react-utilities/src/index';\nimport { resolveCSSVariables, useRtl } from '../../utilities/index';\nimport { exportChartsAsImage } from '../../utilities/image-export-utils';\n\nconst ResponsiveDonutChart = withResponsiveContainer(DonutChart);\nconst ResponsiveVerticalStackedBarChart = withResponsiveContainer(VerticalStackedBarChart);\nconst ResponsiveLineChart = withResponsiveContainer(LineChart);\nconst ResponsiveHorizontalBarChartWithAxis = withResponsiveContainer(HorizontalBarChartWithAxis);\nconst ResponsiveAreaChart = withResponsiveContainer(AreaChart);\nconst ResponsiveHeatMapChart = withResponsiveContainer(HeatMapChart);\nconst ResponsiveSankeyChart = withResponsiveContainer(SankeyChart);\nconst ResponsiveGaugeChart = withResponsiveContainer(GaugeChart);\nconst ResponsiveGroupedVerticalBarChart = withResponsiveContainer(GroupedVerticalBarChart);\nconst ResponsiveVerticalBarChart = withResponsiveContainer(VerticalBarChart);\nconst ResponsiveScatterChart = withResponsiveContainer(ScatterChart);\nconst ResponsiveChartTable = withResponsiveContainer(ChartTable);\nconst ResponsiveGanttChart = withResponsiveContainer(GanttChart);\n// Removing responsive wrapper for FunnelChart as responsive container is not working with FunnelChart\n//const ResponsiveFunnelChart = withResponsiveContainer(FunnelChart);\nconst ResponsivePolarChart = withResponsiveContainer(PolarChart);\n\n// Default x-axis key for grouping traces. Also applicable for PieData and SankeyData where x-axis is not defined.\nconst DEFAULT_XAXIS = 'x';\n\n/**\n * DeclarativeChart schema.\n * {@docCategory DeclarativeChart}\n */\nexport interface Schema {\n  /**\n   * Plotly schema represented as JSON object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  plotlySchema: any;\n}\n\n/**\n * DeclarativeChart props.\n * {@docCategory DeclarativeChart}\n */\nexport interface DeclarativeChartProps extends React.RefAttributes<HTMLDivElement> {\n  /**\n   * The schema representing the chart data, layout and configuration\n   */\n  chartSchema: Schema;\n\n  /**\n   * Callback when an event occurs\n   */\n  onSchemaChange?: (eventData: Schema) => void;\n\n  /**\n   * Optional callback to access the IDeclarativeChart interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.Ref<IDeclarativeChart>;\n\n  /**\n   * Optional prop to specify the colorway type of the chart.\n   * - 'default': Use Fluent UI color palette aligning with plotly colorway.\n   * - 'builtin': Use Fluent UI colorway.\n   * - 'others': Reserved for future colorways.\n   * @default 'default'\n   */\n  colorwayType?: ColorwayType;\n}\n\n/**\n * {@docCategory DeclarativeChart}\n */\nexport interface IDeclarativeChart {\n  exportAsImage: (opts?: ImageExportOptions) => Promise<string>;\n}\n\nconst useColorMapping = () => {\n  const colorMap = React.useRef(new Map<string, string>());\n  return colorMap;\n};\n\nfunction renderChart<TProps>(\n  Renderer: React.ComponentType<TProps>,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  transformer: (...args: any[]) => TProps,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  transformerArgs: any[],\n  commonProps: Partial<TProps>,\n  cellRow: number,\n  cellColumn: number,\n): JSXElement {\n  const chartProps = transformer(...transformerArgs);\n  return (\n    <div\n      key={`${cellRow}_${cellColumn}`}\n      style={{\n        gridRowStart: cellRow,\n        gridRowEnd: cellRow + 1,\n        gridColumnStart: cellColumn,\n        gridColumnEnd: cellColumn + 1,\n      }}\n    >\n      <Renderer {...chartProps} {...commonProps} />\n    </div>\n  );\n}\n\ntype PreTransformHooks = {\n  preTransformCondition?: (plotlySchema: PlotlySchema) => boolean;\n  preTransformOperation?: (plotlySchema: PlotlySchema) => PlotlySchema;\n};\n\nconst LineAreaPreTransformOp = (plotlyInput: PlotlySchema) => {\n  const xValues = (plotlyInput.data[0] as PlotData).x;\n  const isXMonth = isMonthArray(xValues);\n  let renderData = plotlyInput.data;\n  if (isXMonth) {\n    renderData = plotlyInput.data.map((dataPoint: PlotData) => ({\n      ...dataPoint,\n      x: correctYearMonth(dataPoint.x),\n    }));\n  }\n  return { data: renderData, layout: plotlyInput.layout };\n};\n\ntype ChartTypeMap = {\n  annotation: {\n    transformer: typeof transformPlotlyJsonToAnnotationChartProps;\n    renderer: typeof AnnotationOnlyChart;\n  } & PreTransformHooks;\n  donut: {\n    transformer: typeof transformPlotlyJsonToDonutProps;\n    renderer: typeof ResponsiveDonutChart;\n  } & PreTransformHooks;\n  sankey: {\n    transformer: typeof transformPlotlyJsonToSankeyProps;\n    renderer: typeof ResponsiveSankeyChart;\n  } & PreTransformHooks;\n  table: {\n    transformer: typeof transformPlotlyJsonToChartTableProps;\n    renderer: typeof ResponsiveChartTable;\n  } & PreTransformHooks;\n  horizontalbar: {\n    transformer: typeof transformPlotlyJsonToHorizontalBarWithAxisProps;\n    renderer: typeof ResponsiveHorizontalBarChartWithAxis;\n  } & PreTransformHooks;\n  groupedverticalbar: {\n    transformer: typeof transformPlotlyJsonToGVBCProps;\n    renderer: typeof ResponsiveGroupedVerticalBarChart;\n  } & PreTransformHooks;\n  verticalstackedbar: {\n    transformer: typeof transformPlotlyJsonToVSBCProps;\n    renderer: typeof ResponsiveVerticalStackedBarChart;\n  } & PreTransformHooks;\n  heatmap: {\n    transformer: typeof transformPlotlyJsonToHeatmapProps;\n    renderer: typeof ResponsiveHeatMapChart;\n  } & PreTransformHooks;\n  gauge: {\n    transformer: typeof transformPlotlyJsonToGaugeProps;\n    renderer: typeof ResponsiveGaugeChart;\n  } & PreTransformHooks;\n  verticalbar: {\n    transformer: typeof transformPlotlyJsonToVBCProps;\n    renderer: typeof ResponsiveVerticalBarChart;\n  } & PreTransformHooks;\n  area: {\n    transformer: typeof transformPlotlyJsonToAreaChartProps;\n    renderer: typeof ResponsiveAreaChart;\n  } & PreTransformHooks;\n  line: {\n    transformer: typeof transformPlotlyJsonToLineChartProps;\n    renderer: typeof ResponsiveLineChart;\n  } & PreTransformHooks;\n  scatter: {\n    transformer: typeof transformPlotlyJsonToScatterChartProps;\n    renderer: typeof ResponsiveScatterChart;\n  } & PreTransformHooks;\n  gantt: {\n    transformer: typeof transformPlotlyJsonToGanttChartProps;\n    renderer: typeof ResponsiveGanttChart;\n  } & PreTransformHooks;\n  funnel: {\n    transformer: typeof transformPlotlyJsonToFunnelChartProps;\n    renderer: typeof FunnelChart;\n  } & PreTransformHooks;\n  scatterpolar: {\n    transformer: typeof transformPlotlyJsonToPolarChartProps;\n    renderer: typeof ResponsivePolarChart;\n  } & PreTransformHooks;\n  fallback: {\n    transformer: typeof transformPlotlyJsonToVSBCProps;\n    renderer: typeof ResponsiveVerticalStackedBarChart;\n  } & PreTransformHooks;\n};\n\nconst chartMap: ChartTypeMap = {\n  annotation: {\n    transformer: transformPlotlyJsonToAnnotationChartProps,\n    renderer: AnnotationOnlyChart,\n  },\n  // PieData category charts\n  donut: {\n    transformer: transformPlotlyJsonToDonutProps,\n    renderer: ResponsiveDonutChart,\n  },\n  // SankeyData category charts\n  sankey: {\n    transformer: transformPlotlyJsonToSankeyProps,\n    renderer: ResponsiveSankeyChart,\n  },\n  // TableData category charts\n  table: {\n    transformer: transformPlotlyJsonToChartTableProps,\n    renderer: ResponsiveChartTable,\n  },\n  // PlotData category charts\n  horizontalbar: {\n    transformer: transformPlotlyJsonToHorizontalBarWithAxisProps,\n    renderer: ResponsiveHorizontalBarChartWithAxis,\n  },\n  groupedverticalbar: {\n    transformer: transformPlotlyJsonToGVBCProps,\n    renderer: ResponsiveGroupedVerticalBarChart,\n  },\n  verticalstackedbar: {\n    transformer: transformPlotlyJsonToVSBCProps,\n    renderer: ResponsiveVerticalStackedBarChart,\n  },\n  heatmap: {\n    transformer: transformPlotlyJsonToHeatmapProps,\n    renderer: ResponsiveHeatMapChart,\n  },\n  gauge: {\n    transformer: transformPlotlyJsonToGaugeProps,\n    renderer: ResponsiveGaugeChart,\n  },\n  verticalbar: {\n    transformer: transformPlotlyJsonToVBCProps,\n    renderer: ResponsiveVerticalBarChart,\n  },\n  area: {\n    transformer: transformPlotlyJsonToAreaChartProps,\n    renderer: ResponsiveAreaChart,\n    preTransformOperation: LineAreaPreTransformOp,\n  },\n  line: {\n    transformer: transformPlotlyJsonToLineChartProps,\n    renderer: ResponsiveLineChart,\n    preTransformOperation: LineAreaPreTransformOp,\n  },\n  scatter: {\n    transformer: transformPlotlyJsonToScatterChartProps,\n    renderer: ResponsiveScatterChart,\n    preTransformOperation: LineAreaPreTransformOp,\n  },\n  gantt: {\n    transformer: transformPlotlyJsonToGanttChartProps,\n    renderer: ResponsiveGanttChart,\n  },\n  funnel: {\n    transformer: transformPlotlyJsonToFunnelChartProps,\n    renderer: FunnelChart,\n  },\n  scatterpolar: {\n    transformer: transformPlotlyJsonToPolarChartProps,\n    renderer: ResponsivePolarChart,\n  },\n  fallback: {\n    transformer: transformPlotlyJsonToVSBCProps,\n    renderer: ResponsiveVerticalStackedBarChart,\n  },\n};\n\nconst useIsDarkTheme = (): boolean => {\n  const parentV9Theme = React.useContext(V9ThemeContext) as Theme;\n  const v9Theme: Theme = parentV9Theme ? parentV9Theme : webLightTheme;\n\n  // Get background and foreground colors\n  const backgroundColor = d3Color.hsl(v9Theme.colorNeutralBackground1);\n  const foregroundColor = d3Color.hsl(v9Theme.colorNeutralForeground1);\n\n  const isDarkTheme = backgroundColor.l < foregroundColor.l;\n\n  return isDarkTheme;\n};\n\n/**\n * DeclarativeChart component.\n * {@docCategory DeclarativeChart}\n */\nexport const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> = React.forwardRef<\n  HTMLDivElement,\n  DeclarativeChartProps\n>(({ colorwayType = 'default', ...props }, forwardedRef) => {\n  const { plotlySchema } = sanitizeJson(props.chartSchema);\n  const chart: OutputChartType = mapFluentChart(plotlySchema);\n  if (!chart.isValid) {\n    throw new Error(`Invalid chart schema: ${chart.errorMessage}`);\n  }\n  let plotlyInput = plotlySchema as PlotlySchema;\n  try {\n    plotlyInput = decodeBase64Fields(plotlyInput);\n  } catch (error) {\n    throw new Error(`Failed to decode plotly schema: ${error}`);\n  }\n  const plotlyInputWithValidData: PlotlySchema = {\n    ...plotlyInput,\n    data: chart.validTracesInfo!.map(trace => plotlyInput.data[trace.index]),\n  };\n\n  const validTracesFilteredIndex: TraceInfo[] = chart.validTracesInfo!.map((trace, index) => ({\n    index,\n    type: trace.type,\n  }));\n\n  let { selectedLegends } = plotlySchema;\n  const colorMap = useColorMapping();\n  const isDarkTheme = useIsDarkTheme();\n  const chartRefs = React.useRef<{ compRef: Chart | null; row: number; col: number }[]>([]);\n  const isMultiPlot = React.useRef(false);\n  const legendsRef = React.useRef<LegendContainer>(null);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const isRTL = useRtl();\n\n  if (!isArrayOrTypedArray(selectedLegends)) {\n    selectedLegends = [];\n  }\n\n  const [activeLegends, setActiveLegends] = React.useState<string[]>(selectedLegends);\n  const onActiveLegendsChange = (keys: string[]) => {\n    setActiveLegends(keys);\n    if (props.onSchemaChange) {\n      props.onSchemaChange({ plotlySchema: { plotlyInput, selectedLegends: keys } });\n    }\n  };\n\n  React.useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    const { plotlySchema } = sanitizeJson(props.chartSchema);\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    const { selectedLegends } = plotlySchema;\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setActiveLegends(selectedLegends ?? []);\n  }, [props.chartSchema]);\n\n  const multiSelectLegendProps = {\n    canSelectMultipleLegends: true,\n    onChange: onActiveLegendsChange,\n    selectedLegends: activeLegends,\n  };\n\n  const interactiveCommonProps = {\n    legendProps: multiSelectLegendProps,\n  };\n\n  function createLegends(legendProps: LegendsProps): JSXElement {\n    return (\n      <Legends\n        {...legendProps}\n        selectedLegends={activeLegends}\n        onChange={onActiveLegendsChange}\n        legendRef={legendsRef}\n      />\n    );\n  }\n\n  const exportAsImage = React.useCallback(\n    async (opts?: ImageExportOptions) => {\n      if (!containerRef.current) {\n        throw new Error('Container reference is null');\n      }\n\n      const imgExpOpts = {\n        background: resolveCSSVariables(containerRef.current, tokens.colorNeutralBackground1),\n        scale: 5,\n        ...opts,\n      };\n\n      if (!isMultiPlot.current) {\n        if (!chartRefs.current[0]?.compRef?.toImage) {\n          throw new Error('Chart cannot be exported as image');\n        }\n\n        return chartRefs.current[0].compRef.toImage(imgExpOpts);\n      }\n\n      return exportChartsAsImage(\n        chartRefs.current.map(item => ({\n          container: item.compRef?.chartContainer,\n          row: item.row,\n          col: item.col,\n        })),\n        legendsRef.current?.toSVG,\n        isRTL,\n        imgExpOpts,\n      );\n    },\n    [isRTL],\n  );\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      exportAsImage,\n    }),\n    [exportAsImage],\n  );\n\n  const groupedTraces: Record<string, number[]> = {};\n  let nonCartesianTraceCount = 0;\n\n  // For annotation-only charts, create a single group entry\n  if (chart.type === 'annotation') {\n    groupedTraces[DEFAULT_XAXIS] = [];\n  } else {\n    plotlyInputWithValidData.data.forEach((trace: Data, index: number) => {\n      let traceKey = '';\n      if (isNonPlotType(chart.validTracesInfo![index].type)) {\n        traceKey = `${NON_PLOT_KEY_PREFIX}${nonCartesianTraceCount + 1}`;\n        nonCartesianTraceCount++;\n      } else {\n        traceKey =\n          chart.validTracesInfo![index].type === 'scatterpolar'\n            ? (trace as { subplot?: string }).subplot ?? DEFAULT_POLAR_SUBPLOT\n            : (trace as PlotData).xaxis ?? DEFAULT_XAXIS;\n      }\n      if (!groupedTraces[traceKey]) {\n        groupedTraces[traceKey] = [];\n      }\n      groupedTraces[traceKey].push(index);\n    });\n  }\n\n  // eslint-disable-next-line react-hooks/refs\n  isMultiPlot.current = Object.keys(groupedTraces).length > 1;\n  const gridProperties: GridProperties = getGridProperties(\n    plotlyInputWithValidData,\n    // eslint-disable-next-line react-hooks/refs\n    isMultiPlot.current,\n    chart.validTracesInfo!,\n  );\n\n  // Render only one plot if the grid properties cannot determine positioning of multiple plots.\n  if (\n    // eslint-disable-next-line react-hooks/refs\n    isMultiPlot.current &&\n    gridProperties.templateRows === SINGLE_REPEAT &&\n    gridProperties.templateColumns === SINGLE_REPEAT\n  ) {\n    if (chart.type === 'donut') {\n      // If there are multiple data traces for donut/pie, picking the last one similar to plotly\n      const keys = Object.keys(groupedTraces);\n      keys.forEach((key, index) => {\n        if (index < keys.length - 1) {\n          delete groupedTraces[key];\n        }\n      });\n    } else {\n      Object.keys(groupedTraces).forEach((key, index) => {\n        if (index > 0) {\n          delete groupedTraces[key];\n        }\n      });\n    }\n    // eslint-disable-next-line react-hooks/refs\n    isMultiPlot.current = false;\n  }\n\n  const allupLegendsProps = getAllupLegendsProps(\n    plotlyInputWithValidData,\n    colorMap,\n    colorwayType,\n    chart.validTracesInfo!,\n    isDarkTheme,\n  );\n\n  type ChartType = keyof ChartTypeMap;\n\n  const titleObj = plotlyInputWithValidData.layout?.title;\n  const chartTitle = typeof titleObj === 'string' ? titleObj : titleObj?.text ?? '';\n  const titleFont = typeof titleObj === 'object' ? titleObj?.font : undefined;\n\n  const titleStyle: React.CSSProperties = {\n    ...typographyStyles.caption1,\n    color: tokens.colorNeutralForeground1,\n    textAlign: 'center',\n    marginBottom: tokens.spacingVerticalS,\n    ...getChartTitleInlineStyles(titleFont),\n  };\n\n  // map through the grouped traces and render the appropriate chart\n  return (\n    <>\n      {/* eslint-disable-next-line react-hooks/refs */}\n      {isMultiPlot.current && chartTitle && <div style={titleStyle}>{chartTitle}</div>}\n      <div\n        style={{\n          display: 'grid',\n          gridTemplateRows: gridProperties.templateRows,\n          gridTemplateColumns: gridProperties.templateColumns,\n        }}\n        ref={containerRef}\n      >\n        {/* eslint-disable-next-line react-hooks/refs */}\n        {Object.entries(groupedTraces).map(([xAxisKey, index], chartIdx) => {\n          const plotlyInputForGroup: PlotlySchema = {\n            ...plotlyInputWithValidData,\n            data: index.map(idx => plotlyInputWithValidData.data[idx]),\n          };\n\n          const filteredTracesInfo = validTracesFilteredIndex.filter(trace => index.includes(trace.index));\n          let chartType =\n            chart.type === 'fallback' || chart.type === 'groupedverticalbar'\n              ? chart.type\n              : filteredTracesInfo[0]?.type ?? chart.type;\n\n          if (\n            validTracesFilteredIndex.some(trace => trace.type === 'line') &&\n            validTracesFilteredIndex.some(trace => trace.type === 'scatter')\n          ) {\n            chartType = 'line';\n          }\n\n          const chartEntry = chartMap[chartType as ChartType];\n          if (chartEntry) {\n            const { transformer, renderer, preTransformCondition, preTransformOperation } = chartEntry;\n            if (preTransformCondition === undefined || preTransformCondition(plotlyInputForGroup)) {\n              const transformedInput = preTransformOperation\n                ? preTransformOperation(plotlyInputForGroup)\n                : plotlyInputForGroup;\n              const cellProperties = gridProperties.layout[xAxisKey];\n\n              const resolvedCommonProps = (\n                chartType === 'annotation'\n                  ? {}\n                  : {\n                      ...interactiveCommonProps,\n                    }\n              ) as Partial<ReturnType<typeof transformer>>;\n\n              return renderChart<ReturnType<typeof transformer>>(\n                renderer,\n                transformer,\n                [transformedInput, isMultiPlot.current, colorMap, colorwayType, isDarkTheme], // eslint-disable-line react-hooks/refs\n                {\n                  ...resolvedCommonProps,\n                  ...(cellProperties?.xAnnotation && { xAxisAnnotation: cellProperties.xAnnotation }),\n                  ...(cellProperties?.yAnnotation && { yAxisAnnotation: cellProperties.yAnnotation }),\n                  componentRef: (ref: Chart | null) => {\n                    chartRefs.current[chartIdx] = {\n                      compRef: ref,\n                      row: cellProperties?.row ?? 1,\n                      col: cellProperties?.column ?? 1,\n                    };\n                  },\n                },\n                cellProperties?.row ?? 1,\n                cellProperties?.column ?? 1,\n              );\n            }\n            return <></>;\n          } else {\n            throw new Error(`Unsupported chart type :${plotlyInputForGroup.data[0]?.type}`);\n          }\n        })}\n      </div>\n      {/* eslint-disable-next-line react-hooks/refs */}\n      {isMultiPlot.current && createLegends(allupLegendsProps)}\n    </>\n  );\n});\nDeclarativeChart.displayName = 'DeclarativeChart';\n"],"names":["React","decodeBase64Fields","isArrayOrTypedArray","isMonthArray","mapFluentChart","sanitizeJson","tokens","typographyStyles","ThemeContext_unstable","V9ThemeContext","webLightTheme","d3Color","correctYearMonth","getGridProperties","isNonPlotType","transformPlotlyJsonToDonutProps","transformPlotlyJsonToVSBCProps","transformPlotlyJsonToAreaChartProps","transformPlotlyJsonToLineChartProps","transformPlotlyJsonToHorizontalBarWithAxisProps","transformPlotlyJsonToHeatmapProps","transformPlotlyJsonToSankeyProps","transformPlotlyJsonToGaugeProps","transformPlotlyJsonToGVBCProps","transformPlotlyJsonToVBCProps","transformPlotlyJsonToChartTableProps","transformPlotlyJsonToScatterChartProps","getAllupLegendsProps","NON_PLOT_KEY_PREFIX","SINGLE_REPEAT","transformPlotlyJsonToFunnelChartProps","transformPlotlyJsonToGanttChartProps","transformPlotlyJsonToAnnotationChartProps","transformPlotlyJsonToPolarChartProps","DEFAULT_POLAR_SUBPLOT","getChartTitleInlineStyles","AnnotationOnlyChart","DonutChart","VerticalStackedBarChart","LineChart","HorizontalBarChartWithAxis","AreaChart","HeatMapChart","SankeyChart","GaugeChart","GroupedVerticalBarChart","VerticalBarChart","ScatterChart","FunnelChart","GanttChart","PolarChart","withResponsiveContainer","ChartTable","Legends","resolveCSSVariables","useRtl","exportChartsAsImage","ResponsiveDonutChart","ResponsiveVerticalStackedBarChart","ResponsiveLineChart","ResponsiveHorizontalBarChartWithAxis","ResponsiveAreaChart","ResponsiveHeatMapChart","ResponsiveSankeyChart","ResponsiveGaugeChart","ResponsiveGroupedVerticalBarChart","ResponsiveVerticalBarChart","ResponsiveScatterChart","ResponsiveChartTable","ResponsiveGanttChart","ResponsivePolarChart","DEFAULT_XAXIS","useColorMapping","colorMap","useRef","Map","renderChart","Renderer","transformer","transformerArgs","commonProps","cellRow","cellColumn","chartProps","div","key","style","gridRowStart","gridRowEnd","gridColumnStart","gridColumnEnd","LineAreaPreTransformOp","plotlyInput","xValues","data","x","isXMonth","renderData","map","dataPoint","layout","chartMap","annotation","renderer","donut","sankey","table","horizontalbar","groupedverticalbar","verticalstackedbar","heatmap","gauge","verticalbar","area","preTransformOperation","line","scatter","gantt","funnel","scatterpolar","fallback","useIsDarkTheme","parentV9Theme","useContext","v9Theme","backgroundColor","hsl","colorNeutralBackground1","foregroundColor","colorNeutralForeground1","isDarkTheme","l","DeclarativeChart","forwardRef","colorwayType","props","forwardedRef","plotlyInputWithValidData","plotlySchema","chartSchema","chart","isValid","Error","errorMessage","error","validTracesInfo","trace","index","validTracesFilteredIndex","type","selectedLegends","chartRefs","isMultiPlot","legendsRef","containerRef","isRTL","activeLegends","setActiveLegends","useState","onActiveLegendsChange","keys","onSchemaChange","useEffect","multiSelectLegendProps","canSelectMultipleLegends","onChange","interactiveCommonProps","legendProps","createLegends","legendRef","exportAsImage","useCallback","opts","current","imgExpOpts","background","scale","compRef","toImage","item","container","chartContainer","row","col","toSVG","useImperativeHandle","componentRef","groupedTraces","nonCartesianTraceCount","forEach","traceKey","subplot","xaxis","push","Object","length","gridProperties","templateRows","templateColumns","allupLegendsProps","titleObj","title","chartTitle","text","titleFont","font","undefined","titleStyle","caption1","color","textAlign","marginBottom","spacingVerticalS","display","gridTemplateRows","gridTemplateColumns","ref","entries","xAxisKey","chartIdx","filteredTracesInfo","plotlyInputForGroup","idx","filter","includes","chartType","some","chartEntry","preTransformCondition","transformedInput","cellProperties","resolvedCommonProps","xAnnotation","xAxisAnnotation","yAnnotation","yAxisAnnotation","column","displayName"],"mappings":"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"}

package/lib/components/DeclarativeChart/PlotlyColorAdapter.js

@@ -1,8 +1,8 @@
-import { color as d3Color } from 'd3-color';
-import { isArrayOrTypedArray } from '@fluentui/chart-utilities';
-import { areArraysEqual } from '../../utilities/utilities';
-import { DataVizPalette, getColorFromToken, getNextColor } from '../../utilities/colors';
-import { scaleLinear as d3ScaleLinear } from 'd3-scale';
+import { color as d3Color } from "d3-color";
+import { isArrayOrTypedArray } from "@fluentui/chart-utilities";
+import { areArraysEqual } from "../../utilities/utilities.js";
+import { DataVizPalette, getColorFromToken, getNextColor } from "../../utilities/colors.js";
+import { scaleLinear as d3ScaleLinear } from "d3-scale";
 const DEFAULT_PLOTLY_COLORWAY = [
     '#636efa',
     '#ef553b',

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/DeclarativeChart/PlotlyColorAdapter.ts"],"sourcesContent":["import type * as React from 'react';\nimport { color as d3Color } from 'd3-color';\nimport type { PieColors, Color, PlotData, Layout } from '@fluentui/chart-utilities';\nimport { isArrayOrTypedArray } from '@fluentui/chart-utilities';\nimport { areArraysEqual } from '../../utilities/utilities';\nimport { DataVizPalette, getColorFromToken, getNextColor } from '../../utilities/colors';\nimport { scaleLinear as d3ScaleLinear } from 'd3-scale';\n\ntype PlotlyColorway = 'plotly' | 'd3' | 'others';\n\n// The color sequences in plotly express are defined here:\n// https://plotly.com/python/discrete-color/#:~:text=Join%20now.-,Color%20Sequences%20in%20Plotly%20Express,-By%20default%2C%20Plotly\nexport type ColorwayType = 'default' | 'builtin' | 'others' | undefined;\n\nconst DEFAULT_PLOTLY_COLORWAY = [\n  '#636efa', //1\n  '#ef553b', //2\n  '#00cc96', //3\n  '#ab63fa', //4\n  '#ffa15a', //5\n  '#19d3f3', //6\n  '#ff6692', //7\n  '#b6e880', //8\n  '#ff97ff', //9\n  '#fecb52', //10\n];\n\n// Default D3 qualitative colorway (Category10), matching Plotly Express px.colors.qualitative.D3\n// Source: https://plotly.com/python/discrete-color/#:~:text=Join%20now.-,Color%20Sequences%20in%20Plotly%20Express,-By%20default%2C%20Plotly\nexport const DEFAULT_D3_COLORWAY = [\n  '#1f77b4', //1\n  '#ff7f0e', //2\n  '#2ca02c', //3\n  '#d62728', //4\n  '#9467bd', //5\n  '#8c564b', //6\n  '#e377c2', //7\n  '#7f7f7f', //8\n  '#bcbd22', //9\n  '#17becf', //10\n];\n\nconst PLOTLY_FLUENTVIZ_COLORWAY_MAPPING = [\n  DataVizPalette.color1, //1\n  DataVizPalette.warning, //2\n  DataVizPalette.color8, //3\n  DataVizPalette.color4, //4\n  DataVizPalette.color7, //5\n  DataVizPalette.color6, //6\n  DataVizPalette.color2, //7\n  DataVizPalette.color5, //8\n  DataVizPalette.color9, //9\n  DataVizPalette.color10, //10\n];\n\n// Mapping from D3 Category10 order to Fluent DataViz tokens (light/dark handled via getColorFromToken)\n// D3: [blue, orange, green, red, purple, brown, pink, gray, olive, cyan]\nexport const D3_FLUENTVIZ_COLORWAY_MAPPING: string[] = [\n  DataVizPalette.color26, // blue -> lightBlue.shade10\n  DataVizPalette.warning, // orange -> semantic warning\n  DataVizPalette.color5, // green -> lightGreen.primary\n  DataVizPalette.error, // red -> semantic error\n  DataVizPalette.color4, // purple -> orchid.tint10\n  DataVizPalette.color17, // brown -> pumpkin.shade20\n  DataVizPalette.color22, // pink -> hotPink.tint20\n  DataVizPalette.disabled, // gray -> semantic disabled\n  DataVizPalette.color10, // olive/yellow-green -> gold.shade10\n  DataVizPalette.color3, // cyan/teal -> teal.tint20\n];\n\nfunction getPlotlyColorway(colorway: string[] | undefined, isDonut: boolean = false): PlotlyColorway {\n  if (!colorway || !isArrayOrTypedArray(colorway)) {\n    return 'others';\n  }\n  const lower = colorway.map(c => c.toLowerCase());\n  if (isDonut && areArraysEqual(lower, D3_FLUENTVIZ_COLORWAY_MAPPING)) {\n    return 'd3';\n  }\n  if (areArraysEqual(lower, DEFAULT_PLOTLY_COLORWAY)) {\n    return 'plotly';\n  }\n  return 'others';\n}\n\nfunction tryMapFluentDataViz(\n  hexColor: string,\n  templateColorway: PlotlyColorway,\n  isDarkTheme?: boolean,\n  isDonut?: boolean,\n): string {\n  if (templateColorway !== 'plotly') {\n    return hexColor;\n  }\n  let defaultColorway: string[] = DEFAULT_PLOTLY_COLORWAY;\n  let defaultMapping: string[] = PLOTLY_FLUENTVIZ_COLORWAY_MAPPING;\n  if (isDonut) {\n    defaultColorway = templateColorway === 'plotly' ? DEFAULT_PLOTLY_COLORWAY : DEFAULT_D3_COLORWAY;\n    defaultMapping = templateColorway === 'plotly' ? PLOTLY_FLUENTVIZ_COLORWAY_MAPPING : D3_FLUENTVIZ_COLORWAY_MAPPING;\n  }\n  const idx = defaultColorway.indexOf(hexColor.toLowerCase());\n  if (idx !== -1) {\n    return getColorFromToken(defaultMapping[idx], !!isDarkTheme);\n  }\n  return hexColor;\n}\n\nexport const getColor = (\n  legendLabel: string,\n  colorMap: React.RefObject<Map<string, string>>,\n  templateColorway: PlotlyColorway,\n  isDarkTheme?: boolean,\n  isDonut?: boolean,\n): string => {\n  if (!colorMap.current!.has(legendLabel)) {\n    let nextColor: string;\n    const defaultColorMapping = isDonut\n      ? templateColorway === 'plotly'\n        ? PLOTLY_FLUENTVIZ_COLORWAY_MAPPING\n        : D3_FLUENTVIZ_COLORWAY_MAPPING\n      : PLOTLY_FLUENTVIZ_COLORWAY_MAPPING;\n    if (colorMap.current!.size < defaultColorMapping.length) {\n      // Get first 10 colors from plotly-fluentviz colorway mapping\n      nextColor = getColorFromToken(defaultColorMapping[colorMap.current!.size], isDarkTheme);\n    } else {\n      nextColor = getNextColor(colorMap.current!.size, 0, isDarkTheme);\n    }\n    colorMap.current!.set(legendLabel, nextColor);\n    return nextColor;\n  }\n\n  return colorMap.current!.get(legendLabel) as string;\n};\n\nexport const getSchemaColors = (\n  colorway: string[] | undefined,\n  colors: PieColors | Color | Color[] | string | null | undefined,\n  colorMap: React.RefObject<Map<string, string>>,\n  isDarkTheme?: boolean,\n  isDonut?: boolean,\n): string[] | string | undefined => {\n  const hexColors: string[] = [];\n  if (!colors) {\n    return undefined;\n  }\n  const templateColorway = getPlotlyColorway(colorway, isDonut);\n  if (isArrayOrTypedArray(colors)) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (colors as any[]).forEach((element, index) => {\n      const colorString = element?.toString().trim();\n      const nextFluentColor = getColor(`Label_${index}`, colorMap, templateColorway, isDarkTheme, isDonut);\n      if (colorString) {\n        const parsedColor = d3Color(colorString);\n        hexColors.push(\n          parsedColor ? tryMapFluentDataViz(parsedColor.formatHex(), templateColorway, isDarkTheme) : nextFluentColor,\n        );\n      } else {\n        hexColors.push(nextFluentColor);\n      }\n    });\n  } else if (typeof colors === 'string') {\n    const parsedColor = d3Color(colors);\n    return parsedColor\n      ? tryMapFluentDataViz(parsedColor.formatHex(), templateColorway, isDarkTheme)\n      : getColor('Label_0', colorMap, templateColorway, isDarkTheme, isDonut);\n  }\n  return hexColors;\n};\n\nexport const extractColor = (\n  colorway: string[] | undefined,\n  colorwayType: ColorwayType,\n  colors: PieColors | Color | Color[] | string | null | undefined,\n  colorMap: React.RefObject<Map<string, string>>,\n  isDarkTheme?: boolean,\n  isDonut?: boolean,\n): string | string[] | undefined => {\n  return colorwayType === 'default' && colors\n    ? getSchemaColors(colorway, colors, colorMap, isDarkTheme, isDonut)\n    : undefined;\n};\n\nexport const resolveColor = (\n  extractedColors: string[] | string | null | undefined,\n  index: number,\n  legend: string,\n  colorMap: React.RefObject<Map<string, string>>,\n  colorway: string[] | undefined,\n  isDarkTheme?: boolean,\n  isDonut?: boolean,\n): string => {\n  let color = '';\n  const templateColorway = getPlotlyColorway(colorway, isDonut);\n  if (extractedColors && isArrayOrTypedArray(extractedColors) && extractedColors.length > 0) {\n    color = extractedColors[index % extractedColors.length];\n  } else if (typeof extractedColors === 'string') {\n    color = extractedColors;\n  } else {\n    color = getColor(legend, colorMap, templateColorway, isDarkTheme, isDonut);\n  }\n  return color;\n};\n\nexport const getOpacity = (series: Partial<PlotData>, index: number): number => {\n  return series.marker?.opacity\n    ? isArrayOrTypedArray(series.marker?.opacity)\n      ? (series.marker?.opacity as number[])[index % (series.marker?.opacity as number[]).length]\n      : (series.marker?.opacity as number)\n    : series.opacity ?? 1;\n};\n\nexport const createColorScale = (\n  layout: Partial<Layout> | undefined,\n  series: Partial<PlotData>,\n  currentColorScale: ((value: number) => string) | undefined,\n): ((value: number) => string) | undefined => {\n  if (\n    layout?.coloraxis?.colorscale?.length &&\n    isArrayOrTypedArray(series.marker?.color) &&\n    (series.marker?.color as Color[]).length > 0 &&\n    typeof (series.marker?.color as Color[])?.[0] === 'number'\n  ) {\n    const scale = layout?.coloraxis?.colorscale as Array<[number, string]>;\n    const colorValues = series.marker?.color as number[];\n    const [dMin, dMax] = [\n      layout?.coloraxis?.cmin ?? Math.min(...colorValues),\n      layout?.coloraxis?.cmax ?? Math.max(...colorValues),\n    ];\n\n    // Normalize colorscale domain to actual data domain\n    const scaleDomain = scale.map(([pos]) => dMin + pos * (dMax - dMin));\n    const scaleColors = scale.map(item => item[1]);\n\n    return d3ScaleLinear<string>().domain(scaleDomain).range(scaleColors);\n  }\n  return currentColorScale;\n};\n"],"names":["color","d3Color","isArrayOrTypedArray","areArraysEqual","DataVizPalette","getColorFromToken","getNextColor","scaleLinear","d3ScaleLinear","DEFAULT_PLOTLY_COLORWAY","DEFAULT_D3_COLORWAY","PLOTLY_FLUENTVIZ_COLORWAY_MAPPING","color1","warning","color8","color4","color7","color6","color2","color5","color9","color10","D3_FLUENTVIZ_COLORWAY_MAPPING","color26","error","color17","color22","disabled","color3","getPlotlyColorway","colorway","isDonut","lower","map","c","toLowerCase","tryMapFluentDataViz","hexColor","templateColorway","isDarkTheme","defaultColorway","defaultMapping","idx","indexOf","getColor","legendLabel","colorMap","current","has","nextColor","defaultColorMapping","size","length","set","get","getSchemaColors","colors","hexColors","undefined","forEach","element","index","colorString","toString","trim","nextFluentColor","parsedColor","push","formatHex","extractColor","colorwayType","resolveColor","extractedColors","legend","getOpacity","series","marker","opacity","createColorScale","layout","currentColorScale","coloraxis","colorscale","scale","colorValues","dMin","dMax","cmin","Math","min","cmax","max","scaleDomain","pos","scaleColors","item","domain","range"],"mappings":"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"}
+{"version":3,"sources":["../src/components/DeclarativeChart/PlotlyColorAdapter.ts"],"sourcesContent":["import type * as React from 'react';\nimport { color as d3Color } from 'd3-color';\nimport type { PieColors, Color, PlotData, Layout } from '@fluentui/chart-utilities';\nimport { isArrayOrTypedArray } from '@fluentui/chart-utilities';\nimport { areArraysEqual } from '../../utilities/utilities';\nimport { DataVizPalette, getColorFromToken, getNextColor } from '../../utilities/colors';\nimport { scaleLinear as d3ScaleLinear } from 'd3-scale';\n\ntype PlotlyColorway = 'plotly' | 'd3' | 'others';\n\n// The color sequences in plotly express are defined here:\n// https://plotly.com/python/discrete-color/#:~:text=Join%20now.-,Color%20Sequences%20in%20Plotly%20Express,-By%20default%2C%20Plotly\nexport type ColorwayType = 'default' | 'builtin' | 'others' | undefined;\n\nconst DEFAULT_PLOTLY_COLORWAY = [\n  '#636efa', //1\n  '#ef553b', //2\n  '#00cc96', //3\n  '#ab63fa', //4\n  '#ffa15a', //5\n  '#19d3f3', //6\n  '#ff6692', //7\n  '#b6e880', //8\n  '#ff97ff', //9\n  '#fecb52', //10\n];\n\n// Default D3 qualitative colorway (Category10), matching Plotly Express px.colors.qualitative.D3\n// Source: https://plotly.com/python/discrete-color/#:~:text=Join%20now.-,Color%20Sequences%20in%20Plotly%20Express,-By%20default%2C%20Plotly\nexport const DEFAULT_D3_COLORWAY = [\n  '#1f77b4', //1\n  '#ff7f0e', //2\n  '#2ca02c', //3\n  '#d62728', //4\n  '#9467bd', //5\n  '#8c564b', //6\n  '#e377c2', //7\n  '#7f7f7f', //8\n  '#bcbd22', //9\n  '#17becf', //10\n];\n\nconst PLOTLY_FLUENTVIZ_COLORWAY_MAPPING = [\n  DataVizPalette.color1, //1\n  DataVizPalette.warning, //2\n  DataVizPalette.color8, //3\n  DataVizPalette.color4, //4\n  DataVizPalette.color7, //5\n  DataVizPalette.color6, //6\n  DataVizPalette.color2, //7\n  DataVizPalette.color5, //8\n  DataVizPalette.color9, //9\n  DataVizPalette.color10, //10\n];\n\n// Mapping from D3 Category10 order to Fluent DataViz tokens (light/dark handled via getColorFromToken)\n// D3: [blue, orange, green, red, purple, brown, pink, gray, olive, cyan]\nexport const D3_FLUENTVIZ_COLORWAY_MAPPING: string[] = [\n  DataVizPalette.color26, // blue -> lightBlue.shade10\n  DataVizPalette.warning, // orange -> semantic warning\n  DataVizPalette.color5, // green -> lightGreen.primary\n  DataVizPalette.error, // red -> semantic error\n  DataVizPalette.color4, // purple -> orchid.tint10\n  DataVizPalette.color17, // brown -> pumpkin.shade20\n  DataVizPalette.color22, // pink -> hotPink.tint20\n  DataVizPalette.disabled, // gray -> semantic disabled\n  DataVizPalette.color10, // olive/yellow-green -> gold.shade10\n  DataVizPalette.color3, // cyan/teal -> teal.tint20\n];\n\nfunction getPlotlyColorway(colorway: string[] | undefined, isDonut: boolean = false): PlotlyColorway {\n  if (!colorway || !isArrayOrTypedArray(colorway)) {\n    return 'others';\n  }\n  const lower = colorway.map(c => c.toLowerCase());\n  if (isDonut && areArraysEqual(lower, D3_FLUENTVIZ_COLORWAY_MAPPING)) {\n    return 'd3';\n  }\n  if (areArraysEqual(lower, DEFAULT_PLOTLY_COLORWAY)) {\n    return 'plotly';\n  }\n  return 'others';\n}\n\nfunction tryMapFluentDataViz(\n  hexColor: string,\n  templateColorway: PlotlyColorway,\n  isDarkTheme?: boolean,\n  isDonut?: boolean,\n): string {\n  if (templateColorway !== 'plotly') {\n    return hexColor;\n  }\n  let defaultColorway: string[] = DEFAULT_PLOTLY_COLORWAY;\n  let defaultMapping: string[] = PLOTLY_FLUENTVIZ_COLORWAY_MAPPING;\n  if (isDonut) {\n    defaultColorway = templateColorway === 'plotly' ? DEFAULT_PLOTLY_COLORWAY : DEFAULT_D3_COLORWAY;\n    defaultMapping = templateColorway === 'plotly' ? PLOTLY_FLUENTVIZ_COLORWAY_MAPPING : D3_FLUENTVIZ_COLORWAY_MAPPING;\n  }\n  const idx = defaultColorway.indexOf(hexColor.toLowerCase());\n  if (idx !== -1) {\n    return getColorFromToken(defaultMapping[idx], !!isDarkTheme);\n  }\n  return hexColor;\n}\n\nexport const getColor = (\n  legendLabel: string,\n  colorMap: React.RefObject<Map<string, string>>,\n  templateColorway: PlotlyColorway,\n  isDarkTheme?: boolean,\n  isDonut?: boolean,\n): string => {\n  if (!colorMap.current!.has(legendLabel)) {\n    let nextColor: string;\n    const defaultColorMapping = isDonut\n      ? templateColorway === 'plotly'\n        ? PLOTLY_FLUENTVIZ_COLORWAY_MAPPING\n        : D3_FLUENTVIZ_COLORWAY_MAPPING\n      : PLOTLY_FLUENTVIZ_COLORWAY_MAPPING;\n    if (colorMap.current!.size < defaultColorMapping.length) {\n      // Get first 10 colors from plotly-fluentviz colorway mapping\n      nextColor = getColorFromToken(defaultColorMapping[colorMap.current!.size], isDarkTheme);\n    } else {\n      nextColor = getNextColor(colorMap.current!.size, 0, isDarkTheme);\n    }\n    colorMap.current!.set(legendLabel, nextColor);\n    return nextColor;\n  }\n\n  return colorMap.current!.get(legendLabel) as string;\n};\n\nexport const getSchemaColors = (\n  colorway: string[] | undefined,\n  colors: PieColors | Color | Color[] | string | null | undefined,\n  colorMap: React.RefObject<Map<string, string>>,\n  isDarkTheme?: boolean,\n  isDonut?: boolean,\n): string[] | string | undefined => {\n  const hexColors: string[] = [];\n  if (!colors) {\n    return undefined;\n  }\n  const templateColorway = getPlotlyColorway(colorway, isDonut);\n  if (isArrayOrTypedArray(colors)) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (colors as any[]).forEach((element, index) => {\n      const colorString = element?.toString().trim();\n      const nextFluentColor = getColor(`Label_${index}`, colorMap, templateColorway, isDarkTheme, isDonut);\n      if (colorString) {\n        const parsedColor = d3Color(colorString);\n        hexColors.push(\n          parsedColor ? tryMapFluentDataViz(parsedColor.formatHex(), templateColorway, isDarkTheme) : nextFluentColor,\n        );\n      } else {\n        hexColors.push(nextFluentColor);\n      }\n    });\n  } else if (typeof colors === 'string') {\n    const parsedColor = d3Color(colors);\n    return parsedColor\n      ? tryMapFluentDataViz(parsedColor.formatHex(), templateColorway, isDarkTheme)\n      : getColor('Label_0', colorMap, templateColorway, isDarkTheme, isDonut);\n  }\n  return hexColors;\n};\n\nexport const extractColor = (\n  colorway: string[] | undefined,\n  colorwayType: ColorwayType,\n  colors: PieColors | Color | Color[] | string | null | undefined,\n  colorMap: React.RefObject<Map<string, string>>,\n  isDarkTheme?: boolean,\n  isDonut?: boolean,\n): string | string[] | undefined => {\n  return colorwayType === 'default' && colors\n    ? getSchemaColors(colorway, colors, colorMap, isDarkTheme, isDonut)\n    : undefined;\n};\n\nexport const resolveColor = (\n  extractedColors: string[] | string | null | undefined,\n  index: number,\n  legend: string,\n  colorMap: React.RefObject<Map<string, string>>,\n  colorway: string[] | undefined,\n  isDarkTheme?: boolean,\n  isDonut?: boolean,\n): string => {\n  let color = '';\n  const templateColorway = getPlotlyColorway(colorway, isDonut);\n  if (extractedColors && isArrayOrTypedArray(extractedColors) && extractedColors.length > 0) {\n    color = extractedColors[index % extractedColors.length];\n  } else if (typeof extractedColors === 'string') {\n    color = extractedColors;\n  } else {\n    color = getColor(legend, colorMap, templateColorway, isDarkTheme, isDonut);\n  }\n  return color;\n};\n\nexport const getOpacity = (series: Partial<PlotData>, index: number): number => {\n  return series.marker?.opacity\n    ? isArrayOrTypedArray(series.marker?.opacity)\n      ? (series.marker?.opacity as number[])[index % (series.marker?.opacity as number[]).length]\n      : (series.marker?.opacity as number)\n    : series.opacity ?? 1;\n};\n\nexport const createColorScale = (\n  layout: Partial<Layout> | undefined,\n  series: Partial<PlotData>,\n  currentColorScale: ((value: number) => string) | undefined,\n): ((value: number) => string) | undefined => {\n  if (\n    layout?.coloraxis?.colorscale?.length &&\n    isArrayOrTypedArray(series.marker?.color) &&\n    (series.marker?.color as Color[]).length > 0 &&\n    typeof (series.marker?.color as Color[])?.[0] === 'number'\n  ) {\n    const scale = layout?.coloraxis?.colorscale as Array<[number, string]>;\n    const colorValues = series.marker?.color as number[];\n    const [dMin, dMax] = [\n      layout?.coloraxis?.cmin ?? Math.min(...colorValues),\n      layout?.coloraxis?.cmax ?? Math.max(...colorValues),\n    ];\n\n    // Normalize colorscale domain to actual data domain\n    const scaleDomain = scale.map(([pos]) => dMin + pos * (dMax - dMin));\n    const scaleColors = scale.map(item => item[1]);\n\n    return d3ScaleLinear<string>().domain(scaleDomain).range(scaleColors);\n  }\n  return currentColorScale;\n};\n"],"names":["color","d3Color","isArrayOrTypedArray","areArraysEqual","DataVizPalette","getColorFromToken","getNextColor","scaleLinear","d3ScaleLinear","DEFAULT_PLOTLY_COLORWAY","DEFAULT_D3_COLORWAY","PLOTLY_FLUENTVIZ_COLORWAY_MAPPING","color1","warning","color8","color4","color7","color6","color2","color5","color9","color10","D3_FLUENTVIZ_COLORWAY_MAPPING","color26","error","color17","color22","disabled","color3","getPlotlyColorway","colorway","isDonut","lower","map","c","toLowerCase","tryMapFluentDataViz","hexColor","templateColorway","isDarkTheme","defaultColorway","defaultMapping","idx","indexOf","getColor","legendLabel","colorMap","current","has","nextColor","defaultColorMapping","size","length","set","get","getSchemaColors","colors","hexColors","undefined","forEach","element","index","colorString","toString","trim","nextFluentColor","parsedColor","push","formatHex","extractColor","colorwayType","resolveColor","extractedColors","legend","getOpacity","series","marker","opacity","createColorScale","layout","currentColorScale","coloraxis","colorscale","scale","colorValues","dMin","dMax","cmin","Math","min","cmax","max","scaleDomain","pos","scaleColors","item","domain","range"],"mappings":"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"}

package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js

@@ -1,13 +1,13 @@
 'use client';
-import { bin as d3Bin, extent as d3Extent, sum as d3Sum, min as d3Min, max as d3Max, range as d3Range } from 'd3-array';
-import { scaleLinear as d3ScaleLinear } from 'd3-scale';
-import { format as d3Format } from 'd3-format';
-import { DataVizPalette, getColorFromToken } from '../../utilities/colors';
-import { DEFAULT_DATE_STRING, findNumericMinMaxOfY, formatScientificLimitWidth, MIN_DONUT_RADIUS, calculatePrecision, precisionRound } from '../../utilities/utilities';
-import { isArrayOrTypedArray, isDate, isDateArray, isNumberArray, isStringArray, isYearArray, isInvalidValue, formatToLocaleString, isNumber, isObjectArray, getAxisIds, getAxisKey, isScatterAreaChart } from '@fluentui/chart-utilities';
-import { curveCardinal as d3CurveCardinal } from 'd3-shape';
-import { getOpacity, extractColor, resolveColor, createColorScale } from './PlotlyColorAdapter';
-import { rgb } from 'd3-color';
+import { bin as d3Bin, extent as d3Extent, sum as d3Sum, min as d3Min, max as d3Max, range as d3Range } from "d3-array";
+import { scaleLinear as d3ScaleLinear } from "d3-scale";
+import { format as d3Format } from "d3-format";
+import { DataVizPalette, getColorFromToken } from "../../utilities/colors.js";
+import { DEFAULT_DATE_STRING, findNumericMinMaxOfY, formatScientificLimitWidth, MIN_DONUT_RADIUS, calculatePrecision, precisionRound } from "../../utilities/utilities.js";
+import { isArrayOrTypedArray, isDate, isDateArray, isNumberArray, isStringArray, isYearArray, isInvalidValue, formatToLocaleString, isNumber, isObjectArray, getAxisIds, getAxisKey, isScatterAreaChart } from "@fluentui/chart-utilities";
+import { curveCardinal as d3CurveCardinal } from "d3-shape";
+import { getOpacity, extractColor, resolveColor, createColorScale } from "./PlotlyColorAdapter.js";
+import { rgb } from "d3-color";
 export const NON_PLOT_KEY_PREFIX = 'nonplot_';
 export const SINGLE_REPEAT = 'repeat(1, 1fr)';
 const dashOptions = {