@fluentui/react-charts 9.2.3 → 9.3.0

package/lib-commonjs/utilities/scatterpolar-utils.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    extractMaybeLineOptions: function() {
+        return extractMaybeLineOptions;
+    },
+    renderScatterPolarCategoryLabels: function() {
+        return renderScatterPolarCategoryLabels;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+function renderScatterPolarCategoryLabels({ xAxisScale, yAxisScale, className, lineOptions, minPixelGap = 40 }) {
+    const maybeLineOptions = extractMaybeLineOptions(lineOptions);
+    var _maybeLineOptions_axisLabel;
+    // Always use axisLabel from lineOptions to display the labels
+    const uniqueTexts = (_maybeLineOptions_axisLabel = maybeLineOptions === null || maybeLineOptions === void 0 ? void 0 : maybeLineOptions.axisLabel) !== null && _maybeLineOptions_axisLabel !== void 0 ? _maybeLineOptions_axisLabel : [];
+    // Place labels at equal angles
+    const renderedLabels = [];
+    const placedPositions = [];
+    const labelRadius = 0.7; // You can adjust this value for more/less offset
+    const numLabels = uniqueTexts.length;
+    // Respect schema or prop rotation and direction (default ccw, 0°)
+    const dirMultiplier = (maybeLineOptions === null || maybeLineOptions === void 0 ? void 0 : maybeLineOptions.direction) === 'clockwise' ? -1 : 1;
+    var _maybeLineOptions_rotation;
+    const rotationRad = ((_maybeLineOptions_rotation = maybeLineOptions === null || maybeLineOptions === void 0 ? void 0 : maybeLineOptions.rotation) !== null && _maybeLineOptions_rotation !== void 0 ? _maybeLineOptions_rotation : 0) * Math.PI / 180;
+    uniqueTexts.forEach((text, i)=>{
+        const angle = rotationRad + dirMultiplier * (2 * Math.PI / numLabels) * i;
+        const originXOffset = (maybeLineOptions === null || maybeLineOptions === void 0 ? void 0 : maybeLineOptions.originXOffset) || 0;
+        const x = xAxisScale(labelRadius * Math.cos(angle) - originXOffset / 2);
+        const y = yAxisScale(labelRadius * Math.sin(angle));
+        // Check distance from all previously placed labels
+        const isFarEnough = placedPositions.every((pos)=>Math.sqrt((x - pos.x) ** 2 + (y - pos.y) ** 2) >= minPixelGap);
+        if (renderedLabels.length === 0 || isFarEnough) {
+            renderedLabels.push(/*#__PURE__*/ _react.createElement("text", {
+                key: `scatterpolar-label-${text}`,
+                x: x,
+                y: y,
+                className: className,
+                textAnchor: "middle",
+                alignmentBaseline: "middle",
+                opacity: 1
+            }, text));
+            placedPositions.push({
+                x,
+                y
+            });
+        }
+    });
+    return renderedLabels;
+}
+function extractMaybeLineOptions(lineOptions) {
+    return lineOptions ? {
+        originXOffset: lineOptions.originXOffset,
+        direction: lineOptions.direction === 'clockwise' || lineOptions.direction === 'counterclockwise' ? lineOptions.direction : undefined,
+        rotation: lineOptions.rotation,
+        axisLabel: Array.isArray(lineOptions.axisLabel) ? lineOptions.axisLabel : undefined
+    } : undefined;
+}

package/lib-commonjs/utilities/scatterpolar-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utilities/scatterpolar-utils.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ScaleLinear } from 'd3-scale';\nimport { JSXElement } from '@fluentui/react-utilities';\n\n/**\n * Helper to render categorical labels for scatterpolar charts with improved overlap logic across all series\n * Now places labels at equal angles for all unique texts, regardless of data positions.\n */\nexport function renderScatterPolarCategoryLabels({\n  xAxisScale,\n  yAxisScale,\n  className,\n  lineOptions,\n  minPixelGap = 40,\n}: {\n  xAxisScale: ScaleLinear<number, number>;\n  yAxisScale: ScaleLinear<number, number>;\n  className: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  lineOptions?: any;\n  minPixelGap?: number;\n}): JSXElement[] {\n  const maybeLineOptions = extractMaybeLineOptions(lineOptions);\n\n  // Always use axisLabel from lineOptions to display the labels\n  const uniqueTexts: string[] = maybeLineOptions?.axisLabel ?? [];\n\n  // Place labels at equal angles\n  const renderedLabels: JSXElement[] = [];\n  const placedPositions: { x: number; y: number }[] = [];\n  const labelRadius = 0.7; // You can adjust this value for more/less offset\n  const numLabels = uniqueTexts.length;\n\n  // Respect schema or prop rotation and direction (default ccw, 0°)\n  const dirMultiplier = maybeLineOptions?.direction === 'clockwise' ? -1 : 1;\n  const rotationRad = ((maybeLineOptions?.rotation ?? 0) * Math.PI) / 180;\n\n  uniqueTexts.forEach((text, i) => {\n    const angle = rotationRad + dirMultiplier * ((2 * Math.PI) / numLabels) * i;\n    const originXOffset = maybeLineOptions?.originXOffset || 0;\n    const x = xAxisScale(labelRadius * Math.cos(angle) - originXOffset / 2);\n    const y = yAxisScale(labelRadius * Math.sin(angle));\n\n    // Check distance from all previously placed labels\n    const isFarEnough = placedPositions.every(pos => Math.sqrt((x - pos.x) ** 2 + (y - pos.y) ** 2) >= minPixelGap);\n\n    if (renderedLabels.length === 0 || isFarEnough) {\n      renderedLabels.push(\n        <text\n          key={`scatterpolar-label-${text}`}\n          x={x}\n          y={y}\n          className={className}\n          textAnchor=\"middle\"\n          alignmentBaseline=\"middle\"\n          opacity={1}\n        >\n          {text}\n        </text>,\n      );\n      placedPositions.push({ x, y });\n    }\n  });\n\n  return renderedLabels;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function extractMaybeLineOptions(lineOptions: any):\n  | {\n      originXOffset?: number;\n      direction?: 'clockwise' | 'counterclockwise';\n      rotation?: number;\n      axisLabel?: string[];\n    }\n  | undefined {\n  return lineOptions\n    ? {\n        originXOffset: lineOptions.originXOffset,\n        direction:\n          lineOptions.direction === 'clockwise' || lineOptions.direction === 'counterclockwise'\n            ? lineOptions.direction\n            : undefined,\n        rotation: lineOptions.rotation,\n        axisLabel: Array.isArray(lineOptions.axisLabel) ? lineOptions.axisLabel : undefined,\n      }\n    : undefined;\n}\n"],"names":["React","renderScatterPolarCategoryLabels","xAxisScale","yAxisScale","className","lineOptions","minPixelGap","maybeLineOptions","extractMaybeLineOptions","uniqueTexts","axisLabel","renderedLabels","placedPositions","labelRadius","numLabels","length","dirMultiplier","direction","rotationRad","rotation","Math","PI","forEach","text","i","angle","originXOffset","x","cos","y","sin","isFarEnough","every","pos","sqrt","push","key","textAnchor","alignmentBaseline","opacity","undefined","Array","isArray"],"mappings":";;;;;;;;;;;2BAoEgBQ;eAAAA;;IA5DAP,gCAAAA;;;;;iEARO,QAAQ;AAQxB,0CAA0C,EAC/CC,UAAU,EACVC,UAAU,EACVC,SAAS,EACTC,WAAW,EACXC,cAAc,EAAE,EAQjB;IACC,MAAMC,mBAAmBC,wBAAwBH;QAGnBE;IAD9B,8DAA8D;IAC9D,MAAME,cAAwBF,CAAAA,8BAAAA,qBAAAA,QAAAA,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAkBG,SAAAA,AAAS,MAAA,QAA3BH,gCAAAA,KAAAA,IAAAA,8BAA+B,EAAE;IAE/D,+BAA+B;IAC/B,MAAMI,iBAA+B,EAAE;IACvC,MAAMC,kBAA8C,EAAE;IACtD,MAAMC,cAAc,KAAK,iDAAiD;IAC1E,MAAMC,YAAYL,YAAYM,MAAM;IAEpC,kEAAkE;IAClE,MAAMC,gBAAgBT,CAAAA,qBAAAA,QAAAA,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAkBU,SAAAA,AAAS,MAAK,cAAc,CAAC,IAAI;QACnDV;IAAtB,MAAMW,cAAgBX,CAAAA,CAAAA,6BAAAA,qBAAAA,QAAAA,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAkBY,QAAAA,AAAQ,MAAA,QAA1BZ,+BAAAA,KAAAA,IAAAA,8BAA8B,CAAA,GAAKa,KAAKC,EAAE,GAAI;IAEpEZ,YAAYa,OAAO,CAAC,CAACC,MAAMC;QACzB,MAAMC,QAAQP,cAAcF,gBAAiB,CAAC,IAAII,KAAKC,EAAE,GAAIP,SAAAA,CAAQ,GAAKU;QAC1E,MAAME,gBAAgBnB,CAAAA,qBAAAA,QAAAA,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAkBmB,aAAAA,AAAa,KAAI;QACzD,MAAMC,IAAIzB,WAAWW,cAAcO,KAAKQ,GAAG,CAACH,SAASC,gBAAgB;QACrE,MAAMG,IAAI1B,WAAWU,cAAcO,KAAKU,GAAG,CAACL;QAE5C,mDAAmD;QACnD,MAAMM,cAAcnB,gBAAgBoB,KAAK,CAACC,CAAAA,MAAOb,KAAKc,IAAI,CAAEP,CAAAA,IAAIM,KAAIN,KAAM,IAAKE,CAAAA,IAAII,KAAIJ,KAAM,MAAMvB;QAEnG,IAAIK,eAAeI,MAAM,KAAK,KAAKgB,aAAa;YAC9CpB,eAAewB,IAAI,CAAA,WAAA,GACjB,OAAA,aAAA,CAACZ,QAAAA;gBACCa,KAAK,CAAC,mBAAmB,EAAEb,MAAM;gBACjCI,GAAGA;gBACHE,GAAGA;gBACHzB,WAAWA;gBACXiC,YAAW;gBACXC,mBAAkB;gBAClBC,SAAS;eAERhB;YAGLX,gBAAgBuB,IAAI,CAAC;gBAAER;gBAAGE;YAAE;QAC9B;IACF;IAEA,OAAOlB;AACT;AAGO,iCAAiCN,WAAgB;IAQtD,OAAOA,cACH;QACEqB,eAAerB,YAAYqB,aAAa;QACxCT,WACEZ,YAAYY,SAAS,KAAK,eAAeZ,YAAYY,SAAS,KAAK,qBAC/DZ,YAAYY,SAAS,GACrBuB;QACNrB,UAAUd,YAAYc,QAAQ;QAC9BT,WAAW+B,MAAMC,OAAO,CAACrC,YAAYK,SAAS,IAAIL,YAAYK,SAAS,GAAG8B;IAC5E,IACAA;AACN"}