npm - @fluentui/react-charts - Versions diffs - 9.1.9 → 9.2.0 - Mend

@fluentui/react-charts 9.1.9 → 9.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (451) hide show

package/lib-commonjs/components/CommonComponents/ChartPopover.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ChartPopover.types.ts"],"sourcesContent":["import { YValueHover } from '../../index';\n\nexport interface ChartPopoverProps {\n clickPosition?: { x: number; y: number };\n isPopoverOpen?: boolean;\n xCalloutValue?: string;\n legend?: string \| number \| Date;\n yCalloutValue?: string;\n YValue?: string \| number \| Date;\n XValue?: string;\n color?: string;\n culture?: string;\n customCallout?: {\n customizedCallout?: JSX.Element;\n customCalloutProps?: ChartPopoverProps;\n };\n isCalloutForStack?: boolean;\n xAxisCalloutAccessibilityData?: { ariaLabel?: string; data?: string };\n hoverXValue?: string \| number;\n YValueHover?: YValueHover[];\n descriptionMessage?: string;\n ratio?: [number, number];\n isCartesian?: boolean;\n styles?: Partial<PopoverComponentStyles>;\n}\n\nexport interface PopoverComponentStyles {\n calloutContentRoot: string;\n calloutDateTimeContainer: string;\n calloutContentX: string;\n calloutBlockContainer: string;\n calloutBlockContainertoDrawShapefalse: string;\n calloutBlockContainertoDrawShapetrue: string;\n shapeStyles: string;\n calloutlegendText: string;\n calloutContentY: string;\n descriptionMessage: string;\n ratio: string;\n numerator: string;\n denominator: string;\n calloutInfoContainer: string;\n calloutContainer: string;\n}\n"],"names":[],"~~rangeMappings":"","~~mappings":""}
1	+ {"version":3,"sources":["../src/components/CommonComponents/ChartPopover.types.ts"],"sourcesContent":["import { YValueHover } from '../../index';\n\nexport interface ChartPopoverProps {\n clickPosition?: { x: number; y: number };\n isPopoverOpen?: boolean;\n xCalloutValue?: string;\n legend?: string \| number \| Date;\n yCalloutValue?: string;\n YValue?: string \| number \| Date;\n XValue?: string;\n color?: string;\n culture?: string;\n customCallout?: {\n customizedCallout?: JSX.Element;\n customCalloutProps?: ChartPopoverProps;\n };\n isCalloutForStack?: boolean;\n xAxisCalloutAccessibilityData?: { ariaLabel?: string; data?: string };\n hoverXValue?: string \| number;\n YValueHover?: YValueHover[];\n descriptionMessage?: string;\n ratio?: [number, number];\n isCartesian?: boolean;\n styles?: Partial<PopoverComponentStyles>;\n}\n\nexport interface PopoverComponentStyles {\n calloutContentRoot: string;\n calloutDateTimeContainer: string;\n calloutContentX: string;\n calloutBlockContainer: string;\n calloutBlockContainertoDrawShapefalse: string;\n calloutBlockContainertoDrawShapetrue: string;\n shapeStyles: string;\n calloutlegendText: string;\n calloutContentY: string;\n descriptionMessage: string;\n ratio: string;\n numerator: string;\n denominator: string;\n calloutInfoContainer: string;\n calloutContainer: string;\n}\n"],"names":[],"mappings":""}

package/lib-commonjs/components/CommonComponents/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './CartesianChart';\nexport * from './CartesianChart.types';\nexport * from './ChartPopover';\nexport * from './ChartPopover.types';\n"],"names":[],"~~rangeMappings":";;;;;;;;","~~mappings":";;;;;uBAAc;~~uBACA~~;~~uBACA~~;~~uBACA~~"}
1	+ {"version":3,"sources":["../src/components/CommonComponents/index.ts"],"sourcesContent":["export * from './CartesianChart';\nexport * from './CartesianChart.types';\nexport * from './ChartPopover';\nexport * from './ChartPopover.types';\n"],"names":[],"mappings":";;;;;uBAAc,mBAAmB;uBACnB,yBAAyB;uBACzB,iBAAiB;uBACjB,uBAAuB"}

package/lib-commonjs/components/CommonComponents/useCartesianChartStyles.styles.js CHANGED Viewed

@@ -231,4 +231,4 @@ const useCartesianChartStyles = (props)=>{
         tooltip: (0, _react.mergeClasses)(cartesianchartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/ ),
         chart: (0, _react.mergeClasses)(cartesianchartClassNames.chart, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.chart)
     };
-}; //# sourceMappingURL=useCartesianChartStyles.styles.js.map
+};

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["useCartesianChartStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector, 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 svgTooltip: 'fui-cart_svgTooltip',\n shapeStyles: 'fui-cart__shapeStyles',\n descriptionMessage: 'fui-cart__descriptionMessage',\n hover: 'fui-cart__hover',\n tooltip: 'fui-cart__tooltip',\n chartTitle: 'fui-cart__chartTitle',\n chart: 'fui-cart__chart'\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 [HighContrastSelector]: {\n fill: 'CanvasText'\n }\n },\n xAxis: {\n '& text': {\n fill: tokens.colorNeutralForeground1,\n ...typographyStyles.caption2Strong,\n forcedColorAdjust: 'auto'\n },\n '& line': {\n opacity: 0.2,\n stroke: tokens.colorNeutralForeground1,\n width: '1px',\n forcedColorAdjust: 'auto'\n },\n '& path': {\n display: 'none'\n }\n },\n yAxis: {\n '& text': {\n ...typographyStyles.caption2Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n },\n '& line': {\n opacity: 0.2,\n stroke: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\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 svgTooltip: {\n fill: tokens.colorNeutralBackground1,\n [HighContrastSelector]: {\n fill: 'Canvas'\n }\n },\n tooltip: {\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n ...shorthands.padding(tokens.spacingHorizontalS),\n position: 'absolute',\n textAlign: 'center',\n top: tokens.spacingVerticalNone,\n backgroundColor: tokens.colorNeutralBackground1,\n borderRadius: tokens.borderRadiusSmall,\n pointerEvents: 'none'\n }\n});\n/\n Apply styling to the Carousel slots based on the state\n / export const useCartesianChartStyles = (props)=>{\n var _props_styles, _props_reflowProps, _props_styles1, _props_styles2, _props_styles3;\n const _useRtl = useRtl();\n const baseStyles = useStyles();\n return {\n root: mergeClasses(cartesianchartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null \|\| _props_styles === void 0 ? void 0 : _props_styles.root),\n chartWrapper: mergeClasses(cartesianchartClassNames.chartWrapper, ((_props_reflowProps = props.reflowProps) === null \|\| _props_reflowProps === void 0 ? void 0 : _props_reflowProps.mode) === 'min-width' ? baseStyles.chartWrapper : '', (_props_styles1 = props.styles) === null \|\| _props_styles1 === void 0 ? void 0 : _props_styles1.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 svgTooltip: mergeClasses(cartesianchartClassNames.svgTooltip, baseStyles.svgTooltip, (_props_styles2 = props.styles) === null \|\| _props_styles2 === void 0 ? void 0 : _props_styles2.svgTooltip),\n tooltip: mergeClasses(cartesianchartClassNames.tooltip, baseStyles.tooltip /props.styles?.tooltip*/ ),\n chart: mergeClasses(cartesianchartClassNames.chart, (_props_styles3 = props.styles) === null \|\| _props_styles3 === void 0 ? void 0 : _props_styles3.chart)\n };\n};\n"],"names":["cartesianchartClassNames","useCartesianChartStyles","root","chartWrapper","axisTitle","xAxis","yAxis","opacityChangeOnHover","legendContainer","svgTooltip","shapeStyles","descriptionMessage","hover","tooltip","chartTitle","chart","useStyles","__styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","a9b677","Bqenvij","Beiy3e4","B68tc82","Bmxbyg5","Bpg54ce","B80ckks","fsow6f","sj55zd","Bkfmm31","a6j6cd","Bifops1","lr70ht","D01gh","vxuu72","lclgl4","zp1vxd","jxu3ei","B3i31d3","Bhcy8il","z3m6do","se2xxg","rtl","Bkw34lo","ltr","abs64n","Bceei9c","B6of3ja","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","qhf8xq","Bhzewxz","De3pzq","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","d","p","m","props","_props_styles","_props_reflowProps","_props_styles1","_props_styles2","_props_styles3","_useRtl","useRtl","baseStyles","mergeClasses","styles","reflowProps","mode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1	+ {"version":3,"sources":["useCartesianChartStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector, 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 svgTooltip: 'fui-cart_svgTooltip',\n shapeStyles: 'fui-cart__shapeStyles',\n descriptionMessage: 'fui-cart__descriptionMessage',\n hover: 'fui-cart__hover',\n tooltip: 'fui-cart__tooltip',\n chartTitle: 'fui-cart__chartTitle',\n chart: 'fui-cart__chart'\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 [HighContrastSelector]: {\n fill: 'CanvasText'\n }\n },\n xAxis: {\n '& text': {\n fill: tokens.colorNeutralForeground1,\n ...typographyStyles.caption2Strong,\n forcedColorAdjust: 'auto'\n },\n '& line': {\n opacity: 0.2,\n stroke: tokens.colorNeutralForeground1,\n width: '1px',\n forcedColorAdjust: 'auto'\n },\n '& path': {\n display: 'none'\n }\n },\n yAxis: {\n '& text': {\n ...typographyStyles.caption2Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n },\n '& line': {\n opacity: 0.2,\n stroke: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\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 svgTooltip: {\n fill: tokens.colorNeutralBackground1,\n [HighContrastSelector]: {\n fill: 'Canvas'\n }\n },\n tooltip: {\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n ...shorthands.padding(tokens.spacingHorizontalS),\n position: 'absolute',\n textAlign: 'center',\n top: tokens.spacingVerticalNone,\n backgroundColor: tokens.colorNeutralBackground1,\n borderRadius: tokens.borderRadiusSmall,\n pointerEvents: 'none'\n }\n});\n/\n Apply styling to the Carousel slots based on the state\n / export const useCartesianChartStyles = (props)=>{\n var _props_styles, _props_reflowProps, _props_styles1, _props_styles2, _props_styles3;\n const _useRtl = useRtl();\n const baseStyles = useStyles();\n return {\n root: mergeClasses(cartesianchartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null \|\| _props_styles === void 0 ? void 0 : _props_styles.root),\n chartWrapper: mergeClasses(cartesianchartClassNames.chartWrapper, ((_props_reflowProps = props.reflowProps) === null \|\| _props_reflowProps === void 0 ? void 0 : _props_reflowProps.mode) === 'min-width' ? baseStyles.chartWrapper : '', (_props_styles1 = props.styles) === null \|\| _props_styles1 === void 0 ? void 0 : _props_styles1.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 svgTooltip: mergeClasses(cartesianchartClassNames.svgTooltip, baseStyles.svgTooltip, (_props_styles2 = props.styles) === null \|\| _props_styles2 === void 0 ? void 0 : _props_styles2.svgTooltip),\n tooltip: mergeClasses(cartesianchartClassNames.tooltip, baseStyles.tooltip /props.styles?.tooltip*/ ),\n chart: mergeClasses(cartesianchartClassNames.chart, (_props_styles3 = props.styles) === null \|\| _props_styles3 === void 0 ? void 0 : _props_styles3.chart)\n };\n};\n"],"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","HighContrastSelector","useRtl","cartesianchartClassNames","root","chartWrapper","axisTitle","xAxis","yAxis","opacityChangeOnHover","legendContainer","svgTooltip","shapeStyles","descriptionMessage","hover","tooltip","chartTitle","chart","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","a9b677","Bqenvij","Beiy3e4","B68tc82","Bmxbyg5","Bpg54ce","B80ckks","fsow6f","sj55zd","Bkfmm31","a6j6cd","Bifops1","lr70ht","D01gh","vxuu72","lclgl4","zp1vxd","jxu3ei","B3i31d3","Bhcy8il","z3m6do","se2xxg","rtl","Bkw34lo","ltr","abs64n","Bceei9c","B6of3ja","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","qhf8xq","Bhzewxz","De3pzq","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","d","p","m","useCartesianChartStyles","props","_props_styles","_props_reflowProps","_props_styles1","_props_styles2","_props_styles3","_useRtl","baseStyles","styles","reflowProps","mode"],"mappings":"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"}

package/lib-commonjs/components/CommonComponents/useCartesianChartStyles.styles.raw.js ADDED Viewed

@@ -0,0 +1,142 @@
+"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, {
+    cartesianchartClassNames: function() {
+        return cartesianchartClassNames;
+    },
+    useCartesianChartStyles: function() {
+        return useCartesianChartStyles;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const _utilities = require("../../utilities/utilities");
+const cartesianchartClassNames = {
+    root: 'fui-cart__root',
+    chartWrapper: 'fui-cart__chartWrapper',
+    axisTitle: 'fui-cart__axisTitle',
+    xAxis: 'fui-cart__xAxis',
+    yAxis: 'fui-cart__yAxis',
+    opacityChangeOnHover: 'fui-cart__opacityChangeOnHover',
+    legendContainer: 'fui-cart__legendContainer',
+    svgTooltip: 'fui-cart_svgTooltip',
+    shapeStyles: 'fui-cart__shapeStyles',
+    descriptionMessage: 'fui-cart__descriptionMessage',
+    hover: 'fui-cart__hover',
+    tooltip: 'fui-cart__tooltip',
+    chartTitle: 'fui-cart__chartTitle',
+    chart: 'fui-cart__chart'
+};
+/**
+ * Base Styles
+ */ const useStyles = (0, _react.makeStyles)({
+    root: {
+        ..._reacttheme.typographyStyles.body1,
+        display: 'flex',
+        width: '100%',
+        height: '100%',
+        flexDirection: 'column',
+        overflow: 'hidden'
+    },
+    chartWrapper: {
+        overflow: 'auto'
+    },
+    axisTitle: {
+        ..._reacttheme.typographyStyles.caption2Strong,
+        fontStyle: 'normal',
+        textAlign: 'center',
+        color: _reacttheme.tokens.colorNeutralForeground2,
+        fill: _reacttheme.tokens.colorNeutralForeground1,
+        [_utilities.HighContrastSelector]: {
+            fill: 'CanvasText'
+        }
+    },
+    xAxis: {
+        '& text': {
+            fill: _reacttheme.tokens.colorNeutralForeground1,
+            ..._reacttheme.typographyStyles.caption2Strong,
+            forcedColorAdjust: 'auto'
+        },
+        '& line': {
+            opacity: 0.2,
+            stroke: _reacttheme.tokens.colorNeutralForeground1,
+            width: '1px',
+            forcedColorAdjust: 'auto'
+        },
+        '& path': {
+            display: 'none'
+        }
+    },
+    yAxis: {
+        '& text': {
+            ..._reacttheme.typographyStyles.caption2Strong,
+            fill: _reacttheme.tokens.colorNeutralForeground1,
+            forcedColorAdjust: 'auto'
+        },
+        '& line': {
+            opacity: 0.2,
+            stroke: _reacttheme.tokens.colorNeutralForeground1,
+            forcedColorAdjust: 'auto'
+        },
+        '& path': {
+            display: 'none'
+        }
+    },
+    rtl: {
+        '& g': {
+            textAnchor: 'end'
+        }
+    },
+    ltr: {},
+    opacityChangeOnHover: {
+        opacity: '0.1',
+        cursor: 'default'
+    },
+    legendContainer: {
+        marginTop: _reacttheme.tokens.spacingVerticalS,
+        marginLeft: _reacttheme.tokens.spacingHorizontalXL
+    },
+    svgTooltip: {
+        fill: _reacttheme.tokens.colorNeutralBackground1,
+        [_utilities.HighContrastSelector]: {
+            fill: 'Canvas'
+        }
+    },
+    tooltip: {
+        ..._reacttheme.typographyStyles.body1,
+        display: 'flex',
+        flexDirection: 'column',
+        ..._react.shorthands.padding(_reacttheme.tokens.spacingHorizontalS),
+        position: 'absolute',
+        textAlign: 'center',
+        top: _reacttheme.tokens.spacingVerticalNone,
+        backgroundColor: _reacttheme.tokens.colorNeutralBackground1,
+        borderRadius: _reacttheme.tokens.borderRadiusSmall,
+        pointerEvents: 'none'
+    }
+});
+const useCartesianChartStyles = (props)=>{
+    var _props_styles, _props_reflowProps, _props_styles1, _props_styles2, _props_styles3;
+    const _useRtl = (0, _utilities.useRtl)();
+    const baseStyles = useStyles();
+    return {
+        root: (0, _react.mergeClasses)(cartesianchartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),
+        chartWrapper: (0, _react.mergeClasses)(cartesianchartClassNames.chartWrapper, ((_props_reflowProps = props.reflowProps) === null || _props_reflowProps === void 0 ? void 0 : _props_reflowProps.mode) === 'min-width' ? baseStyles.chartWrapper : '', (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chartWrapper),
+        axisTitle: (0, _react.mergeClasses)(cartesianchartClassNames.axisTitle, baseStyles.axisTitle /*props.styles?.axisTitle*/ ),
+        xAxis: (0, _react.mergeClasses)(cartesianchartClassNames.xAxis, baseStyles.xAxis /*props.styles?.xAxis*/ ),
+        yAxis: (0, _react.mergeClasses)(cartesianchartClassNames.yAxis, baseStyles.yAxis, _useRtl ? baseStyles.rtl : baseStyles.ltr /*props.styles?.yAxis*/ ),
+        opacityChangeOnHover: (0, _react.mergeClasses)(cartesianchartClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover /*props.styles?.opacityChangeOnHover*/ ),
+        legendContainer: (0, _react.mergeClasses)(cartesianchartClassNames.legendContainer, baseStyles.legendContainer /*props.styles?.legendContainer*/ ),
+        svgTooltip: (0, _react.mergeClasses)(cartesianchartClassNames.svgTooltip, baseStyles.svgTooltip, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.svgTooltip),
+        tooltip: (0, _react.mergeClasses)(cartesianchartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/ ),
+        chart: (0, _react.mergeClasses)(cartesianchartClassNames.chart, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.chart)
+    };
+};

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/CommonComponents/useCartesianChartStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { CartesianChartProps, CartesianChartStyles } from './CartesianChart.types';\nimport { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector, useRtl } from '../../utilities/utilities';\n\n/**\n * @internal\n */\nexport const cartesianchartClassNames: SlotClassNames<CartesianChartStyles> = {\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 svgTooltip: 'fui-cart_svgTooltip',\n shapeStyles: 'fui-cart__shapeStyles',\n descriptionMessage: 'fui-cart__descriptionMessage',\n hover: 'fui-cart__hover',\n tooltip: 'fui-cart__tooltip',\n chartTitle: 'fui-cart__chartTitle',\n chart: 'fui-cart__chart',\n};\n\n/**\n * Base Styles\n */\nconst 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 [HighContrastSelector]: {\n fill: 'CanvasText',\n },\n },\n xAxis: {\n '& text': {\n fill: tokens.colorNeutralForeground1,\n ...typographyStyles.caption2Strong,\n forcedColorAdjust: 'auto',\n },\n '& line': {\n opacity: 0.2,\n stroke: tokens.colorNeutralForeground1,\n width: '1px',\n forcedColorAdjust: 'auto',\n },\n '& path': {\n display: 'none',\n },\n },\n yAxis: {\n '& text': {\n ...typographyStyles.caption2Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\n },\n '& line': {\n opacity: 0.2,\n stroke: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto',\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', //supports custom opacity ??\n cursor: 'default', //supports custom cursor ??\n },\n legendContainer: {\n marginTop: tokens.spacingVerticalS,\n marginLeft: tokens.spacingHorizontalXL,\n },\n svgTooltip: {\n fill: tokens.colorNeutralBackground1,\n [HighContrastSelector]: {\n fill: 'Canvas',\n },\n },\n tooltip: {\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n ...shorthands.padding(tokens.spacingHorizontalS),\n position: 'absolute',\n textAlign: 'center',\n top: tokens.spacingVerticalNone,\n backgroundColor: tokens.colorNeutralBackground1,\n borderRadius: tokens.borderRadiusSmall,\n pointerEvents: 'none',\n },\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */\nexport const useCartesianChartStyles = (props: CartesianChartProps): CartesianChartStyles => {\n const _useRtl = useRtl();\n const baseStyles = useStyles();\n return {\n root: mergeClasses(cartesianchartClassNames.root, baseStyles.root, props.styles?.root),\n chartWrapper: mergeClasses(\n cartesianchartClassNames.chartWrapper,\n props.reflowProps?.mode === 'min-width' ? baseStyles.chartWrapper : '',\n props.styles?.chartWrapper,\n ),\n axisTitle: mergeClasses(cartesianchartClassNames.axisTitle, baseStyles.axisTitle /*props.styles?.axisTitle*/),\n xAxis: mergeClasses(cartesianchartClassNames.xAxis, baseStyles.xAxis /*props.styles?.xAxis*/),\n yAxis: mergeClasses(\n cartesianchartClassNames.yAxis,\n baseStyles.yAxis,\n _useRtl ? baseStyles.rtl : baseStyles.ltr /*props.styles?.yAxis*/,\n ),\n opacityChangeOnHover: mergeClasses(\n cartesianchartClassNames.opacityChangeOnHover,\n baseStyles.opacityChangeOnHover /*props.styles?.opacityChangeOnHover*/,\n ),\n legendContainer: mergeClasses(\n cartesianchartClassNames.legendContainer,\n baseStyles.legendContainer /*props.styles?.legendContainer*/,\n ),\n svgTooltip: mergeClasses(cartesianchartClassNames.svgTooltip, baseStyles.svgTooltip, props.styles?.svgTooltip),\n tooltip: mergeClasses(cartesianchartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/),\n chart: mergeClasses(cartesianchartClassNames.chart, props.styles?.chart),\n };\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","typographyStyles","HighContrastSelector","useRtl","cartesianchartClassNames","root","chartWrapper","axisTitle","xAxis","yAxis","opacityChangeOnHover","legendContainer","svgTooltip","shapeStyles","descriptionMessage","hover","tooltip","chartTitle","chart","useStyles","body1","display","width","height","flexDirection","overflow","caption2Strong","fontStyle","textAlign","color","colorNeutralForeground2","fill","colorNeutralForeground1","forcedColorAdjust","opacity","stroke","rtl","textAnchor","ltr","cursor","marginTop","spacingVerticalS","marginLeft","spacingHorizontalXL","colorNeutralBackground1","padding","spacingHorizontalS","position","top","spacingVerticalNone","backgroundColor","borderRadius","borderRadiusSmall","pointerEvents","useCartesianChartStyles","props","_useRtl","baseStyles","styles","reflowProps","mode"],"mappings":"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"}

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

@@ -242,4 +242,4 @@ const usePopoverStyles_unstable = (props)=>{
         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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useChartPopoverStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } 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 ...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 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 },\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"],"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","Bvjb7m6","calloutBlockContainerNonCartesian","t21cq0","calloutLegendText","calloutContentYCartesian","calloutContentYNonCartesian","g2u3we","icvyot","B4j52fo","i8vvqc","Frg6f3","d","p","props","_props_styles","isCartesian","baseStyles","mergeClasses","styles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1	+ {"version":3,"sources":["useChartPopoverStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } 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 ...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 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 },\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"],"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","popoverClassNames","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","calloutBlockContainertoDrawShapefalse","calloutBlockContainertoDrawShapetrue","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","ratio","numerator","denominator","calloutInfoContainer","calloutContainer","useStyles","mc9l5x","B68tc82","Bmxbyg5","Bpg54ce","z8tnut","z189sj","Byoj8tv","uwmqm3","De3pzq","jy2i9i","Beiy3e4","Brf1p80","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","abs64n","sj55zd","calloutBlockContainerCartesian","B6of3ja","Bvjb7m6","calloutBlockContainerNonCartesian","t21cq0","calloutLegendText","calloutContentYCartesian","calloutContentYNonCartesian","g2u3we","icvyot","B4j52fo","i8vvqc","Frg6f3","d","p","usePopoverStyles_unstable","props","_props_styles","isCartesian","baseStyles","styles"],"mappings":";;;;;;;;;;;IAIiBK,iBAAiB;;;6BAoGQ;eAAzBkD;;;uBAxGoC,gBAAgB;AAI1D,0BAA0B;IACjCjD,kBAAkB,EAAE,8BAA8B;IAClDC,wBAAwB,EAAE,oCAAoC;IAC9DC,eAAe,EAAE,2BAA2B;IAC5CC,qBAAqB,EAAE,iCAAiC;IACxDC,qCAAqC,EAAE,iDAAiD;IACxFC,oCAAoC,EAAE,gDAAgD;IACtFC,WAAW,EAAE,uBAAuB;IACpCC,iBAAiB,EAAE,6BAA6B;IAChDC,eAAe,EAAE,2BAA2B;IAC5CC,kBAAkB,EAAE,8BAA8B;IAClDC,KAAK,EAAE,iBAAiB;IACxBC,SAAS,EAAE,qBAAqB;IAChCC,WAAW,EAAE,uBAAuB;IACpCC,oBAAoB,EAAE,gCAAgC;IACtDC,gBAAgB,EAAE;AACtB,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGrB,eAAA,EAAA;IAAAM,kBAAA,EAAA;QAAAgB,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAxB,wBAAA,EAAA;QAAAe,MAAA,EAAA;QAAAU,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAzB,eAAA,EAAA;QAAA0B,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAA9B,qBAAA,EAAA;QAAA8B,MAAA,EAAA;IAAA;IAAAC,8BAAA,EAAA;QAAAN,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAI,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,iCAAA,EAAA;QAAAR,OAAA,EAAA;QAAAE,OAAA,EAAA;QAAAK,OAAA,EAAA;IAAA;IAAAhC,qCAAA,EAAA;QAAAmB,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAa,OAAA,EAAA;IAAA;IAAA/B,oCAAA,EAAA;QAAAW,MAAA,EAAA;IAAA;IAAAV,WAAA,EAAA;QAAAgC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,iBAAA,EAAA;QAAAX,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAE,MAAA,EAAA;QAAAG,OAAA,EAAA;IAAA;IAAA5B,eAAA,EAAA;QAAA4B,OAAA,EAAA;IAAA;IAAAI,wBAAA,EAAA;QAAAZ,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAU,2BAAA,EAAA;QAAAb,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAtB,kBAAA,EAAA;QAAAmB,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAE,MAAA,EAAA;QAAAE,OAAA,EAAA;QAAAf,MAAA,EAAA;QAAAsB,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAnC,KAAA,EAAA;QAAAkB,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAe,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAb,MAAA,EAAA;IAAA;IAAAtB,SAAA,EAAA;QAAAiB,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAnB,WAAA,EAAA;QAAAgB,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAlB,oBAAA,EAAA;QAAAU,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAa,OAAA,EAAA;IAAA;IAAAtB,gBAAA,EAAA,CAAA;AAAA,GAAA;IAAAiC,CAAA,EAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CA8ErB,CAAC;AAGS,mCAAmCE,KAAK,IAAG;IAClD,IAAIC,aAAa;IACjB,MAAM,EAAEC,WAAAA,EAAa,GAAGF,KAAK;IAC7B,MAAMG,UAAU,GAAGtC,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHf,kBAAkB,EAAEL,uBAAY,EAACI,iBAAiB,CAACC,kBAAkB,EAAEqD,UAAU,CAACrD,kBAAkB,EAAE,CAACmD,aAAa,GAAGD,KAAK,CAACI,MAAAA,AAAM,MAAM,IAAI,IAAIH,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACnD,kBAAkB,CAAC;QACtNC,wBAAwB,MAAEN,mBAAY,EAACI,iBAAiB,CAACE,wBAAwB,EAAEoD,UAAU,CAACpD,wBAAwB,CAAC,wCAAA,EAA2C,CAAC;QACnKC,eAAe,MAAEP,mBAAY,EAACI,iBAAiB,CAACG,eAAe,EAAEmD,UAAU,CAACnD,eAAe,CAAC,+BAAA,EAAkC,CAAC;QAC/HC,qBAAqB,MAAER,mBAAY,EAACI,iBAAiB,CAACI,qBAAqB,EAAEkD,UAAU,CAAClD,qBAAqB,CAAC,8CAAA,KAAmDiD,WAAW,GAAGC,UAAU,CAACnB,8BAA8B,GAAGmB,UAAU,CAAChB,iCAAiC,CAAC;QACxQjC,qCAAqC,MAAET,mBAAY,EAACI,iBAAiB,CAACK,qCAAqC,EAAEiD,UAAU,CAACjD,qCAAqC,CAAC,qDAAA,EAAwD,CAAC;QACvNC,oCAAoC,MAAEV,mBAAY,EAACI,iBAAiB,CAACM,oCAAoC,EAAEgD,UAAU,CAAChD,oCAAoC,CAAC,oDAAA,EAAuD,CAAC;QACnNC,WAAW,EAAEX,uBAAY,EAACI,iBAAiB,CAACO,WAAW,EAAE+C,UAAU,CAAC/C,WAAW,CAAC,2BAAA,EAA8B,CAAC;QAC/GC,iBAAiB,MAAEZ,mBAAY,EAACI,iBAAiB,CAACQ,iBAAiB,EAAE8C,UAAU,CAACd,iBAAiB,CAAC,iCAAA,EAAoC,CAAC;QACvI/B,eAAe,MAAEb,mBAAY,EAACI,iBAAiB,CAACS,eAAe,EAAE6C,UAAU,CAAC7C,eAAe,CAAC,2CAAA,KAAgD4C,WAAW,GAAGC,UAAU,CAACb,wBAAwB,GAAGa,UAAU,CAACZ,2BAA2B,CAAC;QACvOhC,kBAAkB,MAAEd,mBAAY,EAACI,iBAAiB,CAACU,kBAAkB,EAAE4C,UAAU,CAAC5C,kBAAkB,CAAC,mCAAA,EAAsC,CAAC;QAC5IC,KAAK,MAAEf,mBAAY,EAACI,iBAAiB,CAACW,KAAK,EAAE2C,UAAU,CAAC3C,KAAK,CAAC,qBAAA,EAAwB,CAAC;QACvFC,SAAS,MAAEhB,mBAAY,EAACI,iBAAiB,CAACY,SAAS,EAAE0C,UAAU,CAAC1C,SAAS,CAAC,yBAAA,EAA4B,CAAC;QACvGC,WAAW,MAAEjB,mBAAY,EAACI,iBAAiB,CAACa,WAAW,EAAEyC,UAAU,CAACzC,WAAW,CAAC,2BAAA,EAA8B,CAAC;QAC/GC,oBAAoB,MAAElB,mBAAY,EAACI,iBAAiB,CAACc,oBAAoB,EAAEwC,UAAU,CAACxC,oBAAoB,CAAC;QAC3GC,gBAAgB,MAAEnB,mBAAY,EAACI,iBAAiB,CAACe,gBAAgB,EAAEuC,UAAU,CAACvC,gBAAgB;IAClG,CAAC;AACL,CAAC"}

package/lib-commonjs/components/CommonComponents/useChartPopoverStyles.styles.raw.js ADDED Viewed

@@ -0,0 +1,140 @@
+"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 _reacttheme = require("@fluentui/react-theme");
+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 = (0, _react.makeStyles)({
+    calloutContentRoot: {
+        display: 'grid',
+        overflow: 'hidden',
+        ..._react.shorthands.padding('11px 16px 10px 16px'),
+        backgroundColor: _reacttheme.tokens.colorNeutralBackground1,
+        backgroundBlendMode: 'normal, luminosity'
+    },
+    calloutDateTimeContainer: {
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'space-between'
+    },
+    calloutContentX: {
+        ..._reacttheme.typographyStyles.caption1,
+        opacity: '0.8',
+        color: _reacttheme.tokens.colorNeutralForeground2
+    },
+    calloutBlockContainer: {
+        color: _reacttheme.tokens.colorNeutralForeground2
+    },
+    calloutBlockContainerCartesian: {
+        ..._reacttheme.typographyStyles.caption1,
+        marginTop: '13px',
+        forcedColorAdjust: 'none'
+    },
+    calloutBlockContainerNonCartesian: {
+        fontSize: _reacttheme.tokens.fontSizeHero700,
+        lineHeight: '22px',
+        forcedColorAdjust: 'none'
+    },
+    calloutBlockContainertoDrawShapefalse: {
+        paddingLeft: _reacttheme.tokens.spacingHorizontalS,
+        forcedColorAdjust: 'none'
+    },
+    calloutBlockContainertoDrawShapetrue: {
+        display: 'inline-grid'
+    },
+    shapeStyles: {
+        marginRight: _reacttheme.tokens.spacingHorizontalS
+    },
+    calloutLegendText: {
+        ..._reacttheme.typographyStyles.caption1,
+        color: _reacttheme.tokens.colorNeutralForeground2,
+        forcedColorAdjust: 'auto'
+    },
+    calloutContentY: {
+        forcedColorAdjust: 'auto'
+    },
+    calloutContentYCartesian: {
+        ..._reacttheme.typographyStyles.subtitle2Stronger
+    },
+    calloutContentYNonCartesian: {
+        ..._reacttheme.typographyStyles.title2
+    },
+    descriptionMessage: {
+        ..._reacttheme.typographyStyles.caption1,
+        color: _reacttheme.tokens.colorNeutralForeground2,
+        marginTop: _reacttheme.tokens.spacingVerticalMNudge,
+        paddingTop: _reacttheme.tokens.spacingVerticalMNudge,
+        borderTop: `1px solid ${_reacttheme.tokens.colorNeutralStroke2}`
+    },
+    ratio: {
+        ..._reacttheme.typographyStyles.caption2,
+        marginLeft: _reacttheme.tokens.spacingHorizontalSNudge,
+        color: _reacttheme.tokens.colorNeutralForeground1
+    },
+    numerator: {
+        ..._reacttheme.typographyStyles.caption2Strong
+    },
+    denominator: {
+        ..._reacttheme.typographyStyles.caption2Strong
+    },
+    calloutInfoContainer: {
+        paddingLeft: _reacttheme.tokens.spacingHorizontalS,
+        forcedColorAdjust: 'none'
+    },
+    calloutContainer: {}
+});
+const usePopoverStyles_unstable = (props)=>{
+    var _props_styles;
+    const { isCartesian } = props;
+    const baseStyles = useStyles();
+    return {
+        calloutContentRoot: (0, _react.mergeClasses)(popoverClassNames.calloutContentRoot, baseStyles.calloutContentRoot, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _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)
+    };
+};

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/CommonComponents/useChartPopoverStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { ChartPopoverProps, PopoverComponentStyles } from './ChartPopover.types';\n\n/**\n * @internal\n */\nexport const popoverClassNames: SlotClassNames<PopoverComponentStyles> = {\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/**\n * Base Styles\n */\nconst useStyles = makeStyles({\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 color: tokens.colorNeutralForeground2,\n },\n calloutBlockContainerCartesian: {\n ...typographyStyles.caption1,\n marginTop: '13px',\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: { display: 'inline-grid' },\n shapeStyles: {\n marginRight: tokens.spacingHorizontalS,\n },\n calloutLegendText: {\n ...typographyStyles.caption1,\n color: tokens.colorNeutralForeground2,\n forcedColorAdjust: 'auto',\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 */\nexport const usePopoverStyles_unstable = (props: ChartPopoverProps): PopoverComponentStyles => {\n const { isCartesian } = props;\n const baseStyles = useStyles();\n return {\n calloutContentRoot: mergeClasses(\n popoverClassNames.calloutContentRoot,\n baseStyles.calloutContentRoot,\n props.styles?.calloutContentRoot,\n ),\n calloutDateTimeContainer: mergeClasses(\n popoverClassNames.calloutDateTimeContainer,\n baseStyles.calloutDateTimeContainer /*props.styles?.calloutDateTimeContainer*/,\n ),\n calloutContentX: mergeClasses(\n popoverClassNames.calloutContentX,\n baseStyles.calloutContentX /*props.styles?.calloutContentX*/,\n ),\n calloutBlockContainer: mergeClasses(\n popoverClassNames.calloutBlockContainer,\n baseStyles.calloutBlockContainer /*props.styles?.calloutBlockContainerCartesian*/,\n isCartesian ? baseStyles.calloutBlockContainerCartesian : baseStyles.calloutBlockContainerNonCartesian,\n ),\n calloutBlockContainertoDrawShapefalse: mergeClasses(\n popoverClassNames.calloutBlockContainertoDrawShapefalse,\n baseStyles.calloutBlockContainertoDrawShapefalse /*props.styles?.calloutBlockContainertoDrawShapefalse*/,\n ),\n calloutBlockContainertoDrawShapetrue: mergeClasses(\n popoverClassNames.calloutBlockContainertoDrawShapetrue,\n baseStyles.calloutBlockContainertoDrawShapetrue /*props.styles?.calloutBlockContainertoDrawShapetrue*/,\n ),\n shapeStyles: mergeClasses(popoverClassNames.shapeStyles, baseStyles.shapeStyles /*props.styles?.shapeStyles*/),\n calloutlegendText: mergeClasses(\n popoverClassNames.calloutlegendText,\n baseStyles.calloutLegendText /*props.styles?.calloutlegendText*/,\n ),\n calloutContentY: mergeClasses(\n popoverClassNames.calloutContentY,\n baseStyles.calloutContentY /*props.styles?.calloutContentYNonCartesian*/,\n isCartesian ? baseStyles.calloutContentYCartesian : baseStyles.calloutContentYNonCartesian,\n ),\n descriptionMessage: mergeClasses(\n popoverClassNames.descriptionMessage,\n baseStyles.descriptionMessage /*props.styles?. descriptionMessage*/,\n ),\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":["makeStyles","mergeClasses","shorthands","tokens","typographyStyles","popoverClassNames","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","calloutBlockContainertoDrawShapefalse","calloutBlockContainertoDrawShapetrue","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","ratio","numerator","denominator","calloutInfoContainer","calloutContainer","useStyles","display","overflow","padding","backgroundColor","colorNeutralBackground1","backgroundBlendMode","flexDirection","justifyContent","caption1","opacity","color","colorNeutralForeground2","calloutBlockContainerCartesian","marginTop","forcedColorAdjust","calloutBlockContainerNonCartesian","fontSize","fontSizeHero700","lineHeight","paddingLeft","spacingHorizontalS","marginRight","calloutLegendText","calloutContentYCartesian","subtitle2Stronger","calloutContentYNonCartesian","title2","spacingVerticalMNudge","paddingTop","borderTop","colorNeutralStroke2","caption2","marginLeft","spacingHorizontalSNudge","colorNeutralForeground1","caption2Strong","usePopoverStyles_unstable","props","isCartesian","baseStyles","styles"],"mappings":"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"}

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

@@ -26,7 +26,6 @@ const _SankeyChart = require("../SankeyChart/SankeyChart");
 const _index6 = require("../GaugeChart/index");
 const _index7 = require("../GroupedVerticalBarChart/index");
 const _index8 = require("../VerticalBarChart/index");
-const _imageExporter = require("./imageExporter");
 const _index9 = require("../ScatterChart/index");
 const _withResponsiveContainer = require("../ResponsiveContainer/withResponsiveContainer");
 const ResponsiveDonutChart = (0, _withResponsiveContainer.withResponsiveContainer)(_index.DonutChart);
@@ -153,11 +152,15 @@ const DeclarativeChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>
     };
     // TODO
     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
+        return new Promise((resolve, reject)=>{
+            if (!chartRef.current || typeof chartRef.current.toImage !== 'function') {
+                return reject(Error('Chart cannot be exported as image'));
+            }
+            chartRef.current.toImage({
+                background: _reacttheme.tokens.colorNeutralBackground1,
+                scale: 5,
+                ...opts
+            }).then(resolve).catch(reject);
         });
     }, []);
     _react.useImperativeHandle(props.componentRef, ()=>({
@@ -211,6 +214,11 @@ const DeclarativeChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>
         case 'area':
         case 'line':
         case 'fallback':
+        case 'scatterpolar':
+            if (chart.type === 'scatterpolar') {
+                const cartesianProjection = (0, _PlotlySchemaAdapter.projectPolarToCartesian)(plotlyInputWithValidData);
+                plotlyInputWithValidData.data = cartesianProjection.data;
+            }
             // Need recheck for area chart as we don't have ability to check for valid months in previous step
             const isAreaChart = plotlyInputWithValidData.data.some((series)=>series.fill === 'tonexty' || series.fill === 'tozeroy' || !!series.stackgroup);
             return checkAndRenderChart(isAreaChart);