@fluentui/react-charts 9.1.8 → 9.1.10

package/lib-commonjs/components/Legends/useLegendsStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useLegendsStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector } from '../../utilities/index';\n/**\n * @internal\n */ export const legendClassNames = {\n    root: 'fui-legend__root',\n    legend: 'fui-legend__legend',\n    rect: 'fui-legend__rect',\n    shape: 'fui-legend__shape',\n    triangle: 'fui-legend__triangle',\n    text: 'fui-legend__text',\n    hoverChange: 'fui-legend__hoverChange',\n    resizableArea: 'fui-legend__resizableArea'\n};\nconst useStyles = makeStyles({\n    root: {\n        // FIXME: Removing this style allows the legend container in responsive donut chart to resize\n        // properly (horizontally) within a flexbox or grid layout. But it causes vertical resizing issues\n        // in responsive charts where legends consist of multiple words.\n        whiteSpace: 'nowrap',\n        width: '100%',\n        alignItems: 'center',\n        ...shorthands.margin('-8px 0 0 -8px')\n    },\n    legend: {\n        // setting display to flex does not work\n        // display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'left',\n        cursor: 'pointer',\n        ...shorthands.border('none'),\n        ...shorthands.padding(tokens.spacingHorizontalS),\n        textTransform: 'capitalize',\n        // The default min-width is 64px. Setting it to 0 allows the legend container in responsive\n        // cartesian charts to resize properly within a flexbox or grid layout.\n        minWidth: 0,\n        [HighContrastSelector]: {\n            color: 'WindowText',\n            forcedColorAdjust: 'none'\n        },\n        '&:hover': {\n            [HighContrastSelector]: {\n                color: 'HighlightText',\n                forcedColorAdjust: 'none'\n            }\n        }\n    },\n    rect: {\n        [HighContrastSelector]: {\n            content: 'var(--rect-content-high-contrast)',\n            opacity: 'var(--rect-opacity-high-contrast)'\n        },\n        width: '12px',\n        border: '1px solid',\n        marginRight: tokens.spacingHorizontalS\n    },\n    shape: {\n        marginRight: tokens.spacingHorizontalS\n    },\n    // TO DO Add props when these styles are used in the component\n    triangle: {\n        width: '0',\n        height: '0',\n        ...shorthands.borderLeft('6px solid transparent'),\n        ...shorthands.borderRight('6px solid transparent'),\n        ...shorthands.borderTop('10.4px solid'),\n        marginRight: tokens.spacingHorizontalS\n    },\n    // TO DO Add props when these styles are used in the component\n    text: {\n        ...typographyStyles.caption1,\n        color: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    },\n    // TO DO Add props when these styles are used in the component\n    hoverChange: {\n        width: '12px',\n        height: '12px',\n        marginRight: tokens.spacingHorizontalS,\n        ...shorthands.border('1px solid')\n    },\n    resizableArea: {\n        position: 'relative',\n        textAlign: 'left',\n        transform: 'translate(-50%, 0)',\n        top: 'auto',\n        left: '50%',\n        minWidth: '200px',\n        maxWidth: '800px',\n        '::after': {\n            ...shorthands.padding('1px 4px 1px'),\n            ...shorthands.borderTop('-2px'),\n            ...shorthands.borderLeft('-2px')\n        }\n    }\n});\nexport const useLegendStyles = (props)=>{\n    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7;\n    const { className } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(legendClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        legend: mergeClasses(legendClassNames.legend, baseStyles.legend, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.legend),\n        rect: mergeClasses(legendClassNames.rect, baseStyles.rect, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.rect),\n        shape: mergeClasses(legendClassNames.shape, baseStyles.shape, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.shape),\n        triangle: mergeClasses(legendClassNames.triangle, baseStyles.triangle, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.triangle),\n        text: mergeClasses(legendClassNames.text, baseStyles.text, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.text),\n        hoverChange: mergeClasses(legendClassNames.hoverChange, baseStyles.hoverChange, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.hoverChange),\n        resizableArea: mergeClasses(legendClassNames.resizableArea, baseStyles.resizableArea, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.resizableArea)\n    };\n};\n"],"names":["legendClassNames","useLegendStyles","root","legend","rect","shape","triangle","text","hoverChange","resizableArea","useStyles","__styles","Huce71","a9b677","Bt984gj","B6of3ja","t21cq0","jrapky","Frg6f3","Brf1p80","Bceei9c","icvyot","vrafjx","oivjwe","wvpqe5","z8tnut","z189sj","Byoj8tv","uwmqm3","B9bfxx9","Bf4jedk","Bs92zhm","B93v9kj","Ck9m1r","mkjk8h","zpeayv","Bcwlslt","Bgfg5da","B9xav0g","Bn0qgzm","B4g9neb","zhjwy3","ibv6hh","u1mtju","h3c5rm","Bekrc4i","i8vvqc","g2u3we","B4j52fo","irswps","Bqenvij","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","sj55zd","Bvjb7m6","qhf8xq","fsow6f","Bz10aip","Bhzewxz","oyh7mz","B2u0y6b","smv486","u6pn5x","B4uzyy","Be2s5ez","xrcqlc","Bhxzhr1","d","p","m","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","_props_styles7","className","baseStyles","mergeClasses","styles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["useLegendsStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector } from '../../utilities/index';\n/**\n * @internal\n */ export const legendClassNames = {\n    root: 'fui-legend__root',\n    legend: 'fui-legend__legend',\n    rect: 'fui-legend__rect',\n    shape: 'fui-legend__shape',\n    triangle: 'fui-legend__triangle',\n    text: 'fui-legend__text',\n    hoverChange: 'fui-legend__hoverChange',\n    resizableArea: 'fui-legend__resizableArea'\n};\nconst useStyles = makeStyles({\n    root: {\n        // FIXME: Removing this style allows the legend container in responsive donut chart to resize\n        // properly (horizontally) within a flexbox or grid layout. But it causes vertical resizing issues\n        // in responsive charts where legends consist of multiple words.\n        whiteSpace: 'nowrap',\n        width: '100%',\n        alignItems: 'center',\n        ...shorthands.margin('-8px 0 0 -8px')\n    },\n    legend: {\n        // setting display to flex does not work\n        // display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'left',\n        cursor: 'pointer',\n        ...shorthands.border('none'),\n        ...shorthands.padding(tokens.spacingHorizontalS),\n        textTransform: 'capitalize',\n        // The default min-width is 64px. Setting it to 0 allows the legend container in responsive\n        // cartesian charts to resize properly within a flexbox or grid layout.\n        minWidth: 0,\n        [HighContrastSelector]: {\n            color: 'WindowText',\n            forcedColorAdjust: 'none'\n        },\n        '&:hover': {\n            [HighContrastSelector]: {\n                color: 'HighlightText',\n                forcedColorAdjust: 'none'\n            }\n        }\n    },\n    rect: {\n        [HighContrastSelector]: {\n            content: 'var(--rect-content-high-contrast)',\n            opacity: 'var(--rect-opacity-high-contrast)'\n        },\n        width: '12px',\n        border: '1px solid',\n        marginRight: tokens.spacingHorizontalS\n    },\n    shape: {\n        marginRight: tokens.spacingHorizontalS\n    },\n    // TO DO Add props when these styles are used in the component\n    triangle: {\n        width: '0',\n        height: '0',\n        ...shorthands.borderLeft('6px solid transparent'),\n        ...shorthands.borderRight('6px solid transparent'),\n        ...shorthands.borderTop('10.4px solid'),\n        marginRight: tokens.spacingHorizontalS\n    },\n    // TO DO Add props when these styles are used in the component\n    text: {\n        ...typographyStyles.caption1,\n        color: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    },\n    // TO DO Add props when these styles are used in the component\n    hoverChange: {\n        width: '12px',\n        height: '12px',\n        marginRight: tokens.spacingHorizontalS,\n        ...shorthands.border('1px solid')\n    },\n    resizableArea: {\n        position: 'relative',\n        textAlign: 'left',\n        transform: 'translate(-50%, 0)',\n        top: 'auto',\n        left: '50%',\n        minWidth: '200px',\n        maxWidth: '800px',\n        '::after': {\n            ...shorthands.padding('1px 4px 1px'),\n            ...shorthands.borderTop('-2px'),\n            ...shorthands.borderLeft('-2px')\n        }\n    }\n});\nexport const useLegendStyles = (props)=>{\n    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6, _props_styles7;\n    const { className } = props; // ToDo - width, barHeight is non enumerable. Need to be used inline.\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(legendClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        legend: mergeClasses(legendClassNames.legend, baseStyles.legend, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.legend),\n        rect: mergeClasses(legendClassNames.rect, baseStyles.rect, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.rect),\n        shape: mergeClasses(legendClassNames.shape, baseStyles.shape, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.shape),\n        triangle: mergeClasses(legendClassNames.triangle, baseStyles.triangle, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.triangle),\n        text: mergeClasses(legendClassNames.text, baseStyles.text, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.text),\n        hoverChange: mergeClasses(legendClassNames.hoverChange, baseStyles.hoverChange, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.hoverChange),\n        resizableArea: mergeClasses(legendClassNames.resizableArea, baseStyles.resizableArea, (_props_styles7 = props.styles) === null || _props_styles7 === void 0 ? void 0 : _props_styles7.resizableArea)\n    };\n};\n"],"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","HighContrastSelector","legendClassNames","root","legend","rect","shape","triangle","text","hoverChange","resizableArea","useStyles","Huce71","a9b677","Bt984gj","B6of3ja","t21cq0","jrapky","Frg6f3","Brf1p80","Bceei9c","icvyot","vrafjx","oivjwe","wvpqe5","z8tnut","z189sj","Byoj8tv","uwmqm3","B9bfxx9","Bf4jedk","Bs92zhm","B93v9kj","Ck9m1r","mkjk8h","zpeayv","Bcwlslt","Bgfg5da","B9xav0g","Bn0qgzm","B4g9neb","zhjwy3","ibv6hh","u1mtju","h3c5rm","Bekrc4i","i8vvqc","g2u3we","B4j52fo","irswps","Bqenvij","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","sj55zd","Bvjb7m6","qhf8xq","fsow6f","Bz10aip","Bhzewxz","oyh7mz","B2u0y6b","smv486","u6pn5x","B4uzyy","Be2s5ez","xrcqlc","Bhxzhr1","d","p","m","useLegendStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","_props_styles7","className","baseStyles","styles"],"mappings":"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"}

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

@@ -20,11 +20,11 @@ const _index1 = require("../../utilities/index");
 const _index2 = require("../../index");
 const _EventAnnotation = require("./eventAnnotation/EventAnnotation");
 const _reacttheme = require("@fluentui/react-theme");
-var PointSize;
-(function(PointSize) {
+var PointSize = /*#__PURE__*/ function(PointSize) {
     PointSize[PointSize["hoverSize"] = 11] = "hoverSize";
     PointSize[PointSize["invisibleSize"] = 1] = "invisibleSize";
-})(PointSize || (PointSize = {}));
+    return PointSize;
+}(PointSize || {});
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const bisect = (0, _d3array.bisector)((d)=>d.x).left;
 const DEFAULT_LINE_STROKE_SIZE = 4;
@@ -407,7 +407,7 @@ const LineChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                     ref: (e)=>{
                         _refCallback(e, circleId);
                     },
-                    onFocus: ()=>_handleFocus(circleId, x1, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData),
+                    onFocus: (event)=>_handleFocus(event, circleId, x1, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData),
                     onBlur: _handleMouseOut,
                     ..._getClickHandler(_points[i].data[0].onDataPointClick)
                 }));
@@ -519,7 +519,7 @@ const LineChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                         onMouseOver: (event)=>_handleHover(x1, y1, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData, event, yScale),
                         onMouseMove: (event)=>_handleHover(x1, y1, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData, event, yScale),
                         onMouseOut: _handleMouseOut,
-                        onFocus: ()=>_handleFocus(lineId, x1, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData),
+                        onFocus: (event)=>_handleFocus(event, lineId, x1, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData),
                         onBlur: _handleMouseOut,
                         ..._getClickHandler(_points[i].data[j - 1].onDataPointClick),
                         opacity: isLegendSelected && !currentPointHidden ? 1 : 0.01,
@@ -547,7 +547,7 @@ const LineChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                             onMouseOver: (event)=>_handleHover(x2, y2, verticaLineHeight, lastCirlceXCallout, lastCircleId, lastCirlceXCalloutAccessibilityData, event, yScale),
                             onMouseMove: (event)=>_handleHover(x2, y2, verticaLineHeight, lastCirlceXCallout, lastCircleId, lastCirlceXCalloutAccessibilityData, event, yScale),
                             onMouseOut: _handleMouseOut,
-                            onFocus: ()=>_handleFocus(lineId, x2, lastCirlceXCallout, lastCircleId, lastCirlceXCalloutAccessibilityData),
+                            onFocus: (event)=>_handleFocus(event, lineId, x2, lastCirlceXCallout, lastCircleId, lastCirlceXCalloutAccessibilityData),
                             onBlur: _handleMouseOut,
                             ..._getClickHandler(_points[i].data[j].onDataPointClick),
                             opacity: isLegendSelected && !lastPointHidden ? 1 : 0.01,
@@ -567,6 +567,7 @@ const LineChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                             width: 0,
                             onMouseOver: (event)=>_handleHover(x2, y2, verticaLineHeight, lastCirlceXCallout, lastCircleId, lastCirlceXCalloutAccessibilityData, event, yScale),
                             onMouseMove: (event)=>_handleHover(x2, y2, verticaLineHeight, lastCirlceXCallout, lastCircleId, lastCirlceXCalloutAccessibilityData, event, yScale),
+                            onFocus: (event)=>_handleFocus(event, circleId, x1, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData),
                             onMouseOut: _handleMouseOut,
                             strokeWidth: 0,
                             focusable: false,
@@ -811,7 +812,13 @@ const LineChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
             setActivePoint('');
         }
     };
-    function _handleFocus(lineId, x, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData) {
+    function _handleFocus(event, lineId, x, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData) {
+        let cx = 0;
+        let cy = 0;
+        const targetRect = event.target.getBoundingClientRect();
+        cx = targetRect.left + targetRect.width / 2;
+        cy = targetRect.top + targetRect.height / 2;
+        updatePosition(cx, cy);
         _uniqueCallOutID = circleId;
         const formattedData = x instanceof Date ? (0, _index1.formatDate)(x, props.useUTC) : x;
         const xVal = x instanceof Date ? x.getTime() : x;