@fluentui/react-charting 5.24.39 → 5.25.0

package/lib-amd/components/CommonComponents/Annotations/ChartAnnotationLayer.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IChartAnnotationLayerProps } from './ChartAnnotationLayer.types';
+export declare const ChartAnnotationLayer: React.FC<IChartAnnotationLayerProps>;

package/lib-amd/components/CommonComponents/Annotations/ChartAnnotationLayer.js

@@ -0,0 +1,344 @@
+define(["require", "exports", "tslib", "react", "@fluentui/react/lib/Utilities", "./ChartAnnotationLayer.styles"], function (require, exports, tslib_1, React, Utilities_1, ChartAnnotationLayer_styles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ChartAnnotationLayer = void 0;
+    var getClassNames = (0, Utilities_1.classNamesFunction)();
+    var DEFAULT_HORIZONTAL_ALIGN = 'center';
+    var DEFAULT_VERTICAL_ALIGN = 'middle';
+    var DEFAULT_FOREIGN_OBJECT_WIDTH = 180;
+    var DEFAULT_FOREIGN_OBJECT_HEIGHT = 60;
+    var MIN_ARROW_SIZE = 6;
+    var MAX_ARROW_SIZE = 24;
+    var ARROW_SIZE_SCALE = 0.35;
+    var getAnnotationKey = function (annotation, index) {
+        var _a, _b;
+        return (_b = (_a = annotation.id) !== null && _a !== void 0 ? _a : (typeof annotation.text === 'string' || typeof annotation.text === 'number' ? String(annotation.text) : undefined)) !== null && _b !== void 0 ? _b : "annotation-".concat(index);
+    };
+    var decodeHtmlEntities = function (html, documentRef) {
+        var _a, _b;
+        if (!html || html.indexOf('&') === -1) {
+            return html;
+        }
+        if (!((_a = documentRef === null || documentRef === void 0 ? void 0 : documentRef.implementation) === null || _a === void 0 ? void 0 : _a.createHTMLDocument)) {
+            return html;
+        }
+        var workingDocument = documentRef.implementation.createHTMLDocument('');
+        workingDocument.body.innerHTML = html;
+        return (_b = workingDocument.body.textContent) !== null && _b !== void 0 ? _b : '';
+    };
+    var sanitizeAnnotationHtml = function (html) {
+        var _a, _b;
+        if (!html) {
+            return '';
+        }
+        if (typeof window === 'undefined' || !((_b = (_a = window.document) === null || _a === void 0 ? void 0 : _a.implementation) === null || _b === void 0 ? void 0 : _b.createHTMLDocument)) {
+            return html;
+        }
+        var workingDocument = window.document.implementation.createHTMLDocument('');
+        workingDocument.body.innerHTML = decodeHtmlEntities(html, window.document);
+        workingDocument.body.querySelectorAll('script, iframe, object, embed, link').forEach(function (node) { return node.remove(); });
+        workingDocument.body.querySelectorAll('*').forEach(function (node) {
+            Array.from(node.attributes).forEach(function (attr) {
+                if (/^on/i.test(attr.name)) {
+                    node.removeAttribute(attr.name);
+                }
+            });
+        });
+        return workingDocument.body.innerHTML;
+    };
+    var normalizeBandOffset = function (scale, value) {
+        var position = scale === null || scale === void 0 ? void 0 : scale(value);
+        if (typeof position !== 'number' || Number.isNaN(position)) {
+            return undefined;
+        }
+        if (scale && typeof scale.bandwidth === 'function') {
+            return position + scale.bandwidth() / 2;
+        }
+        return position;
+    };
+    var clamp = function (value, min, max) { return Math.max(min, Math.min(max, value)); };
+    var createMeasurementSignature = function (annotationHtml, containerStyle, contentStyle, layoutClassName, styleClassName) {
+        return JSON.stringify({
+            annotationHtml: annotationHtml,
+            containerStyle: containerStyle,
+            contentStyle: contentStyle,
+            layoutClassName: layoutClassName !== null && layoutClassName !== void 0 ? layoutClassName : '',
+            styleClassName: styleClassName !== null && styleClassName !== void 0 ? styleClassName : '',
+        });
+    };
+    var resolveCoordinates = function (annotation, context) {
+        var _a, _b;
+        var coordinates = annotation.coordinates, layout = annotation.layout;
+        if (!coordinates) {
+            return undefined;
+        }
+        var offsetX = (_a = layout === null || layout === void 0 ? void 0 : layout.offsetX) !== null && _a !== void 0 ? _a : 0;
+        var offsetY = (_b = layout === null || layout === void 0 ? void 0 : layout.offsetY) !== null && _b !== void 0 ? _b : 0;
+        var anchor = { x: 0, y: 0 };
+        switch (coordinates.type) {
+            case 'data': {
+                var x = coordinates.x, y = coordinates.y, _c = coordinates.yAxis, yAxis = _c === void 0 ? 'primary' : _c;
+                var xScale = context.xScale;
+                var yScale = yAxis === 'secondary' ? context.yScaleSecondary : context.yScalePrimary;
+                if (!xScale || !yScale) {
+                    return undefined;
+                }
+                var xValue = normalizeBandOffset(xScale, x instanceof Date ? x.getTime() : x);
+                var yValue = normalizeBandOffset(yScale, y instanceof Date ? y.getTime() : y);
+                if (typeof xValue !== 'number' || typeof yValue !== 'number') {
+                    return undefined;
+                }
+                anchor.x = xValue;
+                anchor.y = yValue;
+                break;
+            }
+            case 'relative': {
+                if (typeof coordinates.x !== 'number' || typeof coordinates.y !== 'number') {
+                    return undefined;
+                }
+                anchor.x = context.plotRect.x + context.plotRect.width * coordinates.x;
+                anchor.y = context.plotRect.y + context.plotRect.height * coordinates.y;
+                break;
+            }
+            case 'pixel': {
+                if (typeof coordinates.x !== 'number' || typeof coordinates.y !== 'number') {
+                    return undefined;
+                }
+                anchor.x = context.plotRect.x + coordinates.x;
+                anchor.y = context.plotRect.y + coordinates.y;
+                break;
+            }
+            default:
+                return undefined;
+        }
+        var left = anchor.x + offsetX;
+        var top = anchor.y + offsetY;
+        if (layout === null || layout === void 0 ? void 0 : layout.clipToBounds) {
+            left = clamp(left, context.plotRect.x, context.plotRect.x + context.plotRect.width);
+            top = clamp(top, context.plotRect.y, context.plotRect.y + context.plotRect.height);
+        }
+        return {
+            anchor: anchor,
+            point: { x: left, y: top },
+        };
+    };
+    exports.ChartAnnotationLayer = React.memo(function (props) {
+        var annotationsProp = props.annotations, theme = props.theme, context = props.context, className = props.className;
+        var classNames = getClassNames(ChartAnnotationLayer_styles_1.getStyles, { theme: theme, className: className });
+        var idPrefix = React.useMemo(function () { return (0, Utilities_1.getId)('chart-annotation'); }, []);
+        var _a = React.useState({}), measurements = _a[0], setMeasurements = _a[1];
+        var resolvedAnnotations = React.useMemo(function () {
+            return (annotationsProp !== null && annotationsProp !== void 0 ? annotationsProp : []).map(function (annotation, index) { return ({ annotation: annotation, key: getAnnotationKey(annotation, index) }); });
+        }, [annotationsProp]);
+        React.useEffect(function () {
+            setMeasurements(function (prev) {
+                if (resolvedAnnotations.length === 0) {
+                    if (Object.keys(prev).length === 0) {
+                        return prev;
+                    }
+                    return {};
+                }
+                var next = {};
+                resolvedAnnotations.forEach(function (_a) {
+                    var key = _a.key;
+                    if (prev[key]) {
+                        next[key] = prev[key];
+                    }
+                });
+                if (Object.keys(next).length === Object.keys(prev).length) {
+                    var identical = true;
+                    for (var _i = 0, _a = Object.keys(next); _i < _a.length; _i++) {
+                        var key = _a[_i];
+                        if (next[key] !== prev[key]) {
+                            identical = false;
+                            break;
+                        }
+                    }
+                    if (identical) {
+                        return prev;
+                    }
+                }
+                return next;
+            });
+        }, [resolvedAnnotations]);
+        var updateMeasurement = React.useCallback(function (key, width, height, signature) {
+            setMeasurements(function (prev) {
+                var _a;
+                var prevEntry = prev[key];
+                if (prevEntry &&
+                    prevEntry.signature === signature &&
+                    Math.abs(prevEntry.width - width) < 0.5 &&
+                    Math.abs(prevEntry.height - height) < 0.5) {
+                    return prev;
+                }
+                if (width === 0 && height === 0) {
+                    return prev;
+                }
+                return tslib_1.__assign(tslib_1.__assign({}, prev), (_a = {}, _a[key] = { width: width, height: height, signature: signature }, _a));
+            });
+        }, []);
+        var annotationForeignObjects = [];
+        var measurementElements = [];
+        var connectors = [];
+        resolvedAnnotations.forEach(function (_a) {
+            var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12;
+            var annotation = _a.annotation, key = _a.key;
+            var resolved = resolveCoordinates(annotation, context);
+            if (!resolved) {
+                return;
+            }
+            var annotationHtml = sanitizeAnnotationHtml((_b = annotation.text) !== null && _b !== void 0 ? _b : '');
+            var layout = annotation.layout;
+            var horizontalAlign = (_c = layout === null || layout === void 0 ? void 0 : layout.align) !== null && _c !== void 0 ? _c : DEFAULT_HORIZONTAL_ALIGN;
+            var verticalAlign = (_d = layout === null || layout === void 0 ? void 0 : layout.verticalAlign) !== null && _d !== void 0 ? _d : DEFAULT_VERTICAL_ALIGN;
+            var backgroundOpacity = (_f = (_e = annotation.style) === null || _e === void 0 ? void 0 : _e.opacity) !== null && _f !== void 0 ? _f : ChartAnnotationLayer_styles_1.DEFAULT_ANNOTATION_BACKGROUND_OPACITY;
+            var baseBackgroundColor = (_h = (_g = annotation.style) === null || _g === void 0 ? void 0 : _g.backgroundColor) !== null && _h !== void 0 ? _h : theme.semanticColors.bodyBackground;
+            var hasCustomBackground = ((_j = annotation.style) === null || _j === void 0 ? void 0 : _j.backgroundColor) !== undefined || ((_k = annotation.style) === null || _k === void 0 ? void 0 : _k.opacity) !== undefined;
+            var containerStyle = tslib_1.__assign(tslib_1.__assign({ maxWidth: layout === null || layout === void 0 ? void 0 : layout.maxWidth }, (hasCustomBackground && {
+                backgroundColor: (0, ChartAnnotationLayer_styles_1.applyOpacityToColor)(baseBackgroundColor, backgroundOpacity),
+            })), { borderColor: (_l = annotation.style) === null || _l === void 0 ? void 0 : _l.borderColor, borderWidth: (_m = annotation.style) === null || _m === void 0 ? void 0 : _m.borderWidth, borderStyle: (_p = (_o = annotation.style) === null || _o === void 0 ? void 0 : _o.borderStyle) !== null && _p !== void 0 ? _p : (((_q = annotation.style) === null || _q === void 0 ? void 0 : _q.borderColor) ? 'solid' : undefined), borderRadius: (_r = annotation.style) === null || _r === void 0 ? void 0 : _r.borderRadius, padding: (_s = annotation.style) === null || _s === void 0 ? void 0 : _s.padding, boxShadow: (_t = annotation.style) === null || _t === void 0 ? void 0 : _t.boxShadow });
+            var contentStyle = {
+                color: (_u = annotation.style) === null || _u === void 0 ? void 0 : _u.textColor,
+                fontSize: (_v = annotation.style) === null || _v === void 0 ? void 0 : _v.fontSize,
+                fontWeight: (_w = annotation.style) === null || _w === void 0 ? void 0 : _w.fontWeight,
+                opacity: 1,
+            };
+            var measurementSignature = createMeasurementSignature(annotationHtml, containerStyle, contentStyle, layout === null || layout === void 0 ? void 0 : layout.className, (_x = annotation.style) === null || _x === void 0 ? void 0 : _x.className);
+            var measurementEntry = measurements[key];
+            var isMeasurementValid = (measurementEntry === null || measurementEntry === void 0 ? void 0 : measurementEntry.signature) === measurementSignature;
+            var measuredSize = isMeasurementValid ? measurementEntry : undefined;
+            var width = Math.max((_z = (_y = measuredSize === null || measuredSize === void 0 ? void 0 : measuredSize.width) !== null && _y !== void 0 ? _y : layout === null || layout === void 0 ? void 0 : layout.maxWidth) !== null && _z !== void 0 ? _z : DEFAULT_FOREIGN_OBJECT_WIDTH, 1);
+            var height = Math.max((_0 = measuredSize === null || measuredSize === void 0 ? void 0 : measuredSize.height) !== null && _0 !== void 0 ? _0 : DEFAULT_FOREIGN_OBJECT_HEIGHT, 1);
+            var offsetX = horizontalAlign === 'center' ? -width / 2 : horizontalAlign === 'end' ? -width : 0;
+            var offsetY = verticalAlign === 'middle' ? -height / 2 : verticalAlign === 'bottom' ? -height : 0;
+            var baseTopLeftX = resolved.point.x + offsetX;
+            var baseTopLeftY = resolved.point.y + offsetY;
+            var usePlotBounds = (layout === null || layout === void 0 ? void 0 : layout.clipToBounds) !== false;
+            var viewportX = usePlotBounds ? context.plotRect.x : 0;
+            var viewportY = usePlotBounds ? context.plotRect.y : 0;
+            var viewportWidth = usePlotBounds ? context.plotRect.width : (_1 = context.svgRect.width) !== null && _1 !== void 0 ? _1 : 0;
+            var viewportHeight = usePlotBounds ? context.plotRect.height : (_2 = context.svgRect.height) !== null && _2 !== void 0 ? _2 : 0;
+            var maxTopLeftX = viewportWidth > 0 ? viewportX + viewportWidth - width : baseTopLeftX;
+            var maxTopLeftY = viewportHeight > 0 ? viewportY + viewportHeight - height : baseTopLeftY;
+            var topLeftX = viewportWidth > 0 ? clamp(baseTopLeftX, viewportX, Math.max(viewportX, maxTopLeftX)) : baseTopLeftX;
+            var topLeftY = viewportHeight > 0 ? clamp(baseTopLeftY, viewportY, Math.max(viewportY, maxTopLeftY)) : baseTopLeftY;
+            var displayPoint = {
+                x: topLeftX - offsetX,
+                y: topLeftY - offsetY,
+            };
+            if (annotation.connector) {
+                var startPadding = (_3 = annotation.connector.startPadding) !== null && _3 !== void 0 ? _3 : 12;
+                var endPadding = (_4 = annotation.connector.endPadding) !== null && _4 !== void 0 ? _4 : 0;
+                var minArrowClearance = 6;
+                var minDistance = Math.max(startPadding + endPadding + minArrowClearance, startPadding);
+                var dx = displayPoint.x - resolved.anchor.x;
+                var dy = displayPoint.y - resolved.anchor.y;
+                var distance = Math.sqrt(dx * dx + dy * dy);
+                if (distance < minDistance) {
+                    var fallbackDirection = { x: 0, y: -1 };
+                    var ux = distance === 0 ? fallbackDirection.x : dx / distance;
+                    var uy = distance === 0 ? fallbackDirection.y : dy / distance;
+                    var desiredDisplayX = resolved.anchor.x + ux * minDistance;
+                    var desiredDisplayY = resolved.anchor.y + uy * minDistance;
+                    var desiredTopLeftX = desiredDisplayX + offsetX;
+                    var desiredTopLeftY = desiredDisplayY + offsetY;
+                    desiredTopLeftX =
+                        viewportWidth > 0 ? clamp(desiredTopLeftX, viewportX, Math.max(viewportX, maxTopLeftX)) : desiredTopLeftX;
+                    desiredTopLeftY =
+                        viewportHeight > 0 ? clamp(desiredTopLeftY, viewportY, Math.max(viewportY, maxTopLeftY)) : desiredTopLeftY;
+                    topLeftX = desiredTopLeftX;
+                    topLeftY = desiredTopLeftY;
+                    displayPoint = {
+                        x: topLeftX - offsetX,
+                        y: topLeftY - offsetY,
+                    };
+                }
+            }
+            var measurementStyle = tslib_1.__assign({ left: topLeftX, top: topLeftY, pointerEvents: 'none' }, containerStyle);
+            if (!isMeasurementValid) {
+                measurementElements.push(React.createElement("div", { key: "".concat(key, "-measurement"), ref: function (node) {
+                        if (node) {
+                            var rect = node.getBoundingClientRect();
+                            if (rect.width !== 0 || rect.height !== 0) {
+                                updateMeasurement(key, rect.width, rect.height, measurementSignature);
+                            }
+                        }
+                    }, className: (0, Utilities_1.css)(classNames.annotation, classNames.measurement, layout === null || layout === void 0 ? void 0 : layout.className, (_5 = annotation.style) === null || _5 === void 0 ? void 0 : _5.className), style: measurementStyle, "aria-hidden": true, "data-annotation-key": key, "data-chart-annotation-measurement": "true" },
+                    React.createElement("div", { className: (0, Utilities_1.css)(classNames.annotationContent, layout === null || layout === void 0 ? void 0 : layout.className, (_6 = annotation.style) === null || _6 === void 0 ? void 0 : _6.className), style: contentStyle, dangerouslySetInnerHTML: { __html: annotationHtml } })));
+            }
+            annotationForeignObjects.push(React.createElement("foreignObject", { key: "".concat(key, "-annotation"), x: topLeftX, y: topLeftY, width: width, height: height, className: (0, Utilities_1.css)(classNames.annotationForeignObject), "data-annotation-key": key },
+                React.createElement("div", { className: (0, Utilities_1.css)(classNames.annotation, layout === null || layout === void 0 ? void 0 : layout.className, (_7 = annotation.style) === null || _7 === void 0 ? void 0 : _7.className), style: containerStyle, "data-annotation-key": key },
+                    React.createElement("div", { className: (0, Utilities_1.css)(classNames.annotationContent, (_8 = annotation.style) === null || _8 === void 0 ? void 0 : _8.className), style: contentStyle, role: (_10 = (_9 = annotation.accessibility) === null || _9 === void 0 ? void 0 : _9.role) !== null && _10 !== void 0 ? _10 : 'note', "aria-label": (_11 = annotation.accessibility) === null || _11 === void 0 ? void 0 : _11.ariaLabel, "aria-describedby": (_12 = annotation.accessibility) === null || _12 === void 0 ? void 0 : _12.ariaDescribedBy, "data-chart-annotation": "true", "data-annotation-key": key, dangerouslySetInnerHTML: { __html: annotationHtml } }))));
+            if (annotation.connector) {
+                var _13 = annotation.connector, _14 = _13.startPadding, startPadding = _14 === void 0 ? ChartAnnotationLayer_styles_1.DEFAULT_CONNECTOR_START_PADDING : _14, _15 = _13.endPadding, endPadding = _15 === void 0 ? ChartAnnotationLayer_styles_1.DEFAULT_CONNECTOR_END_PADDING : _15, _16 = _13.strokeColor, strokeColor = _16 === void 0 ? (0, ChartAnnotationLayer_styles_1.getDefaultConnectorStrokeColor)(theme) : _16, _17 = _13.strokeWidth, strokeWidth = _17 === void 0 ? ChartAnnotationLayer_styles_1.DEFAULT_CONNECTOR_STROKE_WIDTH : _17, dashArray = _13.dashArray, _18 = _13.arrow, arrow = _18 === void 0 ? ChartAnnotationLayer_styles_1.DEFAULT_CONNECTOR_ARROW : _18;
+                var dx = resolved.anchor.x - displayPoint.x;
+                var dy = resolved.anchor.y - displayPoint.y;
+                var distance = Math.sqrt(dx * dx + dy * dy) || 1;
+                var ux = dx / distance;
+                var uy = dy / distance;
+                var sizeBasis = Math.max(1, Math.min(width, height));
+                var proportionalSize = sizeBasis * ARROW_SIZE_SCALE;
+                var maxByPadding = startPadding > 0 ? startPadding * 1.25 : MAX_ARROW_SIZE;
+                var maxByDistance = distance * 0.6;
+                var markerSize = clamp(proportionalSize, MIN_ARROW_SIZE, Math.min(MAX_ARROW_SIZE, maxByPadding, maxByDistance));
+                var markerStrokeWidth = clamp(strokeWidth, 1, markerSize / 2);
+                var start = {
+                    x: displayPoint.x + ux * startPadding,
+                    y: displayPoint.y + uy * startPadding,
+                };
+                var end = {
+                    x: resolved.anchor.x - ux * endPadding,
+                    y: resolved.anchor.y - uy * endPadding,
+                };
+                connectors.push({
+                    key: "".concat(key, "-connector"),
+                    start: start,
+                    end: end,
+                    strokeColor: strokeColor,
+                    strokeWidth: strokeWidth,
+                    dashArray: dashArray,
+                    arrow: arrow,
+                    markerSize: markerSize,
+                    markerStrokeWidth: markerStrokeWidth,
+                });
+            }
+        });
+        if (annotationForeignObjects.length === 0 && connectors.length === 0) {
+            return null;
+        }
+        var viewBoxWidth = context.svgRect.width || 1;
+        var viewBoxHeight = context.svgRect.height || 1;
+        var markerDefs = [];
+        var createMarkerId = function (color, position, size, markerStrokeWidth) {
+            var id = "".concat(idPrefix, "-").concat(position, "-").concat(markerDefs.length);
+            var refY = size / 2;
+            var refX = position === 'end' ? size : 0;
+            var pathEnd = "M0 0 L ".concat(size, " ").concat(refY, " L0 ").concat(size, " Z");
+            var pathStart = "M ".concat(size, " 0 L0 ").concat(refY, " L ").concat(size, " ").concat(size, " Z");
+            var path = position === 'end' ? pathEnd : pathStart;
+            markerDefs.push(React.createElement("marker", { key: id, id: id, markerWidth: size, markerHeight: size, viewBox: "0 0 ".concat(size, " ").concat(size), refX: refX, refY: refY, orient: "auto", markerUnits: "userSpaceOnUse" },
+                React.createElement("path", { d: path, fill: color, stroke: color, strokeWidth: markerStrokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
+            return id;
+        };
+        var connectorElements = connectors.map(function (connector) {
+            var markerStart;
+            var markerEnd;
+            if (connector.arrow === 'start' || connector.arrow === 'both') {
+                markerStart = createMarkerId(connector.strokeColor, 'start', connector.markerSize, connector.markerStrokeWidth);
+            }
+            if (connector.arrow === 'end' || connector.arrow === 'both') {
+                markerEnd = createMarkerId(connector.strokeColor, 'end', connector.markerSize, connector.markerStrokeWidth);
+            }
+            return (React.createElement("line", { key: connector.key, x1: connector.start.x, y1: connector.start.y, x2: connector.end.x, y2: connector.end.y, stroke: connector.strokeColor, strokeWidth: connector.strokeWidth, strokeDasharray: connector.dashArray, strokeLinecap: "round", markerStart: markerStart ? "url(#".concat(markerStart, ")") : undefined, markerEnd: markerEnd ? "url(#".concat(markerEnd, ")") : undefined }));
+        });
+        var shouldRenderSvg = connectors.length > 0 || annotationForeignObjects.length > 0;
+        return (React.createElement("div", { className: classNames.root, role: "presentation", "data-chart-annotation-layer": "true" },
+            shouldRenderSvg && (React.createElement("svg", { className: classNames.connectorLayer, width: "100%", height: "100%", viewBox: "0 0 ".concat(viewBoxWidth, " ").concat(viewBoxHeight), preserveAspectRatio: "none", "data-chart-annotation-svg": "true" },
+                markerDefs.length > 0 && React.createElement("defs", null, markerDefs),
+                connectorElements.length > 0 && (React.createElement("g", { "aria-hidden": "true", className: classNames.connectorGroup }, connectorElements)),
+                annotationForeignObjects)),
+            measurementElements));
+    });
+    exports.ChartAnnotationLayer.displayName = 'ChartAnnotationLayer';
+});
+//# sourceMappingURL=ChartAnnotationLayer.js.map

package/lib-amd/components/CommonComponents/Annotations/ChartAnnotationLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartAnnotationLayer.js","sourceRoot":"../src/","sources":["components/CommonComponents/Annotations/ChartAnnotationLayer.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { classNamesFunction, css, getId } from '@fluentui/react/lib/Utilities';\nimport { IChartAnnotation } from '../../../types/IChartAnnotation';\nimport {\n  IAnnotationPoint,\n  IChartAnnotationContext,\n  IChartAnnotationLayerProps,\n  ConnectorRenderData,\n  IResolvedAnnotationPosition,\n} from './ChartAnnotationLayer.types';\nimport {\n  applyOpacityToColor,\n  DEFAULT_ANNOTATION_BACKGROUND_OPACITY,\n  DEFAULT_CONNECTOR_ARROW,\n  DEFAULT_CONNECTOR_END_PADDING,\n  DEFAULT_CONNECTOR_START_PADDING,\n  DEFAULT_CONNECTOR_STROKE_WIDTH,\n  getDefaultConnectorStrokeColor,\n  getStyles,\n  IChartAnnotationLayerStyleProps,\n  IChartAnnotationLayerStyles,\n} from './ChartAnnotationLayer.styles';\n\nconst getClassNames = classNamesFunction<IChartAnnotationLayerStyleProps, IChartAnnotationLayerStyles>();\n\nconst DEFAULT_HORIZONTAL_ALIGN = 'center';\nconst DEFAULT_VERTICAL_ALIGN = 'middle';\nconst DEFAULT_FOREIGN_OBJECT_WIDTH = 180;\nconst DEFAULT_FOREIGN_OBJECT_HEIGHT = 60;\nconst MIN_ARROW_SIZE = 6;\nconst MAX_ARROW_SIZE = 24;\nconst ARROW_SIZE_SCALE = 0.35;\nconst getAnnotationKey = (annotation: IChartAnnotation, index: number) =>\n  annotation.id ??\n  (typeof annotation.text === 'string' || typeof annotation.text === 'number' ? String(annotation.text) : undefined) ??\n  `annotation-${index}`;\n\nconst decodeHtmlEntities = (html: string, documentRef: Document): string => {\n  if (!html || html.indexOf('&') === -1) {\n    return html;\n  }\n\n  if (!documentRef?.implementation?.createHTMLDocument) {\n    return html;\n  }\n\n  const workingDocument = documentRef.implementation.createHTMLDocument('');\n  workingDocument.body.innerHTML = html;\n  return workingDocument.body.textContent ?? '';\n};\n\nconst sanitizeAnnotationHtml = (html: string): string => {\n  if (!html) {\n    return '';\n  }\n\n  if (typeof window === 'undefined' || !window.document?.implementation?.createHTMLDocument) {\n    return html;\n  }\n\n  const workingDocument = window.document.implementation.createHTMLDocument('');\n  workingDocument.body.innerHTML = decodeHtmlEntities(html, window.document);\n\n  workingDocument.body.querySelectorAll('script, iframe, object, embed, link').forEach(node => node.remove());\n\n  workingDocument.body.querySelectorAll('*').forEach(node => {\n    Array.from(node.attributes).forEach(attr => {\n      if (/^on/i.test(attr.name)) {\n        node.removeAttribute(attr.name);\n      }\n    });\n  });\n\n  return workingDocument.body.innerHTML;\n};\n\nconst normalizeBandOffset = (\n  scale: (((value: unknown) => number) & { bandwidth?: () => number }) | undefined,\n  value: unknown,\n) => {\n  const position = scale?.(value as never);\n  if (typeof position !== 'number' || Number.isNaN(position)) {\n    return undefined;\n  }\n  if (scale && typeof scale.bandwidth === 'function') {\n    return position + scale.bandwidth() / 2;\n  }\n  return position;\n};\n\nconst clamp = (value: number, min: number, max: number) => Math.max(min, Math.min(max, value));\n\nconst createMeasurementSignature = (\n  annotationHtml: string,\n  containerStyle: React.CSSProperties,\n  contentStyle: React.CSSProperties,\n  layoutClassName?: string,\n  styleClassName?: string,\n) =>\n  JSON.stringify({\n    annotationHtml,\n    containerStyle,\n    contentStyle,\n    layoutClassName: layoutClassName ?? '',\n    styleClassName: styleClassName ?? '',\n  });\n\ntype MeasurementEntry = { width: number; height: number; signature: string };\n\nconst resolveCoordinates = (\n  annotation: IChartAnnotation,\n  context: IChartAnnotationContext,\n): IResolvedAnnotationPosition | undefined => {\n  const { coordinates, layout } = annotation;\n\n  if (!coordinates) {\n    return undefined;\n  }\n\n  const offsetX = layout?.offsetX ?? 0;\n  const offsetY = layout?.offsetY ?? 0;\n\n  const anchor: IAnnotationPoint = { x: 0, y: 0 };\n\n  switch (coordinates.type) {\n    case 'data': {\n      const { x, y, yAxis = 'primary' } = coordinates;\n      const xScale = context.xScale;\n      const yScale = yAxis === 'secondary' ? context.yScaleSecondary : context.yScalePrimary;\n      if (!xScale || !yScale) {\n        return undefined;\n      }\n      const xValue = normalizeBandOffset(xScale, x instanceof Date ? x.getTime() : x);\n      const yValue = normalizeBandOffset(yScale, y instanceof Date ? y.getTime() : y);\n      if (typeof xValue !== 'number' || typeof yValue !== 'number') {\n        return undefined;\n      }\n      anchor.x = xValue;\n      anchor.y = yValue;\n      break;\n    }\n    case 'relative': {\n      if (typeof coordinates.x !== 'number' || typeof coordinates.y !== 'number') {\n        return undefined;\n      }\n      anchor.x = context.plotRect.x + context.plotRect.width * coordinates.x;\n      anchor.y = context.plotRect.y + context.plotRect.height * coordinates.y;\n      break;\n    }\n    case 'pixel': {\n      if (typeof coordinates.x !== 'number' || typeof coordinates.y !== 'number') {\n        return undefined;\n      }\n      anchor.x = context.plotRect.x + coordinates.x;\n      anchor.y = context.plotRect.y + coordinates.y;\n      break;\n    }\n    default:\n      return undefined;\n  }\n\n  let left = anchor.x + offsetX;\n  let top = anchor.y + offsetY;\n\n  if (layout?.clipToBounds) {\n    left = clamp(left, context.plotRect.x, context.plotRect.x + context.plotRect.width);\n    top = clamp(top, context.plotRect.y, context.plotRect.y + context.plotRect.height);\n  }\n\n  return {\n    anchor,\n    point: { x: left, y: top },\n  };\n};\n\nexport const ChartAnnotationLayer: React.FC<IChartAnnotationLayerProps> = React.memo(props => {\n  const { annotations: annotationsProp, theme, context, className } = props;\n\n  const classNames = getClassNames(getStyles, { theme, className });\n  const idPrefix = React.useMemo(() => getId('chart-annotation'), []);\n\n  const [measurements, setMeasurements] = React.useState<Record<string, MeasurementEntry>>({});\n\n  const resolvedAnnotations = React.useMemo(\n    () =>\n      (annotationsProp ?? []).map((annotation, index) => ({ annotation, key: getAnnotationKey(annotation, index) })),\n    [annotationsProp],\n  );\n\n  React.useEffect(() => {\n    setMeasurements(prev => {\n      if (resolvedAnnotations.length === 0) {\n        if (Object.keys(prev).length === 0) {\n          return prev;\n        }\n        return {} as Record<string, MeasurementEntry>;\n      }\n\n      const next: Record<string, MeasurementEntry> = {};\n      resolvedAnnotations.forEach(({ key }) => {\n        if (prev[key]) {\n          next[key] = prev[key];\n        }\n      });\n\n      if (Object.keys(next).length === Object.keys(prev).length) {\n        let identical = true;\n        for (const key of Object.keys(next)) {\n          if (next[key] !== prev[key]) {\n            identical = false;\n            break;\n          }\n        }\n        if (identical) {\n          return prev;\n        }\n      }\n\n      return next;\n    });\n  }, [resolvedAnnotations]);\n\n  const updateMeasurement = React.useCallback((key: string, width: number, height: number, signature: string) => {\n    setMeasurements(prev => {\n      const prevEntry = prev[key];\n      if (\n        prevEntry &&\n        prevEntry.signature === signature &&\n        Math.abs(prevEntry.width - width) < 0.5 &&\n        Math.abs(prevEntry.height - height) < 0.5\n      ) {\n        return prev;\n      }\n\n      if (width === 0 && height === 0) {\n        return prev;\n      }\n\n      return {\n        ...prev,\n        [key]: { width, height, signature },\n      };\n    });\n  }, []);\n\n  const annotationForeignObjects: React.ReactNode[] = [];\n  const measurementElements: React.ReactNode[] = [];\n  const connectors: ConnectorRenderData[] = [];\n\n  resolvedAnnotations.forEach(({ annotation, key }) => {\n    const resolved = resolveCoordinates(annotation, context);\n    if (!resolved) {\n      return;\n    }\n\n    const annotationHtml = sanitizeAnnotationHtml(annotation.text ?? '');\n\n    const layout = annotation.layout;\n    const horizontalAlign = layout?.align ?? DEFAULT_HORIZONTAL_ALIGN;\n    const verticalAlign = layout?.verticalAlign ?? DEFAULT_VERTICAL_ALIGN;\n    const backgroundOpacity = annotation.style?.opacity ?? DEFAULT_ANNOTATION_BACKGROUND_OPACITY;\n    const baseBackgroundColor = annotation.style?.backgroundColor ?? theme.semanticColors.bodyBackground;\n    const hasCustomBackground =\n      annotation.style?.backgroundColor !== undefined || annotation.style?.opacity !== undefined;\n\n    const containerStyle: React.CSSProperties = {\n      maxWidth: layout?.maxWidth,\n      ...(hasCustomBackground && {\n        backgroundColor: applyOpacityToColor(baseBackgroundColor, backgroundOpacity),\n      }),\n      borderColor: annotation.style?.borderColor,\n      borderWidth: annotation.style?.borderWidth,\n      borderStyle: annotation.style?.borderStyle ?? (annotation.style?.borderColor ? 'solid' : undefined),\n      borderRadius: annotation.style?.borderRadius,\n      padding: annotation.style?.padding,\n      boxShadow: annotation.style?.boxShadow,\n    };\n\n    const contentStyle: React.CSSProperties = {\n      color: annotation.style?.textColor,\n      fontSize: annotation.style?.fontSize,\n      fontWeight: annotation.style?.fontWeight,\n      opacity: 1,\n    };\n\n    const measurementSignature = createMeasurementSignature(\n      annotationHtml,\n      containerStyle,\n      contentStyle,\n      layout?.className,\n      annotation.style?.className,\n    );\n    const measurementEntry = measurements[key];\n    const isMeasurementValid = measurementEntry?.signature === measurementSignature;\n    const measuredSize = isMeasurementValid ? measurementEntry : undefined;\n    const width = Math.max(measuredSize?.width ?? layout?.maxWidth ?? DEFAULT_FOREIGN_OBJECT_WIDTH, 1);\n    const height = Math.max(measuredSize?.height ?? DEFAULT_FOREIGN_OBJECT_HEIGHT, 1);\n\n    const offsetX = horizontalAlign === 'center' ? -width / 2 : horizontalAlign === 'end' ? -width : 0;\n    const offsetY = verticalAlign === 'middle' ? -height / 2 : verticalAlign === 'bottom' ? -height : 0;\n\n    const baseTopLeftX = resolved.point.x + offsetX;\n    const baseTopLeftY = resolved.point.y + offsetY;\n\n    const usePlotBounds = layout?.clipToBounds !== false;\n    const viewportX = usePlotBounds ? context.plotRect.x : 0;\n    const viewportY = usePlotBounds ? context.plotRect.y : 0;\n    const viewportWidth = usePlotBounds ? context.plotRect.width : context.svgRect.width ?? 0;\n    const viewportHeight = usePlotBounds ? context.plotRect.height : context.svgRect.height ?? 0;\n\n    const maxTopLeftX = viewportWidth > 0 ? viewportX + viewportWidth - width : baseTopLeftX;\n    const maxTopLeftY = viewportHeight > 0 ? viewportY + viewportHeight - height : baseTopLeftY;\n\n    let topLeftX = viewportWidth > 0 ? clamp(baseTopLeftX, viewportX, Math.max(viewportX, maxTopLeftX)) : baseTopLeftX;\n    let topLeftY = viewportHeight > 0 ? clamp(baseTopLeftY, viewportY, Math.max(viewportY, maxTopLeftY)) : baseTopLeftY;\n\n    let displayPoint = {\n      x: topLeftX - offsetX,\n      y: topLeftY - offsetY,\n    };\n\n    if (annotation.connector) {\n      const startPadding = annotation.connector.startPadding ?? 12;\n      const endPadding = annotation.connector.endPadding ?? 0;\n      const minArrowClearance = 6;\n      const minDistance = Math.max(startPadding + endPadding + minArrowClearance, startPadding);\n\n      const dx = displayPoint.x - resolved.anchor.x;\n      const dy = displayPoint.y - resolved.anchor.y;\n      const distance = Math.sqrt(dx * dx + dy * dy);\n\n      if (distance < minDistance) {\n        const fallbackDirection: IAnnotationPoint = { x: 0, y: -1 };\n        const ux = distance === 0 ? fallbackDirection.x : dx / distance;\n        const uy = distance === 0 ? fallbackDirection.y : dy / distance;\n\n        const desiredDisplayX = resolved.anchor.x + ux * minDistance;\n        const desiredDisplayY = resolved.anchor.y + uy * minDistance;\n\n        let desiredTopLeftX = desiredDisplayX + offsetX;\n        let desiredTopLeftY = desiredDisplayY + offsetY;\n\n        desiredTopLeftX =\n          viewportWidth > 0 ? clamp(desiredTopLeftX, viewportX, Math.max(viewportX, maxTopLeftX)) : desiredTopLeftX;\n        desiredTopLeftY =\n          viewportHeight > 0 ? clamp(desiredTopLeftY, viewportY, Math.max(viewportY, maxTopLeftY)) : desiredTopLeftY;\n\n        topLeftX = desiredTopLeftX;\n        topLeftY = desiredTopLeftY;\n        displayPoint = {\n          x: topLeftX - offsetX,\n          y: topLeftY - offsetY,\n        };\n      }\n    }\n\n    const measurementStyle: React.CSSProperties = {\n      left: topLeftX,\n      top: topLeftY,\n      pointerEvents: 'none',\n      ...containerStyle,\n    };\n\n    if (!isMeasurementValid) {\n      measurementElements.push(\n        <div\n          key={`${key}-measurement`}\n          ref={node => {\n            if (node) {\n              const rect = node.getBoundingClientRect();\n              if (rect.width !== 0 || rect.height !== 0) {\n                updateMeasurement(key, rect.width, rect.height, measurementSignature);\n              }\n            }\n          }}\n          className={css(classNames.annotation, classNames.measurement, layout?.className, annotation.style?.className)}\n          style={measurementStyle}\n          aria-hidden={true}\n          data-annotation-key={key}\n          data-chart-annotation-measurement=\"true\"\n        >\n          {/* eslint-disable-next-line react/no-danger -- content sanitized via sanitizeAnnotationHtml */}\n          <div\n            className={css(classNames.annotationContent, layout?.className, annotation.style?.className)}\n            style={contentStyle}\n            dangerouslySetInnerHTML={{ __html: annotationHtml }}\n          />\n        </div>,\n      );\n    }\n\n    annotationForeignObjects.push(\n      <foreignObject\n        key={`${key}-annotation`}\n        x={topLeftX}\n        y={topLeftY}\n        width={width}\n        height={height}\n        className={css(classNames.annotationForeignObject)}\n        data-annotation-key={key}\n      >\n        <div\n          className={css(classNames.annotation, layout?.className, annotation.style?.className)}\n          style={containerStyle}\n          data-annotation-key={key}\n        >\n          {/* eslint-disable-next-line react/no-danger -- content sanitized via sanitizeAnnotationHtml */}\n          <div\n            className={css(classNames.annotationContent, annotation.style?.className)}\n            style={contentStyle}\n            role={annotation.accessibility?.role ?? 'note'}\n            aria-label={annotation.accessibility?.ariaLabel}\n            aria-describedby={annotation.accessibility?.ariaDescribedBy}\n            data-chart-annotation=\"true\"\n            data-annotation-key={key}\n            dangerouslySetInnerHTML={{ __html: annotationHtml }}\n          />\n        </div>\n      </foreignObject>,\n    );\n\n    if (annotation.connector) {\n      const {\n        startPadding = DEFAULT_CONNECTOR_START_PADDING,\n        endPadding = DEFAULT_CONNECTOR_END_PADDING,\n        strokeColor = getDefaultConnectorStrokeColor(theme),\n        strokeWidth = DEFAULT_CONNECTOR_STROKE_WIDTH,\n        dashArray,\n        arrow = DEFAULT_CONNECTOR_ARROW,\n      } = annotation.connector;\n\n      const dx = resolved.anchor.x - displayPoint.x;\n      const dy = resolved.anchor.y - displayPoint.y;\n      const distance = Math.sqrt(dx * dx + dy * dy) || 1;\n      const ux = dx / distance;\n      const uy = dy / distance;\n\n      const sizeBasis = Math.max(1, Math.min(width, height));\n      const proportionalSize = sizeBasis * ARROW_SIZE_SCALE;\n      const maxByPadding = startPadding > 0 ? startPadding * 1.25 : MAX_ARROW_SIZE;\n      const maxByDistance = distance * 0.6;\n      const markerSize = clamp(proportionalSize, MIN_ARROW_SIZE, Math.min(MAX_ARROW_SIZE, maxByPadding, maxByDistance));\n      const markerStrokeWidth = clamp(strokeWidth, 1, markerSize / 2);\n\n      const start: IAnnotationPoint = {\n        x: displayPoint.x + ux * startPadding,\n        y: displayPoint.y + uy * startPadding,\n      };\n\n      const end: IAnnotationPoint = {\n        x: resolved.anchor.x - ux * endPadding,\n        y: resolved.anchor.y - uy * endPadding,\n      };\n\n      connectors.push({\n        key: `${key}-connector`,\n        start,\n        end,\n        strokeColor,\n        strokeWidth,\n        dashArray,\n        arrow,\n        markerSize,\n        markerStrokeWidth,\n      });\n    }\n  });\n\n  if (annotationForeignObjects.length === 0 && connectors.length === 0) {\n    return null;\n  }\n\n  const viewBoxWidth = context.svgRect.width || 1;\n  const viewBoxHeight = context.svgRect.height || 1;\n\n  const markerDefs: React.ReactNode[] = [];\n\n  const createMarkerId = (color: string, position: 'start' | 'end', size: number, markerStrokeWidth: number) => {\n    const id = `${idPrefix}-${position}-${markerDefs.length}`;\n    const refY = size / 2;\n    const refX = position === 'end' ? size : 0;\n    const pathEnd = `M0 0 L ${size} ${refY} L0 ${size} Z`;\n    const pathStart = `M ${size} 0 L0 ${refY} L ${size} ${size} Z`;\n    const path = position === 'end' ? pathEnd : pathStart;\n\n    markerDefs.push(\n      <marker\n        key={id}\n        id={id}\n        markerWidth={size}\n        markerHeight={size}\n        viewBox={`0 0 ${size} ${size}`}\n        refX={refX}\n        refY={refY}\n        orient=\"auto\"\n        markerUnits=\"userSpaceOnUse\"\n      >\n        <path\n          d={path}\n          fill={color}\n          stroke={color}\n          strokeWidth={markerStrokeWidth}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </marker>,\n    );\n\n    return id;\n  };\n\n  const connectorElements = connectors.map(connector => {\n    let markerStart: string | undefined;\n    let markerEnd: string | undefined;\n\n    if (connector.arrow === 'start' || connector.arrow === 'both') {\n      markerStart = createMarkerId(connector.strokeColor, 'start', connector.markerSize, connector.markerStrokeWidth);\n    }\n    if (connector.arrow === 'end' || connector.arrow === 'both') {\n      markerEnd = createMarkerId(connector.strokeColor, 'end', connector.markerSize, connector.markerStrokeWidth);\n    }\n\n    return (\n      <line\n        key={connector.key}\n        x1={connector.start.x}\n        y1={connector.start.y}\n        x2={connector.end.x}\n        y2={connector.end.y}\n        stroke={connector.strokeColor}\n        strokeWidth={connector.strokeWidth}\n        strokeDasharray={connector.dashArray}\n        strokeLinecap=\"round\"\n        markerStart={markerStart ? `url(#${markerStart})` : undefined}\n        markerEnd={markerEnd ? `url(#${markerEnd})` : undefined}\n      />\n    );\n  });\n\n  const shouldRenderSvg = connectors.length > 0 || annotationForeignObjects.length > 0;\n  return (\n    <div className={classNames.root} role=\"presentation\" data-chart-annotation-layer=\"true\">\n      {shouldRenderSvg && (\n        <svg\n          className={classNames.connectorLayer}\n          width=\"100%\"\n          height=\"100%\"\n          viewBox={`0 0 ${viewBoxWidth} ${viewBoxHeight}`}\n          preserveAspectRatio=\"none\"\n          data-chart-annotation-svg=\"true\"\n        >\n          {markerDefs.length > 0 && <defs>{markerDefs}</defs>}\n          {connectorElements.length > 0 && (\n            <g aria-hidden=\"true\" className={classNames.connectorGroup}>\n              {connectorElements}\n            </g>\n          )}\n          {annotationForeignObjects}\n        </svg>\n      )}\n      {measurementElements}\n    </div>\n  );\n});\n\nChartAnnotationLayer.displayName = 'ChartAnnotationLayer';\n"]}

package/lib-amd/components/CommonComponents/Annotations/ChartAnnotationLayer.styles.d.ts

@@ -0,0 +1,28 @@
+import { ITheme, IStyle } from '@fluentui/react/lib/Styling';
+import { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
+export interface IChartAnnotationLayerStyleProps {
+    theme: ITheme;
+    className?: string;
+}
+import { ChartAnnotationArrowHead } from '../../../types/IChartAnnotation';
+export interface IChartAnnotationLayerStyles {
+    root?: IStyle;
+    annotation?: IStyle;
+    connectorLayer?: IStyle;
+    measurement?: IStyle;
+    annotationContent?: IStyle;
+    annotationForeignObject?: IStyle;
+    annotationContentInteractive?: IStyle;
+    annotationForeignObjectInteractive?: IStyle;
+    connectorGroup?: IStyle;
+}
+export declare const DEFAULT_ANNOTATION_BACKGROUND_OPACITY = 0.8;
+export declare const DEFAULT_ANNOTATION_PADDING = "4px 8px";
+export declare const DEFAULT_CONNECTOR_START_PADDING = 12;
+export declare const DEFAULT_CONNECTOR_END_PADDING = 0;
+export declare const DEFAULT_CONNECTOR_STROKE_WIDTH = 2;
+export declare const DEFAULT_CONNECTOR_ARROW: ChartAnnotationArrowHead;
+export declare const applyOpacityToColor: (color: string | undefined, opacity: number) => string | undefined;
+export declare const getDefaultAnnotationBackgroundColor: (theme: ITheme) => string | undefined;
+export declare const getDefaultConnectorStrokeColor: (theme: ITheme) => string;
+export declare const getStyles: IStyleFunctionOrObject<IChartAnnotationLayerStyleProps, IChartAnnotationLayerStyles>;

package/lib-amd/components/CommonComponents/Annotations/ChartAnnotationLayer.styles.js

@@ -0,0 +1,119 @@
+define(["require", "exports", "d3-color"], function (require, exports, d3_color_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getStyles = exports.getDefaultConnectorStrokeColor = exports.getDefaultAnnotationBackgroundColor = exports.applyOpacityToColor = exports.DEFAULT_CONNECTOR_ARROW = exports.DEFAULT_CONNECTOR_STROKE_WIDTH = exports.DEFAULT_CONNECTOR_END_PADDING = exports.DEFAULT_CONNECTOR_START_PADDING = exports.DEFAULT_ANNOTATION_PADDING = exports.DEFAULT_ANNOTATION_BACKGROUND_OPACITY = void 0;
+    exports.DEFAULT_ANNOTATION_BACKGROUND_OPACITY = 0.8;
+    exports.DEFAULT_ANNOTATION_PADDING = '4px 8px';
+    exports.DEFAULT_CONNECTOR_START_PADDING = 12;
+    exports.DEFAULT_CONNECTOR_END_PADDING = 0;
+    exports.DEFAULT_CONNECTOR_STROKE_WIDTH = 2;
+    exports.DEFAULT_CONNECTOR_ARROW = 'end';
+    var applyOpacityToColor = function (color, opacity) {
+        if (!color) {
+            return undefined;
+        }
+        var parsed = (0, d3_color_1.color)(color);
+        if (!parsed) {
+            return color;
+        }
+        parsed.opacity = Math.max(0, Math.min(1, opacity));
+        return parsed.toString();
+    };
+    exports.applyOpacityToColor = applyOpacityToColor;
+    var getDefaultAnnotationBackgroundColor = function (theme) {
+        return (0, exports.applyOpacityToColor)(theme.semanticColors.bodyBackground, exports.DEFAULT_ANNOTATION_BACKGROUND_OPACITY);
+    };
+    exports.getDefaultAnnotationBackgroundColor = getDefaultAnnotationBackgroundColor;
+    var getDefaultConnectorStrokeColor = function (theme) { return theme.palette.neutralPrimary; };
+    exports.getDefaultConnectorStrokeColor = getDefaultConnectorStrokeColor;
+    var getStyles = function (props) {
+        var theme = props.theme, className = props.className;
+        var defaultBackground = (0, exports.getDefaultAnnotationBackgroundColor)(theme);
+        var defaultTextColor = theme.semanticColors.bodyText;
+        var defaultBorderColor = theme.semanticColors.bodyDivider;
+        return {
+            root: [
+                {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    width: '100%',
+                    height: '100%',
+                    pointerEvents: 'none',
+                    overflow: 'visible',
+                    zIndex: 1,
+                },
+                className,
+            ],
+            annotation: [
+                theme.fonts.small,
+                {
+                    position: 'absolute',
+                    pointerEvents: 'none',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    textAlign: 'center',
+                    backgroundColor: defaultBackground,
+                    color: defaultTextColor,
+                    padding: exports.DEFAULT_ANNOTATION_PADDING,
+                    borderRadius: 4,
+                    boxShadow: theme.effects.elevation4,
+                    border: "1px solid ".concat(defaultBorderColor),
+                    whiteSpace: 'pre-wrap',
+                    zIndex: 2,
+                },
+            ],
+            connectorLayer: [
+                {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    width: '100%',
+                    height: '100%',
+                    pointerEvents: 'none',
+                    overflow: 'visible',
+                },
+            ],
+            measurement: [
+                {
+                    position: 'absolute',
+                    visibility: 'hidden',
+                    pointerEvents: 'none',
+                },
+            ],
+            annotationContent: [
+                {
+                    width: '100%',
+                    height: '100%',
+                    pointerEvents: 'none',
+                },
+            ],
+            annotationForeignObject: [
+                {
+                    overflow: 'visible',
+                    pointerEvents: 'none',
+                },
+            ],
+            annotationContentInteractive: [
+                {
+                    pointerEvents: 'auto',
+                },
+            ],
+            annotationForeignObjectInteractive: [
+                {
+                    pointerEvents: 'auto',
+                },
+            ],
+            connectorGroup: [
+                {
+                    pointerEvents: 'none',
+                },
+            ],
+        };
+    };
+    exports.getStyles = getStyles;
+});
+//# sourceMappingURL=ChartAnnotationLayer.styles.js.map

package/lib-amd/components/CommonComponents/Annotations/ChartAnnotationLayer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartAnnotationLayer.styles.js","sourceRoot":"../src/","sources":["components/CommonComponents/Annotations/ChartAnnotationLayer.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import { ITheme, IStyle } from '@fluentui/react/lib/Styling';\nimport { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';\n\nexport interface IChartAnnotationLayerStyleProps {\n  theme: ITheme;\n  className?: string;\n}\nimport { color as d3Color } from 'd3-color';\nimport { ChartAnnotationArrowHead } from '../../../types/IChartAnnotation';\n\nexport interface IChartAnnotationLayerStyles {\n  root?: IStyle;\n  annotation?: IStyle;\n  connectorLayer?: IStyle;\n  measurement?: IStyle;\n  annotationContent?: IStyle;\n  annotationForeignObject?: IStyle;\n  annotationContentInteractive?: IStyle;\n  annotationForeignObjectInteractive?: IStyle;\n  connectorGroup?: IStyle;\n}\n\nexport const DEFAULT_ANNOTATION_BACKGROUND_OPACITY = 0.8;\nexport const DEFAULT_ANNOTATION_PADDING = '4px 8px';\nexport const DEFAULT_CONNECTOR_START_PADDING = 12;\nexport const DEFAULT_CONNECTOR_END_PADDING = 0;\nexport const DEFAULT_CONNECTOR_STROKE_WIDTH = 2;\nexport const DEFAULT_CONNECTOR_ARROW: ChartAnnotationArrowHead = 'end';\n\nexport const applyOpacityToColor = (color: string | undefined, opacity: number): string | undefined => {\n  if (!color) {\n    return undefined;\n  }\n\n  const parsed = d3Color(color);\n  if (!parsed) {\n    return color;\n  }\n\n  parsed.opacity = Math.max(0, Math.min(1, opacity));\n  return parsed.toString();\n};\n\nexport const getDefaultAnnotationBackgroundColor = (theme: ITheme): string | undefined =>\n  applyOpacityToColor(theme.semanticColors.bodyBackground, DEFAULT_ANNOTATION_BACKGROUND_OPACITY);\n\nexport const getDefaultConnectorStrokeColor = (theme: ITheme): string => theme.palette.neutralPrimary;\n\nexport const getStyles: IStyleFunctionOrObject<IChartAnnotationLayerStyleProps, IChartAnnotationLayerStyles> = (\n  props: IChartAnnotationLayerStyleProps,\n) => {\n  const { theme, className } = props;\n  const defaultBackground = getDefaultAnnotationBackgroundColor(theme);\n  const defaultTextColor = theme.semanticColors.bodyText;\n  const defaultBorderColor = theme.semanticColors.bodyDivider;\n\n  return {\n    root: [\n      {\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        width: '100%',\n        height: '100%',\n        pointerEvents: 'none',\n        overflow: 'visible',\n        zIndex: 1,\n      },\n      className,\n    ],\n    annotation: [\n      theme.fonts.small,\n      {\n        position: 'absolute',\n        pointerEvents: 'none',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        textAlign: 'center',\n        backgroundColor: defaultBackground,\n        color: defaultTextColor,\n        padding: DEFAULT_ANNOTATION_PADDING,\n        borderRadius: 4,\n        boxShadow: theme.effects.elevation4,\n        border: `1px solid ${defaultBorderColor}`,\n        whiteSpace: 'pre-wrap',\n        zIndex: 2,\n      },\n    ],\n    connectorLayer: [\n      {\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        width: '100%',\n        height: '100%',\n        pointerEvents: 'none',\n        overflow: 'visible',\n      },\n    ],\n    measurement: [\n      {\n        position: 'absolute',\n        visibility: 'hidden',\n        pointerEvents: 'none',\n      },\n    ],\n    annotationContent: [\n      {\n        width: '100%',\n        height: '100%',\n        pointerEvents: 'none',\n      },\n    ],\n    annotationForeignObject: [\n      {\n        overflow: 'visible',\n        pointerEvents: 'none',\n      },\n    ],\n    annotationContentInteractive: [\n      {\n        pointerEvents: 'auto',\n      },\n    ],\n    annotationForeignObjectInteractive: [\n      {\n        pointerEvents: 'auto',\n      },\n    ],\n    connectorGroup: [\n      {\n        pointerEvents: 'none',\n      },\n    ],\n  };\n};\n"]}