@fluentui/react-charts 0.0.0-nightly-20251210-0407.1 → 0.0.0-nightly-20251211-0406.1

package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js

@@ -281,62 +281,6 @@ const toFiniteNumber = (value)=>{
     const numeric = typeof value === 'number' ? value : Number(value);
     return Number.isFinite(numeric) ? numeric : undefined;
 };
-/**
- * Normalizes Plotly axis reference strings so equivalent aliases (e.g. `xaxis1`, `x1`) collapse to the base axis id.
- */ const normalizeAxisRef = (ref, axis)=>{
-    if (!ref) {
-        return axis;
-    }
-    const normalized = ref.toLowerCase();
-    if (normalized === axis || normalized === `${axis}axis` || normalized === `${axis}axis1` || normalized === `${axis}1`) {
-        return axis;
-    }
-    const match = normalized.match(/^([xy])(axis)?(\d+)$/);
-    if (match && match[1] === axis && match[3]) {
-        return match[3] === '1' ? axis : `${axis}${match[3]}`;
-    }
-    return normalized;
-};
-/**
- * Scans the data traces bound to a given axis and returns the numeric min/max values plotted on that axis.
- */ const getAxisNumericRangeFromData = (axis, ref, layout, data)=>{
-    if (!data || data.length === 0) {
-        return undefined;
-    }
-    const axisLayout = getAxisLayoutByRef(layout, ref, axis);
-    const targetRef = normalizeAxisRef(ref, axis);
-    const traceAxisKey = axis === 'x' ? 'xaxis' : 'yaxis';
-    let minValue;
-    let maxValue;
-    data.forEach((trace)=>{
-        const plotTrace = trace;
-        const traceAxisRef = normalizeAxisRef(plotTrace[traceAxisKey], axis);
-        if (traceAxisRef !== targetRef) {
-            return;
-        }
-        const values = axis === 'x' ? plotTrace.x : plotTrace.y;
-        if (!isArrayOrTypedArray(values)) {
-            return;
-        }
-        const arrayLike = values;
-        for(let index = 0; index < arrayLike.length; index++){
-            const value = arrayLike[index];
-            const numeric = toNumericValue(convertDataValue(value, axisLayout));
-            if (numeric === undefined || Number.isNaN(numeric)) {
-                continue;
-            }
-            minValue = minValue === undefined ? numeric : Math.min(minValue, numeric);
-            maxValue = maxValue === undefined ? numeric : Math.max(maxValue, numeric);
-        }
-    });
-    if (minValue === undefined || maxValue === undefined || minValue === maxValue) {
-        return undefined;
-    }
-    return [
-        minValue,
-        maxValue
-    ];
-};
 /**
  * Converts Plotly's bottom-origin relative Y coordinate into the SVG top-origin space used by our overlay.
  */ const transformRelativeYForChart = (value)=>{
@@ -437,49 +381,32 @@ const appendPx = (value)=>{
     if (value === undefined || value === null) {
         return undefined;
     }
-    if ((axisLayout === null || axisLayout === void 0 ? void 0 : axisLayout.type) === 'date' || isDate(value)) {
+    const axisType = axisLayout === null || axisLayout === void 0 ? void 0 : axisLayout.type;
+    if (axisType === 'date') {
         const dateValue = value instanceof Date ? value : new Date(value);
         return Number.isNaN(dateValue.getTime()) ? undefined : dateValue;
     }
-    if (typeof value === 'number') {
-        return value;
-    }
-    if ((axisLayout === null || axisLayout === void 0 ? void 0 : axisLayout.type) === 'linear' || (axisLayout === null || axisLayout === void 0 ? void 0 : axisLayout.type) === 'log') {
-        const numeric = Number(value);
-        return Number.isFinite(numeric) ? numeric : undefined;
-    }
     if (value instanceof Date) {
-        return value;
-    }
-    return value;
-};
-const toNumericValue = (value)=>{
-    if (value instanceof Date) {
-        const timestamp = value.getTime();
-        return Number.isFinite(timestamp) ? timestamp : undefined;
+        return Number.isNaN(value.getTime()) ? undefined : value;
     }
     if (typeof value === 'number') {
         return Number.isFinite(value) ? value : undefined;
     }
-    if (typeof value === 'string') {
+    if (axisType === 'linear' || axisType === 'log') {
         const numeric = Number(value);
         return Number.isFinite(numeric) ? numeric : undefined;
     }
-    return undefined;
-};
-const toRelativeCoordinate = (value, axisLayout, fallbackRange)=>{
-    const range = Array.isArray(axisLayout === null || axisLayout === void 0 ? void 0 : axisLayout.range) ? axisLayout.range : undefined;
-    let start = range && range.length >= 2 ? toNumericValue(convertDataValue(range[0], axisLayout)) : undefined;
-    let end = range && range.length >= 2 ? toNumericValue(convertDataValue(range[1], axisLayout)) : undefined;
-    if ((start === undefined || end === undefined || start === end) && fallbackRange) {
-        [start, end] = fallbackRange;
-    }
-    const current = toNumericValue(convertDataValue(value, axisLayout));
-    if (start === undefined || end === undefined || current === undefined || start === end) {
-        return undefined;
+    if (typeof value === 'string') {
+        const shouldTryParseDate = axisType === undefined || axisType === '-' || axisType === null;
+        if (shouldTryParseDate && isDate(value)) {
+            const parsedDate = new Date(value);
+            if (!Number.isNaN(parsedDate.getTime()) && parsedDate.getFullYear() >= 1900) {
+                return parsedDate;
+            }
+        }
+        return value;
     }
-    const relative = (current - start) / (end - start);
-    return Number.isFinite(relative) ? relative : undefined;
+    return value;
 };
 const createAnnotationId = (text, index)=>{
     const normalized = text.replace(/\s+/g, ' ').trim();
@@ -544,10 +471,35 @@ const mapArrowDashToPattern = (value)=>{
             return value;
     }
 };
+const mapRefTypeToCoordinateType = (refType)=>{
+    return refType === 'axis' ? 'data' : refType;
+};
+const normalizeCoordinateValueForType = (coordinateType, value)=>{
+    if (coordinateType === 'data') {
+        return value;
+    }
+    return typeof value === 'number' && Number.isFinite(value) ? value : undefined;
+};
+const getAnnotationCoordinateValue = (axis, refType, annotation, layout)=>{
+    if (refType === 'axis') {
+        const axisRef = axis === 'x' ? annotation === null || annotation === void 0 ? void 0 : annotation.xref : annotation === null || annotation === void 0 ? void 0 : annotation.yref;
+        const axisLayout = getAxisLayoutByRef(layout, axisRef, axis);
+        const rawValue = axis === 'x' ? annotation === null || annotation === void 0 ? void 0 : annotation.x : annotation === null || annotation === void 0 ? void 0 : annotation.y;
+        return convertDataValue(rawValue, axisLayout);
+    }
+    const numericValue = toFiniteNumber(axis === 'x' ? annotation === null || annotation === void 0 ? void 0 : annotation.x : annotation === null || annotation === void 0 ? void 0 : annotation.y);
+    if (numericValue === undefined) {
+        return undefined;
+    }
+    if (refType === 'relative') {
+        return axis === 'y' ? transformRelativeYForChart(numericValue) : numericValue;
+    }
+    return numericValue;
+};
 /**
  * Converts a Plotly annotation definition into the internal `ChartAnnotation` format, translating coordinates,
  * layout alignment, styling, and connector metadata while skipping unsupported configurations.
- */ const convertPlotlyAnnotation = (annotation, layout, data, index)=>{
+ */ const convertPlotlyAnnotation = (annotation, layout, index)=>{
     if (!annotation || annotation.visible === false) {
         return undefined;
     }
@@ -556,77 +508,51 @@ const mapArrowDashToPattern = (value)=>{
     if (!xRefType || !yRefType) {
         return undefined;
     }
+    const xValue = getAnnotationCoordinateValue('x', xRefType, annotation, layout);
+    const yValue = getAnnotationCoordinateValue('y', yRefType, annotation, layout);
+    if (xValue === undefined || yValue === undefined) {
+        return undefined;
+    }
+    const xCoordinateType = mapRefTypeToCoordinateType(xRefType);
+    const yCoordinateType = mapRefTypeToCoordinateType(yRefType);
+    const normalizedX = normalizeCoordinateValueForType(xCoordinateType, xValue);
+    const normalizedY = normalizeCoordinateValueForType(yCoordinateType, yValue);
+    if (normalizedX === undefined || normalizedY === undefined) {
+        return undefined;
+    }
+    const yRefNormalized = typeof annotation.yref === 'string' ? annotation.yref.toLowerCase() : undefined;
+    const yAxisProps = yCoordinateType === 'data' && yRefNormalized === 'y2' ? {
+        yAxis: 'secondary'
+    } : undefined;
     let coordinates;
-    if (xRefType === 'axis' && yRefType === 'axis') {
-        const xAxisLayout = getAxisLayoutByRef(layout, annotation.xref, 'x');
-        const yAxisLayout = getAxisLayoutByRef(layout, annotation.yref, 'y');
-        const xValue = convertDataValue(annotation.x, xAxisLayout);
-        const yValue = convertDataValue(annotation.y, yAxisLayout);
-        if (xValue === undefined || yValue === undefined) {
-            return undefined;
-        }
-        const yRefNormalized = typeof annotation.yref === 'string' ? annotation.yref.toLowerCase() : undefined;
+    if (xCoordinateType === 'data' && yCoordinateType === 'data') {
         coordinates = {
             type: 'data',
-            x: xValue,
-            y: yValue,
-            ...yRefNormalized === 'y2' ? {
-                yAxis: 'secondary'
-            } : {}
+            x: normalizedX,
+            y: normalizedY,
+            ...yAxisProps !== null && yAxisProps !== void 0 ? yAxisProps : {}
         };
-    } else if (xRefType === 'relative' && yRefType === 'relative') {
-        const xValue = toFiniteNumber(annotation.x);
-        const yValue = toFiniteNumber(annotation.y);
-        const chartRelativeY = transformRelativeYForChart(yValue);
-        if (xValue === undefined || chartRelativeY === undefined) {
-            return undefined;
-        }
+    } else if (xCoordinateType === 'relative' && yCoordinateType === 'relative') {
         coordinates = {
             type: 'relative',
-            x: xValue,
-            y: chartRelativeY
+            x: normalizedX,
+            y: normalizedY
         };
-    } else if (xRefType === 'relative' && yRefType === 'axis') {
-        const xValue = toFiniteNumber(annotation.x);
-        const yAxisLayout = getAxisLayoutByRef(layout, annotation.yref, 'y');
-        const yFallbackRange = getAxisNumericRangeFromData('y', annotation.yref, layout, data);
-        const yRelative = toRelativeCoordinate(annotation.y, yAxisLayout, yFallbackRange);
-        const chartRelativeY = transformRelativeYForChart(yRelative);
-        if (xValue === undefined || chartRelativeY === undefined) {
-            return undefined;
-        }
-        coordinates = {
-            type: 'relative',
-            x: xValue,
-            y: chartRelativeY
-        };
-    } else if (xRefType === 'axis' && yRefType === 'relative') {
-        const yValue = toFiniteNumber(annotation.y);
-        const xAxisLayout = getAxisLayoutByRef(layout, annotation.xref, 'x');
-        const xFallbackRange = getAxisNumericRangeFromData('x', annotation.xref, layout, data);
-        const xRelative = toRelativeCoordinate(annotation.x, xAxisLayout, xFallbackRange);
-        const chartRelativeY = transformRelativeYForChart(yValue);
-        if (xRelative === undefined || chartRelativeY === undefined) {
-            return undefined;
-        }
-        coordinates = {
-            type: 'relative',
-            x: xRelative,
-            y: chartRelativeY
-        };
-    } else if (xRefType === 'pixel' && yRefType === 'pixel') {
-        const xValue = toFiniteNumber(annotation.x);
-        const yValue = toFiniteNumber(annotation.y);
-        if (xValue === undefined || yValue === undefined) {
-            return undefined;
-        }
+    } else if (xCoordinateType === 'pixel' && yCoordinateType === 'pixel') {
         coordinates = {
             type: 'pixel',
-            x: xValue,
-            y: yValue
+            x: normalizedX,
+            y: normalizedY
         };
     } else {
-        return undefined;
+        coordinates = {
+            type: 'mixed',
+            xCoordinateType,
+            yCoordinateType,
+            x: normalizedX,
+            y: normalizedY,
+            ...yAxisProps !== null && yAxisProps !== void 0 ? yAxisProps : {}
+        };
     }
     const textValue = annotation.text;
     const rawText = textValue === undefined || textValue === null ? '' : String(textValue);
@@ -783,14 +709,14 @@ const mapArrowDashToPattern = (value)=>{
     }
     return chartAnnotation;
 };
-const getChartAnnotationsFromLayout = (layout, data, isMultiPlot)=>{
+const getChartAnnotationsFromLayout = (layout, isMultiPlot)=>{
     if (isMultiPlot || !(layout === null || layout === void 0 ? void 0 : layout.annotations)) {
         return undefined;
     }
     const annotationsArray = Array.isArray(layout.annotations) ? layout.annotations : [
         layout.annotations
     ];
-    const converted = annotationsArray.map((annotation, index)=>convertPlotlyAnnotation(annotation, layout, data, index)).filter((annotation)=>annotation !== undefined);
+    const converted = annotationsArray.map((annotation, index)=>convertPlotlyAnnotation(annotation, layout, index)).filter((annotation)=>annotation !== undefined);
     return converted.length > 0 ? converted : undefined;
 };
 /**
@@ -872,7 +798,7 @@ const getChartAnnotationsFromLayout = (layout, data, isMultiPlot)=>{
 export const transformPlotlyJsonToAnnotationChartProps = (input, isMultiPlot, _colorMap, _colorwayType, _isDarkTheme)=>{
     var _layoutWithMeta_meta, _input_layout, _input_layout1, _input_layout2, _input_layout3, _input_layout_font, _input_layout4, _input_layout_font1, _input_layout5, _input_layout6;
     var _getChartAnnotationsFromLayout;
-    const annotations = (_getChartAnnotationsFromLayout = getChartAnnotationsFromLayout(input.layout, input.data, isMultiPlot)) !== null && _getChartAnnotationsFromLayout !== void 0 ? _getChartAnnotationsFromLayout : [];
+    const annotations = (_getChartAnnotationsFromLayout = getChartAnnotationsFromLayout(input.layout, isMultiPlot)) !== null && _getChartAnnotationsFromLayout !== void 0 ? _getChartAnnotationsFromLayout : [];
     const titles = getTitles(input.layout);
     const layoutTitle = titles.chartTitle || undefined;
     const layoutWithMeta = input.layout;
@@ -1128,7 +1054,7 @@ export const transformPlotlyJsonToVSBCProps = (input, isMultiPlot, colorMap, col
         }
     });
     const vsbcData = Object.values(mapXToDataPoints);
-    const annotations = getChartAnnotationsFromLayout(input.layout, input.data, isMultiPlot);
+    const annotations = getChartAnnotationsFromLayout(input.layout, isMultiPlot);
     var _input_layout_height;
     return {
         data: vsbcData,
@@ -1265,7 +1191,7 @@ export const transformPlotlyJsonToGVBCProps = (input, isMultiPlot, colorMap, col
             });
         }
     });
-    const annotations = getChartAnnotationsFromLayout(processedInput.layout, processedInput.data, isMultiPlot);
+    const annotations = getChartAnnotationsFromLayout(processedInput.layout, isMultiPlot);
     var _processedInput_layout_height;
     return {
         dataV2: gvbcDataV2,
@@ -1355,7 +1281,7 @@ export const transformPlotlyJsonToVBCProps = (input, isMultiPlot, colorMap, colo
             });
         });
     });
-    const annotations = getChartAnnotationsFromLayout(input.layout, input.data, isMultiPlot);
+    const annotations = getChartAnnotationsFromLayout(input.layout, isMultiPlot);
     var _input_layout_height;
     return {
         data: vbcData,
@@ -1577,7 +1503,7 @@ const transformPlotlyJsonToScatterTraceProps = (input, isMultiPlot, chartType, c
             ...lineShape
         ]
     };
-    const annotations = getChartAnnotationsFromLayout(input.layout, input.data, isMultiPlot);
+    const annotations = getChartAnnotationsFromLayout(input.layout, isMultiPlot);
     var _input_layout_height;
     const commonProps = {
         supportNegativeData: true,