@fluentui/react-charts 9.3.12 → 9.3.14

package/lib/utilities/utilities.js

@@ -1715,6 +1715,41 @@ export const getScatterXDomainExtent = (points, scaleType)=>{
         xMax
     ];
 };
+/**
+ * Calculates the radius for a marker/circle in scatter and line charts.
+ * Handles both continuous (numeric/date) and categorical (string) axes.
+ *
+ * @param pointMarkerSize - The marker size value for the current data point
+ * @param minMarkerSize - The minimum marker size across all data points
+ * @param maxMarkerSize - The maximum marker size across all data points
+ * @param extraMaxPixels - The maximum available pixels for markers (from getRangeForScatterMarkerSize)
+ * @param isContinuousXY - Whether both X and Y axes are continuous (not string-based)
+ * @param isActive - Whether the current point is active/hovered
+ * @param defaultRadius - Default radius when no marker size is specified (default: 3.5)
+ * @param activeRadius - Radius when the point is active (default: 5.5)
+ * @param minRadius - Minimum radius to ensure markers are visible (default: 4)
+ * @returns The calculated radius in pixels
+ */ export const calculateMarkerRadius = ({ pointMarkerSize, minMarkerSize, maxMarkerSize, extraMaxPixels, isContinuousXY, isActive = false, defaultRadius = 3.5, activeRadius = 5.5, minRadius = 4 })=>{
+    const minPixel = 4;
+    const maxPixel = 16;
+    // If no marker size is specified, use default or active radius
+    if (!pointMarkerSize) {
+        return isActive ? activeRadius : defaultRadius;
+    }
+    let radius;
+    if (isContinuousXY && maxMarkerSize !== 0) {
+        // For continuous axes: scale markers based on available space
+        radius = maxMarkerSize < extraMaxPixels ? pointMarkerSize : pointMarkerSize / maxMarkerSize * extraMaxPixels;
+    } else if (!isContinuousXY && maxMarkerSize !== minMarkerSize) {
+        // For categorical axes: normalize to pixel range [minPixel, maxPixel]
+        radius = minPixel + (pointMarkerSize - minMarkerSize) / (maxMarkerSize - minMarkerSize) * (maxPixel - minPixel);
+    } else {
+        // Fallback to default/active radius
+        return isActive ? activeRadius : defaultRadius;
+    }
+    // Ensure minimum radius for visibility
+    return Math.max(radius, minRadius);
+};
 export const getRangeForScatterMarkerSize = ({ data, xScale, yScalePrimary, yScaleSecondary, useSecondaryYScale, xScaleType, yScaleType: primaryYScaleType, secondaryYScaleType })=>{
     // Note: This function is executed after the scale is created, so the actual padding can be
     // obtained by calculating the difference between the respective minimums or maximums of the
@@ -1956,3 +1991,9 @@ const truncateTextToFitWidth = (text, maxWidth, measure)=>{
     }
     return text.slice(0, lo) + '...';
 };
+export function isSafeUrl(href) {
+    if (/^[a-z][a-z0-9+.-]*:/i.test(href)) {
+        return /^https?:/i.test(href);
+    }
+    return true;
+}