@fluentui/react-charts 1.1.0 → 9.0.0

package/lib-commonjs/components/CommonComponents/useCartesianChartStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useCartesianChartStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { HighContrastSelectorBlack, HighContrastSelector } from '../../utilities/index';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useRtl } from '../../utilities/utilities';\n/**\n * @internal\n */ export const cartesianchartClassNames = {\n    root: 'fui-cart__root',\n    chartWrapper: 'fui-cart__chartWrapper',\n    axisTitle: 'fui-cart__axisTitle',\n    xAxis: 'fui-cart__xAxis',\n    yAxis: 'fui-cart__yAxis',\n    opacityChangeOnHover: 'fui-cart__opacityChangeOnHover',\n    legendContainer: 'fui-cart__legendContainer',\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    hover: 'fui-cart__hover',\n    calloutInfoContainer: 'fui-cart__calloutInfoContainer',\n    tooltip: 'fui-cart__tooltip',\n    chartTitle: 'fui-cart__chartTitle'\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    root: {\n        ...typographyStyles.body1,\n        display: 'flex',\n        width: '100%',\n        height: '100%',\n        flexDirection: 'column',\n        overflow: 'hidden'\n    },\n    chartWrapper: {\n        overflow: 'auto'\n    },\n    axisTitle: {\n        ...typographyStyles.caption2Strong,\n        fontStyle: 'normal',\n        textAlign: 'center',\n        color: tokens.colorNeutralForeground2,\n        fill: tokens.colorNeutralForeground1\n    },\n    xAxis: {\n        '& text': {\n            fill: tokens.colorNeutralForeground1,\n            ...typographyStyles.caption2Strong,\n            [HighContrastSelectorBlack]: {\n                fill: 'rgb(179, 179, 179)',\n                forcedColorAdjust: 'none'\n            }\n        },\n        '& line': {\n            opacity: 0.2,\n            stroke: tokens.colorNeutralForeground1,\n            width: '1px',\n            [HighContrastSelectorBlack]: {\n                opacity: 0.1,\n                stroke: 'rgb(179, 179, 179)',\n                forcedColorAdjust: 'none'\n            }\n        },\n        '& path': {\n            display: 'none'\n        }\n    },\n    yAxis: {\n        '& text': {\n            ...typographyStyles.caption2Strong,\n            fill: tokens.colorNeutralForeground1,\n            [HighContrastSelectorBlack]: {\n                fill: 'rgb(179, 179, 179)',\n                forcedColorAdjust: 'none'\n            }\n        },\n        '& line': {\n            opacity: 0.2,\n            stroke: tokens.colorNeutralForeground1,\n            [HighContrastSelectorBlack]: {\n                opacity: 0.1,\n                stroke: 'rgb(179, 179, 179)',\n                forcedColorAdjust: 'none'\n            }\n        },\n        '& path': {\n            display: 'none'\n        }\n    },\n    rtl: {\n        '& g': {\n            textAnchor: 'end'\n        }\n    },\n    ltr: {},\n    opacityChangeOnHover: {\n        opacity: '0.1',\n        cursor: 'default'\n    },\n    legendContainer: {\n        marginTop: tokens.spacingVerticalS,\n        marginLeft: tokens.spacingHorizontalXL\n    },\n    calloutContentRoot: {\n        display: 'grid',\n        overflow: 'hidden',\n        ...shorthands.padding('11px 16px 10px 16px'),\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        ...typographyStyles.body2,\n        marginTop: '13px',\n        color: tokens.colorNeutralForeground2\n    },\n    calloutBlockContainertoDrawShapefalse: {\n        [HighContrastSelector]: {\n            forcedColorAdjust: 'none'\n        },\n        ...shorthands.borderLeft('4px solid'),\n        paddingLeft: tokens.spacingHorizontalS\n    },\n    calloutBlockContainertoDrawShapetrue: {\n        display: 'flex'\n    },\n    shapeStyles: {\n        marginRight: tokens.spacingHorizontalS\n    },\n    calloutLegendText: {\n        ...typographyStyles.caption1,\n        color: tokens.colorNeutralForeground2,\n        [HighContrastSelectorBlack]: {\n            color: 'rgb(255, 255, 255)',\n            forcedColorAdjust: 'none'\n        }\n    },\n    calloutContentY: {\n        ...typographyStyles.subtitle2Stronger,\n        [HighContrastSelectorBlack]: {\n            color: 'rgb(255, 255, 255)',\n            forcedColorAdjust: 'none'\n        }\n    },\n    descriptionMessage: {\n        ...typographyStyles.caption1,\n        color: tokens.colorNeutralForeground2,\n        marginTop: tokens.spacingVerticalMNudge,\n        paddingTop: tokens.spacingVerticalMNudge,\n        ...shorthands.borderTop(`1px solid ${tokens.colorNeutralStroke2}`)\n    }\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */ export const useCartesianChartStyles = (props)=>{\n    const _useRtl = useRtl();\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(cartesianchartClassNames.root, baseStyles.root /*props.styles?.root*/ ),\n        chartWrapper: mergeClasses(cartesianchartClassNames.chartWrapper, baseStyles.chartWrapper /*props.styles?.chartWrapper*/ ),\n        axisTitle: mergeClasses(cartesianchartClassNames.axisTitle, baseStyles.axisTitle /*props.styles?.axisTitle*/ ),\n        xAxis: mergeClasses(cartesianchartClassNames.xAxis, baseStyles.xAxis /*props.styles?.xAxis*/ ),\n        yAxis: mergeClasses(cartesianchartClassNames.yAxis, baseStyles.yAxis, _useRtl ? baseStyles.rtl : baseStyles.ltr /*props.styles?.yAxis*/ ),\n        opacityChangeOnHover: mergeClasses(cartesianchartClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover /*props.styles?.opacityChangeOnHover*/ ),\n        legendContainer: mergeClasses(cartesianchartClassNames.legendContainer, baseStyles.legendContainer /*props.styles?.legendContainer*/ ),\n        calloutContentRoot: mergeClasses(cartesianchartClassNames.calloutContentRoot, baseStyles.calloutContentRoot /*props.styles?. calloutContentRoot*/ ),\n        calloutDateTimeContainer: mergeClasses(cartesianchartClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer /*props.styles?.calloutDateTimeContainer*/ ),\n        calloutContentX: mergeClasses(cartesianchartClassNames.calloutContentX, baseStyles.calloutContentX /*props.styles?.calloutContentX*/ ),\n        calloutBlockContainer: mergeClasses(cartesianchartClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer /*props.styles?.calloutBlockContainer*/ ),\n        calloutBlockContainertoDrawShapefalse: mergeClasses(cartesianchartClassNames.calloutBlockContainertoDrawShapefalse, baseStyles.calloutBlockContainertoDrawShapefalse /*props.styles?.calloutBlockContainertoDrawShapefalse*/ ),\n        calloutBlockContainertoDrawShapetrue: mergeClasses(cartesianchartClassNames.calloutBlockContainertoDrawShapetrue, baseStyles.calloutBlockContainertoDrawShapetrue /*props.styles?.calloutBlockContainertoDrawShapetrue*/ ),\n        shapeStyles: mergeClasses(cartesianchartClassNames.shapeStyles, baseStyles.shapeStyles /*props.styles?.shapeStyles*/ ),\n        calloutlegendText: mergeClasses(cartesianchartClassNames.calloutlegendText, baseStyles.calloutLegendText /*props.styles?.calloutlegendText*/ ),\n        calloutContentY: mergeClasses(cartesianchartClassNames.calloutContentY, baseStyles.calloutContentY /*props.styles?.calloutContentY*/ ),\n        descriptionMessage: mergeClasses(cartesianchartClassNames.descriptionMessage, baseStyles.descriptionMessage /*props.styles?. descriptionMessage*/ )\n    };\n};\n"],"names":["cartesianchartClassNames","useCartesianChartStyles","root","chartWrapper","axisTitle","xAxis","yAxis","opacityChangeOnHover","legendContainer","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","calloutBlockContainertoDrawShapefalse","calloutBlockContainertoDrawShapetrue","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","hover","calloutInfoContainer","tooltip","chartTitle","useStyles","__styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","a9b677","Bqenvij","Beiy3e4","B68tc82","Bmxbyg5","Bpg54ce","B80ckks","fsow6f","sj55zd","Bkfmm31","Bifops1","lr70ht","D01gh","vxuu72","lclgl4","Dzfv0s","s17mou","jxu3ei","B3i31d3","Bhcy8il","t7r2jy","Bpf2t2a","J19x1g","se2xxg","rtl","Bkw34lo","ltr","abs64n","Bceei9c","B6of3ja","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","De3pzq","jy2i9i","Brf1p80","B93v9kj","ibv6hh","t21cq0","calloutLegendText","Bd6j3yi","hbub2c","B4j52fo","d","p","m","props","_useRtl","useRtl","baseStyles","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -0,0 +1,261 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    popoverClassNames: function() {
+        return popoverClassNames;
+    },
+    usePopoverStyles_unstable: function() {
+        return usePopoverStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const popoverClassNames = {
+    calloutContentRoot: 'fui-cart__calloutContentRoot',
+    calloutDateTimeContainer: 'fui-cart__calloutDateTimeContainer',
+    calloutContentX: 'fui-cart__calloutContentX',
+    calloutBlockContainer: 'fui-cart__calloutBlockContainer',
+    calloutBlockContainertoDrawShapefalse: 'fui-cart__calloutBlockContainertoDrawShapefalse',
+    calloutBlockContainertoDrawShapetrue: 'fui-cart__calloutBlockContainertoDrawShapetrue',
+    shapeStyles: 'fui-cart__shapeStyles',
+    calloutlegendText: 'fui-cart__calloutlegendText',
+    calloutContentY: 'fui-cart__calloutContentY',
+    descriptionMessage: 'fui-cart__descriptionMessage',
+    ratio: 'fui-cart__ratio',
+    numerator: 'fui-cart__numerator',
+    denominator: 'fui-cart__denominator',
+    calloutInfoContainer: 'fui-cart__calloutInfoContainer',
+    calloutContainer: 'fui-cart__calloutContainer'
+};
+/**
+ * Base Styles
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    calloutContentRoot: {
+        mc9l5x: "f1bxpd7w",
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1a3p1vp",
+        z8tnut: "f1dvrhzg",
+        z189sj: [
+            "fjnv7mu",
+            "fae8789"
+        ],
+        Byoj8tv: "f1av7aef",
+        uwmqm3: [
+            "fae8789",
+            "fjnv7mu"
+        ],
+        De3pzq: "fxugw4r",
+        jy2i9i: "fronft5"
+    },
+    calloutDateTimeContainer: {
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1063pyq",
+        Brf1p80: "f1869bpl"
+    },
+    calloutContentX: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm",
+        abs64n: "fp25eh",
+        sj55zd: "fkfq4zb"
+    },
+    calloutBlockContainer: {
+        sj55zd: "fkfq4zb"
+    },
+    calloutBlockContainerCartesian: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm",
+        B6of3ja: "f7jvbu2"
+    },
+    calloutBlockContainerNonCartesian: {
+        Be2twd7: "fojgt09",
+        Bg96gwp: "f82itaf",
+        bo4z9n: "fg7a56h"
+    },
+    calloutBlockContainertoDrawShapefalse: {
+        bo4z9n: "fg7a56h",
+        uwmqm3: [
+            "f1f5gg8d",
+            "f1vdfbxk"
+        ]
+    },
+    calloutBlockContainertoDrawShapetrue: {
+        mc9l5x: "fwk3njj"
+    },
+    shapeStyles: {
+        t21cq0: [
+            "f1vcna3q",
+            "foyynoy"
+        ]
+    },
+    calloutLegendText: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm",
+        sj55zd: "fkfq4zb",
+        B1cpy0k: "fig6os7"
+    },
+    calloutContentY: {
+        B1cpy0k: "fig6os7"
+    },
+    calloutContentYCartesian: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fod5ikn",
+        Bhrd7zp: "flh3ekv",
+        Bg96gwp: "faaz57k"
+    },
+    calloutContentYNonCartesian: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fojgt09",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "fcen8rp"
+    },
+    descriptionMessage: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm",
+        sj55zd: "fkfq4zb",
+        B6of3ja: "f1gaxbfw",
+        z8tnut: "f1ngh7ph",
+        B4j52fo: "f1pgliyk"
+    },
+    ratio: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "f13mqy1h",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fcpl73t",
+        Frg6f3: [
+            "f1t5qyk5",
+            "f1ikr372"
+        ],
+        sj55zd: "f19n0e5"
+    },
+    numerator: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "f13mqy1h",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "fcpl73t"
+    },
+    denominator: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "f13mqy1h",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "fcpl73t"
+    },
+    calloutInfoContainer: {
+        uwmqm3: [
+            "f1f5gg8d",
+            "f1vdfbxk"
+        ]
+    },
+    calloutContainer: {
+        a6j6cd: "f1j86lqe",
+        B93v9kj: "f15mrrko"
+    }
+}, {
+    d: [
+        ".f1bxpd7w{display:contents;}",
+        [
+            ".f1a3p1vp{overflow:hidden;}",
+            {
+                p: -1
+            }
+        ],
+        ".f1dvrhzg{padding-top:11px 16px 10px 16px;}",
+        ".fjnv7mu{padding-right:11px 16px 10px 16px;}",
+        ".fae8789{padding-left:11px 16px 10px 16px;}",
+        ".f1av7aef{padding-bottom:11px 16px 10px 16px;}",
+        ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
+        ".fronft5{background-blend-mode:normal,luminosity;}",
+        ".f22iagw{display:flex;}",
+        ".f1063pyq{flex-direction:row;}",
+        ".f1869bpl{justify-content:space-between;}",
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".fwrc4pm{line-height:var(--lineHeightBase200);}",
+        ".fp25eh{opacity:0.8;}",
+        ".fkfq4zb{color:var(--colorNeutralForeground2);}",
+        ".f7jvbu2{margin-top:13px;}",
+        ".fojgt09{font-size:var(--fontSizeHero700);}",
+        ".f82itaf{line-height:22px;}",
+        ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
+        ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
+        ".fwk3njj{display:inline-grid;}",
+        ".f1vcna3q{margin-right:var(--spacingHorizontalS);}",
+        ".foyynoy{margin-left:var(--spacingHorizontalS);}",
+        ".fod5ikn{font-size:var(--fontSizeBase400);}",
+        ".flh3ekv{font-weight:var(--fontWeightBold);}",
+        ".faaz57k{line-height:var(--lineHeightBase400);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".fcen8rp{line-height:var(--lineHeightHero700);}",
+        ".f1gaxbfw{margin-top:var(--spacingVerticalMNudge);}",
+        ".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}",
+        ".f1pgliyk{border-top-width:1px solid var(--colorNeutralStroke2);}",
+        ".f13mqy1h{font-size:var(--fontSizeBase100);}",
+        ".fcpl73t{line-height:var(--lineHeightBase100);}",
+        ".f1t5qyk5{margin-left:var(--spacingHorizontalSNudge);}",
+        ".f1ikr372{margin-right:var(--spacingHorizontalSNudge);}",
+        ".f19n0e5{color:var(--colorNeutralForeground1);}"
+    ],
+    m: [
+        [
+            "@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.fg7a56h selectors{forced-color-adjust:none;}}",
+            {
+                m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
+            }
+        ],
+        [
+            "@media screen and (-ms-high-contrast: white-on-black),screen and (forced-colors: active) and (prefers-color-scheme: dark){.fig6os7 selectors{color:rgb(255, 255, 255);}}",
+            {
+                m: "screen and (-ms-high-contrast: white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark)"
+            }
+        ],
+        [
+            "@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.f1j86lqe{fill:WindowText;}}",
+            {
+                m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
+            }
+        ],
+        [
+            "@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.f15mrrko{forced-color-adjust:none;}}",
+            {
+                m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
+            }
+        ]
+    ]
+});
+const usePopoverStyles_unstable = (props)=>{
+    const { isCartesian } = props;
+    const baseStyles = useStyles();
+    return {
+        calloutContentRoot: (0, _react.mergeClasses)(popoverClassNames.calloutContentRoot, baseStyles.calloutContentRoot /*props.styles?. calloutContentRoot*/ ),
+        calloutDateTimeContainer: (0, _react.mergeClasses)(popoverClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer /*props.styles?.calloutDateTimeContainer*/ ),
+        calloutContentX: (0, _react.mergeClasses)(popoverClassNames.calloutContentX, baseStyles.calloutContentX /*props.styles?.calloutContentX*/ ),
+        calloutBlockContainer: (0, _react.mergeClasses)(popoverClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer /*props.styles?.calloutBlockContainerCartesian*/ , isCartesian ? baseStyles.calloutBlockContainerCartesian : baseStyles.calloutBlockContainerNonCartesian),
+        calloutBlockContainertoDrawShapefalse: (0, _react.mergeClasses)(popoverClassNames.calloutBlockContainertoDrawShapefalse, baseStyles.calloutBlockContainertoDrawShapefalse /*props.styles?.calloutBlockContainertoDrawShapefalse*/ ),
+        calloutBlockContainertoDrawShapetrue: (0, _react.mergeClasses)(popoverClassNames.calloutBlockContainertoDrawShapetrue, baseStyles.calloutBlockContainertoDrawShapetrue /*props.styles?.calloutBlockContainertoDrawShapetrue*/ ),
+        shapeStyles: (0, _react.mergeClasses)(popoverClassNames.shapeStyles, baseStyles.shapeStyles /*props.styles?.shapeStyles*/ ),
+        calloutlegendText: (0, _react.mergeClasses)(popoverClassNames.calloutlegendText, baseStyles.calloutLegendText /*props.styles?.calloutlegendText*/ ),
+        calloutContentY: (0, _react.mergeClasses)(popoverClassNames.calloutContentY, baseStyles.calloutContentY /*props.styles?.calloutContentYNonCartesian*/ , isCartesian ? baseStyles.calloutContentYCartesian : baseStyles.calloutContentYNonCartesian),
+        descriptionMessage: (0, _react.mergeClasses)(popoverClassNames.descriptionMessage, baseStyles.descriptionMessage /*props.styles?. descriptionMessage*/ ),
+        ratio: (0, _react.mergeClasses)(popoverClassNames.ratio, baseStyles.ratio /*props.styles?.ratio*/ ),
+        numerator: (0, _react.mergeClasses)(popoverClassNames.numerator, baseStyles.numerator /*props.styles?.numerator*/ ),
+        denominator: (0, _react.mergeClasses)(popoverClassNames.denominator, baseStyles.denominator /*props.styles?.denominator*/ ),
+        calloutInfoContainer: (0, _react.mergeClasses)(popoverClassNames.calloutInfoContainer, baseStyles.calloutInfoContainer),
+        calloutContainer: (0, _react.mergeClasses)(popoverClassNames.calloutContainer, baseStyles.calloutContainer)
+    };
+}; //# sourceMappingURL=useChartPopoverStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useChartPopoverStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { HighContrastSelectorBlack, HighContrastSelector } from '../../utilities/index';\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: 'contents',\n        overflow: 'hidden',\n        ...shorthands.padding('11px 16px 10px 16px'),\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    },\n    calloutBlockContainerCartesian: {\n        ...typographyStyles.caption1,\n        marginTop: '13px'\n    },\n    calloutBlockContainerNonCartesian: {\n        fontSize: tokens.fontSizeHero700,\n        lineHeight: '22px',\n        '& selectors': {\n            [HighContrastSelector]: {\n                forcedColorAdjust: 'none'\n            }\n        }\n    },\n    calloutBlockContainertoDrawShapefalse: {\n        '& selectors': {\n            [HighContrastSelector]: {\n                forcedColorAdjust: 'none'\n            }\n        },\n        paddingLeft: tokens.spacingHorizontalS\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        '& selectors': {\n            [HighContrastSelectorBlack]: {\n                color: 'rgb(255, 255, 255)'\n            }\n        }\n    },\n    calloutContentY: {\n        '& selectors': {\n            [HighContrastSelectorBlack]: {\n                color: 'rgb(255, 255, 255)'\n            }\n        }\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        ...shorthands.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    },\n    calloutContainer: {\n        [HighContrastSelector]: {\n            fill: 'WindowText',\n            forcedColorAdjust: 'none'\n        }\n    }\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */ export const usePopoverStyles_unstable = (props)=>{\n    const { isCartesian } = props;\n    const baseStyles = useStyles();\n    return {\n        calloutContentRoot: mergeClasses(popoverClassNames.calloutContentRoot, baseStyles.calloutContentRoot /*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"],"names":["popoverClassNames","usePopoverStyles_unstable","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","calloutBlockContainertoDrawShapefalse","calloutBlockContainertoDrawShapetrue","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","ratio","numerator","denominator","calloutInfoContainer","calloutContainer","useStyles","__styles","mc9l5x","B68tc82","Bmxbyg5","Bpg54ce","z8tnut","z189sj","Byoj8tv","uwmqm3","De3pzq","jy2i9i","Beiy3e4","Brf1p80","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","abs64n","sj55zd","calloutBlockContainerCartesian","B6of3ja","calloutBlockContainerNonCartesian","bo4z9n","t21cq0","calloutLegendText","B1cpy0k","calloutContentYCartesian","calloutContentYNonCartesian","B4j52fo","Frg6f3","a6j6cd","B93v9kj","d","p","m","props","isCartesian","baseStyles","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/DeclarativeChart/DeclarativeChart.js

@@ -0,0 +1,158 @@
+/* eslint-disable @typescript-eslint/naming-convention */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DeclarativeChart", {
+    enumerable: true,
+    get: function() {
+        return DeclarativeChart;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _index = require("../DonutChart/index");
+const _PlotlySchemaAdapter = require("./PlotlySchemaAdapter");
+const _index1 = require("../LineChart/index");
+const _index2 = require("../VerticalBarChart/index");
+const _imageExporter = require("./imageExporter");
+const _reacttheme = require("@fluentui/react-theme");
+const useColorMapping = ()=>{
+    const colorMap = _react.useRef(new Map());
+    return colorMap;
+};
+const DeclarativeChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
+    const { plotlySchema } = (0, _PlotlySchemaAdapter.sanitizeJson)(props.chartSchema);
+    const plotlyInput = plotlySchema;
+    let { selectedLegends } = plotlySchema;
+    const colorMap = useColorMapping();
+    const isDarkTheme = false;
+    const chartRef = _react.useRef(null);
+    if (!(0, _PlotlySchemaAdapter.isArrayOrTypedArray)(selectedLegends)) {
+        selectedLegends = [];
+    }
+    const [activeLegends, setActiveLegends] = _react.useState(selectedLegends);
+    const onActiveLegendsChange = (keys)=>{
+        setActiveLegends(keys);
+        if (props.onSchemaChange) {
+            props.onSchemaChange({
+                plotlySchema: {
+                    plotlyInput,
+                    selectedLegends: keys
+                }
+            });
+        }
+    };
+    _react.useEffect(()=>{
+        // eslint-disable-next-line @typescript-eslint/no-shadow
+        const { plotlySchema } = (0, _PlotlySchemaAdapter.sanitizeJson)(props.chartSchema);
+        // eslint-disable-next-line @typescript-eslint/no-shadow
+        const { selectedLegends } = plotlySchema;
+        setActiveLegends(selectedLegends !== null && selectedLegends !== void 0 ? selectedLegends : []);
+    }, [
+        props.chartSchema
+    ]);
+    const multiSelectLegendProps = {
+        canSelectMultipleLegends: true,
+        onChange: onActiveLegendsChange,
+        selectedLegends: activeLegends
+    };
+    const commonProps = {
+        legendProps: multiSelectLegendProps,
+        componentRef: chartRef
+    };
+    const checkAndRenderChart = (renderChartJsx, isAreaChart = false)=>{
+        var _plotlyInput_data_;
+        const xValues = plotlyInput.data[0].x;
+        const isXDate = (0, _PlotlySchemaAdapter.isDateArray)(xValues);
+        const isXNumber = (0, _PlotlySchemaAdapter.isNumberArray)(xValues);
+        const isXMonth = (0, _PlotlySchemaAdapter.isMonthArray)(xValues);
+        if (isXDate || isXNumber) {
+            const chartProps = {
+                ...(0, _PlotlySchemaAdapter.transformPlotlyJsonToScatterChartProps)({
+                    data: plotlyInput.data,
+                    layout: plotlyInput.layout
+                }, isAreaChart, colorMap, isDarkTheme),
+                ...commonProps
+            };
+            return renderChartJsx(chartProps);
+        } else if (isXMonth) {
+            const updatedData = plotlyInput.data.map((dataPoint)=>({
+                    ...dataPoint,
+                    x: (0, _PlotlySchemaAdapter.updateXValues)(dataPoint.x)
+                }));
+            const chartProps = {
+                ...(0, _PlotlySchemaAdapter.transformPlotlyJsonToScatterChartProps)({
+                    data: updatedData,
+                    layout: plotlyInput.layout
+                }, isAreaChart, colorMap, isDarkTheme),
+                ...commonProps
+            };
+            return renderChartJsx(chartProps);
+        }
+        throw new Error(`Unsupported chart type :${(_plotlyInput_data_ = plotlyInput.data[0]) === null || _plotlyInput_data_ === void 0 ? void 0 : _plotlyInput_data_.type}`);
+    };
+    const exportAsImage = _react.useCallback((opts)=>{
+        var _chartRef_current;
+        return (0, _imageExporter.toImage)((_chartRef_current = chartRef.current) === null || _chartRef_current === void 0 ? void 0 : _chartRef_current.chartContainer, {
+            background: _reacttheme.tokens.colorNeutralBackground1,
+            scale: 5,
+            ...opts
+        });
+    }, []);
+    _react.useImperativeHandle(props.componentRef, ()=>({
+            exportAsImage
+        }), [
+        exportAsImage
+    ]);
+    switch(plotlyInput.data[0].type){
+        case 'pie':
+            return /*#__PURE__*/ _react.createElement(_index.DonutChart, {
+                ...(0, _PlotlySchemaAdapter.transformPlotlyJsonToDonutProps)(plotlySchema, colorMap, isDarkTheme),
+                ...commonProps
+            });
+        case 'bar':
+            var _plotlyInput_data_;
+            throw new Error(`Unsupported chart type :${(_plotlyInput_data_ = plotlyInput.data[0]) === null || _plotlyInput_data_ === void 0 ? void 0 : _plotlyInput_data_.type}`);
+        case 'scatter':
+            if (plotlyInput.data[0].mode === 'markers') {
+                var _plotlyInput_data_1, _plotlyInput_data_2;
+                throw new Error(`Unsupported chart - type :${(_plotlyInput_data_1 = plotlyInput.data[0]) === null || _plotlyInput_data_1 === void 0 ? void 0 : _plotlyInput_data_1.type}, mode: ${(_plotlyInput_data_2 = plotlyInput.data[0]) === null || _plotlyInput_data_2 === void 0 ? void 0 : _plotlyInput_data_2.mode}`);
+            }
+            const isAreaChart = plotlyInput.data.some((series)=>series.fill === 'tonexty' || series.fill === 'tozeroy');
+            const renderChartJsx = (chartProps)=>{
+                if (isAreaChart) {
+                    var _plotlyInput_data_, _plotlyInput_data_1;
+                    throw new Error(`Unsupported chart type :${(_plotlyInput_data_ = plotlyInput.data[0]) === null || _plotlyInput_data_ === void 0 ? void 0 : _plotlyInput_data_.type}, fill: ${(_plotlyInput_data_1 = plotlyInput.data[0]) === null || _plotlyInput_data_1 === void 0 ? void 0 : _plotlyInput_data_1.fill}`);
+                }
+                return /*#__PURE__*/ _react.createElement(_index1.LineChart, chartProps);
+            };
+            return checkAndRenderChart(renderChartJsx, isAreaChart);
+        case 'heatmap':
+            var _plotlyInput_data_3;
+            throw new Error(`Unsupported chart type :${(_plotlyInput_data_3 = plotlyInput.data[0]) === null || _plotlyInput_data_3 === void 0 ? void 0 : _plotlyInput_data_3.type}`);
+        case 'sankey':
+            var _plotlyInput_data_4;
+            throw new Error(`Unsupported chart type :${(_plotlyInput_data_4 = plotlyInput.data[0]) === null || _plotlyInput_data_4 === void 0 ? void 0 : _plotlyInput_data_4.type}`);
+        case 'indicator':
+        case 'gauge':
+            var _plotlyInput_data_5, _plotlyInput_data_6;
+            throw new Error(`Unsupported chart - type: ${(_plotlyInput_data_5 = plotlyInput.data[0]) === null || _plotlyInput_data_5 === void 0 ? void 0 : _plotlyInput_data_5.type}, mode: ${(_plotlyInput_data_6 = plotlyInput.data[0]) === null || _plotlyInput_data_6 === void 0 ? void 0 : _plotlyInput_data_6.mode}`);
+        case 'histogram':
+            return /*#__PURE__*/ _react.createElement(_index2.VerticalBarChart, {
+                ...(0, _PlotlySchemaAdapter.transformPlotlyJsonToVBCProps)(plotlySchema, colorMap, isDarkTheme),
+                ...commonProps
+            });
+        default:
+            var _plotlyInput_data_7;
+            const xValues = plotlyInput.data[0].x;
+            const yValues = plotlyInput.data[0].y;
+            if (xValues && yValues && xValues.length > 0 && yValues.length > 0) {
+                const renderLineChartJsx = (chartProps)=>{
+                    return /*#__PURE__*/ _react.createElement(_index1.LineChart, chartProps);
+                };
+                return checkAndRenderChart(renderLineChartJsx);
+            }
+            throw new Error(`Unsupported chart type :${(_plotlyInput_data_7 = plotlyInput.data[0]) === null || _plotlyInput_data_7 === void 0 ? void 0 : _plotlyInput_data_7.type}`);
+    }
+});
+DeclarativeChart.displayName = 'DeclarativeChart';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["DeclarativeChart.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\nimport * as React from 'react';\nimport { DonutChart } from '../DonutChart/index';\nimport { PlotData, PlotlySchema } from './PlotlySchema';\nimport {\n  isArrayOrTypedArray,\n  isDateArray,\n  isNumberArray,\n  isMonthArray,\n  sanitizeJson,\n  updateXValues,\n  transformPlotlyJsonToDonutProps,\n  transformPlotlyJsonToScatterChartProps,\n  transformPlotlyJsonToVBCProps,\n} from './PlotlySchemaAdapter';\nimport { LineChart, LineChartProps } from '../LineChart/index';\nimport { VerticalBarChart } from '../VerticalBarChart/index';\nimport { ImageExportOptions, toImage } from './imageExporter';\nimport { Chart } from '../../types/index';\nimport { tokens } from '@fluentui/react-theme';\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.RefObject<IDeclarativeChart>;\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\n/**\n * DeclarativeChart component.\n * {@docCategory DeclarativeChart}\n */\nexport const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> = React.forwardRef<\n  HTMLDivElement,\n  DeclarativeChartProps\n>((props, forwardedRef) => {\n  const { plotlySchema } = sanitizeJson(props.chartSchema);\n  const plotlyInput = plotlySchema as PlotlySchema;\n  let { selectedLegends } = plotlySchema;\n  const colorMap = useColorMapping();\n  const isDarkTheme = false;\n  const chartRef = React.useRef<Chart>(null);\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    setActiveLegends(selectedLegends ?? []);\n  }, [props.chartSchema]);\n\n  const multiSelectLegendProps = {\n    canSelectMultipleLegends: true,\n    onChange: onActiveLegendsChange,\n    selectedLegends: activeLegends,\n  };\n\n  const commonProps = {\n    legendProps: multiSelectLegendProps,\n    componentRef: chartRef,\n  };\n\n  const checkAndRenderChart = (\n    renderChartJsx: (chartProps: LineChartProps) => JSX.Element,\n    isAreaChart: boolean = false,\n  ) => {\n    const xValues = (plotlyInput.data[0] as PlotData).x;\n    const isXDate = isDateArray(xValues);\n    const isXNumber = isNumberArray(xValues);\n    const isXMonth = isMonthArray(xValues);\n    if (isXDate || isXNumber) {\n      const chartProps: LineChartProps = {\n        ...transformPlotlyJsonToScatterChartProps(\n          { data: plotlyInput.data, layout: plotlyInput.layout },\n          isAreaChart,\n          colorMap,\n          isDarkTheme,\n        ),\n        ...commonProps,\n      };\n      return renderChartJsx(chartProps);\n    } else if (isXMonth) {\n      const updatedData = plotlyInput.data.map((dataPoint: PlotData) => ({\n        ...dataPoint,\n        x: updateXValues(dataPoint.x),\n      }));\n      const chartProps: LineChartProps = {\n        ...transformPlotlyJsonToScatterChartProps(\n          { data: updatedData, layout: plotlyInput.layout },\n          isAreaChart,\n          colorMap,\n          isDarkTheme,\n        ),\n        ...commonProps,\n      };\n      return renderChartJsx(chartProps);\n    }\n    throw new Error(`Unsupported chart type :${plotlyInput.data[0]?.type}`);\n  };\n\n  const exportAsImage = React.useCallback((opts?: ImageExportOptions) => {\n    return toImage(chartRef.current?.chartContainer, {\n      background: tokens.colorNeutralBackground1,\n      scale: 5,\n      ...opts,\n    });\n  }, []);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      exportAsImage,\n    }),\n    [exportAsImage],\n  );\n\n  switch (plotlyInput.data[0].type) {\n    case 'pie':\n      return <DonutChart {...transformPlotlyJsonToDonutProps(plotlySchema, colorMap, isDarkTheme)} {...commonProps} />;\n    case 'bar':\n      throw new Error(`Unsupported chart type :${plotlyInput.data[0]?.type}`);\n    case 'scatter':\n      if (plotlyInput.data[0].mode === 'markers') {\n        throw new Error(`Unsupported chart - type :${plotlyInput.data[0]?.type}, mode: ${plotlyInput.data[0]?.mode}`);\n      }\n      const isAreaChart = plotlyInput.data.some(\n        (series: PlotData) => series.fill === 'tonexty' || series.fill === 'tozeroy',\n      );\n      const renderChartJsx = (chartProps: LineChartProps) => {\n        if (isAreaChart) {\n          throw new Error(\n            `Unsupported chart type :${plotlyInput.data[0]?.type}, fill: ${\n              (plotlyInput.data[0] as Partial<PlotData>)?.fill\n            }`,\n          );\n        }\n        return <LineChart {...chartProps} />;\n      };\n      return checkAndRenderChart(renderChartJsx, isAreaChart);\n    case 'heatmap':\n      throw new Error(`Unsupported chart type :${plotlyInput.data[0]?.type}`);\n    case 'sankey':\n      throw new Error(`Unsupported chart type :${plotlyInput.data[0]?.type}`);\n    case 'indicator':\n    case 'gauge':\n      throw new Error(`Unsupported chart - type: ${plotlyInput.data[0]?.type}, mode: ${plotlyInput.data[0]?.mode}`);\n    case 'histogram':\n      return (\n        <VerticalBarChart {...transformPlotlyJsonToVBCProps(plotlySchema, colorMap, isDarkTheme)} {...commonProps} />\n      );\n    default:\n      const xValues = (plotlyInput.data[0] as PlotData).x;\n      const yValues = (plotlyInput.data[0] as PlotData).y;\n      if (xValues && yValues && xValues.length > 0 && yValues.length > 0) {\n        const renderLineChartJsx = (chartProps: LineChartProps) => {\n          return <LineChart {...chartProps} />;\n        };\n        return checkAndRenderChart(renderLineChartJsx);\n      }\n      throw new Error(`Unsupported chart type :${plotlyInput.data[0]?.type}`);\n  }\n});\nDeclarativeChart.displayName = 'DeclarativeChart';\n"],"names":["DeclarativeChart","useColorMapping","colorMap","React","useRef","Map","forwardRef","props","forwardedRef","plotlySchema","sanitizeJson","chartSchema","plotlyInput","selectedLegends","isDarkTheme","chartRef","isArrayOrTypedArray","activeLegends","setActiveLegends","useState","onActiveLegendsChange","keys","onSchemaChange","useEffect","multiSelectLegendProps","canSelectMultipleLegends","onChange","commonProps","legendProps","componentRef","checkAndRenderChart","renderChartJsx","isAreaChart","xValues","data","x","isXDate","isDateArray","isXNumber","isNumberArray","isXMonth","isMonthArray","chartProps","transformPlotlyJsonToScatterChartProps","layout","updatedData","map","dataPoint","updateXValues","Error","type","exportAsImage","useCallback","opts","toImage","current","chartContainer","background","tokens","colorNeutralBackground1","scale","useImperativeHandle","createElement","DonutChart","transformPlotlyJsonToDonutProps","mode","some","series","fill","_plotlyInput_data_1","LineChart","VerticalBarChart","transformPlotlyJsonToVBCProps","yValues","y","length","renderLineChartJsx","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/DeclarativeChart/PlotlySchema.js

@@ -0,0 +1,10 @@
+/* eslint-disable @typescript-eslint/naming-convention */ /* eslint-disable @typescript-eslint/no-explicit-any */ /**
+ * This interface is extracted from Plotly.js typescript definitions.
+ * All the unsupported types are removed to align with fluent charts.
+ *  https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/plotly.js/index.d.ts
+ */ /**
+ * 'Sets the pattern within the marker.
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});