@mui/x-charts-premium 9.0.2 → 9.0.4

package/RadialLineChart/RadialLineChart.plugins.d.mts

@@ -0,0 +1,4 @@
+import { type UseChartZAxisSignature, type UseChartPolarAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartHighlightSignature, type UseChartKeyboardNavigationSignature, type UseChartVisibilityManagerSignature, type ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
+import { type UseChartProExportSignature } from "../plugins/index.mjs";
+export type RadialLineChartPluginSignatures = [UseChartZAxisSignature, UseChartTooltipSignature<'radialLine'>, UseChartInteractionSignature, UseChartPolarAxisSignature<'radialLine'>, UseChartHighlightSignature<'radialLine'>, UseChartVisibilityManagerSignature<'radialLine'>, UseChartKeyboardNavigationSignature, UseChartProExportSignature];
+export declare const RADIAL_LINE_CHART_PLUGINS: ConvertSignaturesIntoPlugins<RadialLineChartPluginSignatures>;

package/RadialLineChart/RadialLineChart.plugins.d.ts

@@ -0,0 +1,4 @@
+import { type UseChartZAxisSignature, type UseChartPolarAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartHighlightSignature, type UseChartKeyboardNavigationSignature, type UseChartVisibilityManagerSignature, type ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
+import { type UseChartProExportSignature } from "../plugins/index.js";
+export type RadialLineChartPluginSignatures = [UseChartZAxisSignature, UseChartTooltipSignature<'radialLine'>, UseChartInteractionSignature, UseChartPolarAxisSignature<'radialLine'>, UseChartHighlightSignature<'radialLine'>, UseChartVisibilityManagerSignature<'radialLine'>, UseChartKeyboardNavigationSignature, UseChartProExportSignature];
+export declare const RADIAL_LINE_CHART_PLUGINS: ConvertSignaturesIntoPlugins<RadialLineChartPluginSignatures>;

package/RadialLineChart/RadialLineChart.plugins.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RADIAL_LINE_CHART_PLUGINS = void 0;
+var _internals = require("@mui/x-charts/internals");
+var _plugins = require("../plugins");
+const RADIAL_LINE_CHART_PLUGINS = exports.RADIAL_LINE_CHART_PLUGINS = [_internals.useChartZAxis, _internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartPolarAxis, _internals.useChartHighlight, _internals.useChartVisibilityManager, _internals.useChartKeyboardNavigation, _plugins.useChartProExport];

package/RadialLineChart/RadialLineChart.plugins.mjs

@@ -0,0 +1,3 @@
+import { useChartZAxis, useChartPolarAxis, useChartTooltip, useChartInteraction, useChartHighlight, useChartKeyboardNavigation, useChartVisibilityManager } from '@mui/x-charts/internals';
+import { useChartProExport } from "../plugins/index.mjs";
+export const RADIAL_LINE_CHART_PLUGINS = [useChartZAxis, useChartTooltip, useChartInteraction, useChartPolarAxis, useChartHighlight, useChartVisibilityManager, useChartKeyboardNavigation, useChartProExport];

package/RadialLineChart/RadialLinePlot.d.mts

@@ -0,0 +1,5 @@
+import { type RadialLineClasses } from "./radialLineClasses.mjs";
+export interface RadialLinePlotProps {
+  classes?: Partial<Pick<RadialLineClasses, 'line' | 'linePlot'>>;
+}
+export declare function RadialLinePlot(props: RadialLinePlotProps): import("react/jsx-runtime").JSX.Element;

package/RadialLineChart/RadialLinePlot.d.ts

@@ -0,0 +1,5 @@
+import { type RadialLineClasses } from "./radialLineClasses.js";
+export interface RadialLinePlotProps {
+  classes?: Partial<Pick<RadialLineClasses, 'line' | 'linePlot'>>;
+}
+export declare function RadialLinePlot(props: RadialLinePlotProps): import("react/jsx-runtime").JSX.Element;

package/RadialLineChart/RadialLinePlot.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadialLinePlot = RadialLinePlot;
+var _styles = require("@mui/material/styles");
+var _internals = require("@mui/x-charts/internals");
+var _useRadialLinePlotData = require("./useRadialLinePlotData");
+var _radialLineClasses = require("./radialLineClasses");
+var _RadialLine = require("./RadialLine");
+var _jsxRuntime = require("react/jsx-runtime");
+const RadialLinePlotRoot = (0, _styles.styled)('g', {
+  name: 'MuiRadialLinePlot',
+  slot: 'Root'
+})();
+function RadialLinePlot(props) {
+  const {
+    classes: inClasses
+  } = props;
+  const completedData = (0, _useRadialLinePlotData.useRadialLinePlotData)();
+  const {
+    store
+  } = (0, _internals.useChartsContext)();
+  const {
+    cx,
+    cy
+  } = store.use(_internals.selectorChartPolarCenter);
+  const classes = (0, _radialLineClasses.useUtilityClasses)({
+    classes: inClasses
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadialLinePlotRoot, {
+    className: classes.linePlot,
+    transform: `translate(${cx} ${cy})`,
+    children: completedData.map(({
+      points,
+      seriesId,
+      color,
+      hidden,
+      curve
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadialLine.RadialLine, {
+      seriesId: seriesId,
+      color: color,
+      hidden: hidden,
+      points: points,
+      curve: curve,
+      className: classes.line
+    }, seriesId))
+  });
+}

package/RadialLineChart/RadialLinePlot.mjs

@@ -0,0 +1,44 @@
+import { styled } from '@mui/material/styles';
+import { selectorChartPolarCenter, useChartsContext } from '@mui/x-charts/internals';
+import { useRadialLinePlotData } from "./useRadialLinePlotData.mjs";
+import { useUtilityClasses } from "./radialLineClasses.mjs";
+import { RadialLine } from "./RadialLine.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+const RadialLinePlotRoot = styled('g', {
+  name: 'MuiRadialLinePlot',
+  slot: 'Root'
+})();
+export function RadialLinePlot(props) {
+  const {
+    classes: inClasses
+  } = props;
+  const completedData = useRadialLinePlotData();
+  const {
+    store
+  } = useChartsContext();
+  const {
+    cx,
+    cy
+  } = store.use(selectorChartPolarCenter);
+  const classes = useUtilityClasses({
+    classes: inClasses
+  });
+  return /*#__PURE__*/_jsx(RadialLinePlotRoot, {
+    className: classes.linePlot,
+    transform: `translate(${cx} ${cy})`,
+    children: completedData.map(({
+      points,
+      seriesId,
+      color,
+      hidden,
+      curve
+    }) => /*#__PURE__*/_jsx(RadialLine, {
+      seriesId: seriesId,
+      color: color,
+      hidden: hidden,
+      points: points,
+      curve: curve,
+      className: classes.line
+    }, seriesId))
+  });
+}

package/RadialLineChart/RadialMarkPlot.d.mts

@@ -0,0 +1,5 @@
+import { type RadialLineClasses } from "./radialLineClasses.mjs";
+export interface RadialMarkPlotProps {
+  classes?: Partial<Pick<RadialLineClasses, 'mark' | 'markPlot'>>;
+}
+export declare function RadialMarkPlot(props: RadialMarkPlotProps): import("react/jsx-runtime").JSX.Element;

package/RadialLineChart/RadialMarkPlot.d.ts

@@ -0,0 +1,5 @@
+import { type RadialLineClasses } from "./radialLineClasses.js";
+export interface RadialMarkPlotProps {
+  classes?: Partial<Pick<RadialLineClasses, 'mark' | 'markPlot'>>;
+}
+export declare function RadialMarkPlot(props: RadialMarkPlotProps): import("react/jsx-runtime").JSX.Element;

package/RadialLineChart/RadialMarkPlot.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadialMarkPlot = RadialMarkPlot;
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
+var _styles = require("@mui/material/styles");
+var _internals = require("@mui/x-charts/internals");
+var _useRadialLinePlotData = require("./useRadialLinePlotData");
+var _radialLineClasses = require("./radialLineClasses");
+var _jsxRuntime = require("react/jsx-runtime");
+const RadialMarkPlotRoot = (0, _styles.styled)('g', {
+  name: 'MuiRadialMarkPlot',
+  slot: 'Root'
+})();
+function RadialMarkPlot(props) {
+  const {
+    classes: inClasses
+  } = props;
+  const completedData = (0, _useRadialLinePlotData.useRadialLinePlotData)();
+  const classes = (0, _radialLineClasses.useUtilityClasses)({
+    classes: inClasses
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadialMarkPlotRoot, {
+    className: classes.markPlot,
+    children: completedData.map(({
+      points,
+      seriesId,
+      color,
+      hidden,
+      showMark,
+      shape
+    }) => {
+      if (!showMark) {
+        return null;
+      }
+      const path = shape === 'circle' ? null : (0, _d3Shape.symbol)(_d3Shape.symbolsFill[(0, _internals.getSymbol)(shape)])();
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+        "data-series": seriesId,
+        children: points.map(({
+          x,
+          y,
+          dataIndex
+        }) => shape === 'circle' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+          cx: x,
+          cy: y,
+          r: 4,
+          fill: color,
+          opacity: hidden ? 0 : 1,
+          className: classes.mark
+        }, dataIndex) : /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+          d: path,
+          transform: `translate(${x}, ${y})`,
+          fill: color,
+          opacity: hidden ? 0 : 1,
+          className: classes.mark
+        }, dataIndex))
+      }, seriesId);
+    })
+  });
+}

package/RadialLineChart/RadialMarkPlot.mjs

@@ -0,0 +1,56 @@
+import { symbol as d3Symbol, symbolsFill as d3SymbolsFill } from '@mui/x-charts-vendor/d3-shape';
+import { styled } from '@mui/material/styles';
+import { getSymbol } from '@mui/x-charts/internals';
+import { useRadialLinePlotData } from "./useRadialLinePlotData.mjs";
+import { useUtilityClasses } from "./radialLineClasses.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+const RadialMarkPlotRoot = styled('g', {
+  name: 'MuiRadialMarkPlot',
+  slot: 'Root'
+})();
+export function RadialMarkPlot(props) {
+  const {
+    classes: inClasses
+  } = props;
+  const completedData = useRadialLinePlotData();
+  const classes = useUtilityClasses({
+    classes: inClasses
+  });
+  return /*#__PURE__*/_jsx(RadialMarkPlotRoot, {
+    className: classes.markPlot,
+    children: completedData.map(({
+      points,
+      seriesId,
+      color,
+      hidden,
+      showMark,
+      shape
+    }) => {
+      if (!showMark) {
+        return null;
+      }
+      const path = shape === 'circle' ? null : d3Symbol(d3SymbolsFill[getSymbol(shape)])();
+      return /*#__PURE__*/_jsx("g", {
+        "data-series": seriesId,
+        children: points.map(({
+          x,
+          y,
+          dataIndex
+        }) => shape === 'circle' ? /*#__PURE__*/_jsx("circle", {
+          cx: x,
+          cy: y,
+          r: 4,
+          fill: color,
+          opacity: hidden ? 0 : 1,
+          className: classes.mark
+        }, dataIndex) : /*#__PURE__*/_jsx("path", {
+          d: path,
+          transform: `translate(${x}, ${y})`,
+          fill: color,
+          opacity: hidden ? 0 : 1,
+          className: classes.mark
+        }, dataIndex))
+      }, seriesId);
+    })
+  });
+}

package/RadialLineChart/index.d.mts

@@ -0,0 +1,4 @@
+export * from "./RadialLineChart.mjs";
+export * from "./RadialAreaPlot.mjs";
+export * from "./RadialLinePlot.mjs";
+export * from "./RadialMarkPlot.mjs";

package/RadialLineChart/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./RadialLineChart.js";
+export * from "./RadialAreaPlot.js";
+export * from "./RadialLinePlot.js";
+export * from "./RadialMarkPlot.js";

package/RadialLineChart/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _RadialLineChart = require("./RadialLineChart");
+Object.keys(_RadialLineChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RadialLineChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RadialLineChart[key];
+    }
+  });
+});
+var _RadialAreaPlot = require("./RadialAreaPlot");
+Object.keys(_RadialAreaPlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RadialAreaPlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RadialAreaPlot[key];
+    }
+  });
+});
+var _RadialLinePlot = require("./RadialLinePlot");
+Object.keys(_RadialLinePlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RadialLinePlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RadialLinePlot[key];
+    }
+  });
+});
+var _RadialMarkPlot = require("./RadialMarkPlot");
+Object.keys(_RadialMarkPlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RadialMarkPlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RadialMarkPlot[key];
+    }
+  });
+});

package/RadialLineChart/index.mjs

@@ -0,0 +1,4 @@
+export * from "./RadialLineChart.mjs";
+export * from "./RadialAreaPlot.mjs";
+export * from "./RadialLinePlot.mjs";
+export * from "./RadialMarkPlot.mjs";

package/RadialLineChart/radialLineClasses.d.mts

@@ -0,0 +1,25 @@
+export interface RadialLineClasses {
+  /** Styles applied to the area element. */
+  area: string;
+  /** Styles applied to the line element. */
+  line: string;
+  /** Styles applied to the mark element. */
+  mark: string;
+  /** Styles applied to the AreaPlot root element. */
+  areaPlot: string;
+  /** Styles applied to the LinePlot root element. */
+  linePlot: string;
+  /** Styles applied to the MarkPlot root element. */
+  markPlot: string;
+}
+export type LineClassKey = keyof RadialLineClasses;
+export interface MarkElementOwnerState {
+  classes?: Partial<RadialLineClasses>;
+  skipAnimation?: boolean;
+}
+export declare function getLineUtilityClass(slot: string): string;
+export declare const radialLineClasses: RadialLineClasses;
+export interface UseUtilityClassesOptions {
+  classes?: Partial<RadialLineClasses>;
+}
+export declare const useUtilityClasses: (options?: UseUtilityClassesOptions) => Record<"line" | "area" | "mark" | "areaPlot" | "linePlot" | "markPlot", string>;

package/RadialLineChart/radialLineClasses.d.ts

@@ -0,0 +1,25 @@
+export interface RadialLineClasses {
+  /** Styles applied to the area element. */
+  area: string;
+  /** Styles applied to the line element. */
+  line: string;
+  /** Styles applied to the mark element. */
+  mark: string;
+  /** Styles applied to the AreaPlot root element. */
+  areaPlot: string;
+  /** Styles applied to the LinePlot root element. */
+  linePlot: string;
+  /** Styles applied to the MarkPlot root element. */
+  markPlot: string;
+}
+export type LineClassKey = keyof RadialLineClasses;
+export interface MarkElementOwnerState {
+  classes?: Partial<RadialLineClasses>;
+  skipAnimation?: boolean;
+}
+export declare function getLineUtilityClass(slot: string): string;
+export declare const radialLineClasses: RadialLineClasses;
+export interface UseUtilityClassesOptions {
+  classes?: Partial<RadialLineClasses>;
+}
+export declare const useUtilityClasses: (options?: UseUtilityClassesOptions) => Record<"line" | "area" | "mark" | "areaPlot" | "linePlot" | "markPlot", string>;

package/RadialLineChart/radialLineClasses.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLineUtilityClass = getLineUtilityClass;
+exports.useUtilityClasses = exports.radialLineClasses = void 0;
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+function getLineUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiRadialLineChart', slot);
+}
+const radialLineClasses = exports.radialLineClasses = (0, _generateUtilityClasses.default)('MuiRadialLineChart', ['area', 'line', 'mark', 'areaPlot', 'linePlot', 'markPlot']);
+const useUtilityClasses = options => {
+  const {
+    classes
+  } = options ?? {};
+  const slots = {
+    area: ['area'],
+    line: ['line'],
+    mark: ['mark'],
+    areaPlot: ['areaPlot'],
+    linePlot: ['linePlot'],
+    markPlot: ['markPlot']
+  };
+  return (0, _composeClasses.default)(slots, getLineUtilityClass, classes);
+};
+exports.useUtilityClasses = useUtilityClasses;

package/RadialLineChart/radialLineClasses.mjs

@@ -0,0 +1,21 @@
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import composeClasses from '@mui/utils/composeClasses';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+export function getLineUtilityClass(slot) {
+  return generateUtilityClass('MuiRadialLineChart', slot);
+}
+export const radialLineClasses = generateUtilityClasses('MuiRadialLineChart', ['area', 'line', 'mark', 'areaPlot', 'linePlot', 'markPlot']);
+export const useUtilityClasses = options => {
+  const {
+    classes
+  } = options ?? {};
+  const slots = {
+    area: ['area'],
+    line: ['line'],
+    mark: ['mark'],
+    areaPlot: ['areaPlot'],
+    linePlot: ['linePlot'],
+    markPlot: ['markPlot']
+  };
+  return composeClasses(slots, getLineUtilityClass, classes);
+};

package/RadialLineChart/seriesConfig/axisTooltipGetter.d.mts

@@ -0,0 +1,2 @@
+import type { AxisTooltipGetter } from '@mui/x-charts/internals';
+export declare const axisTooltipGetter: AxisTooltipGetter<'radialLine', 'rotation' | 'radius'>;

package/RadialLineChart/seriesConfig/axisTooltipGetter.d.ts

@@ -0,0 +1,2 @@
+import type { AxisTooltipGetter } from '@mui/x-charts/internals';
+export declare const axisTooltipGetter: AxisTooltipGetter<'radialLine', 'rotation' | 'radius'>;

package/RadialLineChart/seriesConfig/axisTooltipGetter.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.axisTooltipGetter = void 0;
+const axisTooltipGetter = series => {
+  return Object.values(series).map(s => ({
+    direction: 'rotation',
+    axisId: 'rotationAxisId' in s ? s.rotationAxisId : undefined
+  }));
+};
+exports.axisTooltipGetter = axisTooltipGetter;

package/RadialLineChart/seriesConfig/axisTooltipGetter.mjs

@@ -0,0 +1,6 @@
+export const axisTooltipGetter = series => {
+  return Object.values(series).map(s => ({
+    direction: 'rotation',
+    axisId: 'rotationAxisId' in s ? s.rotationAxisId : undefined
+  }));
+};

package/RadialLineChart/seriesConfig/descriptionGetter.d.mts

@@ -0,0 +1,3 @@
+import { type DescriptionGetter } from '@mui/x-charts/internals';
+declare const descriptionGetter: DescriptionGetter<'radialLine'>;
+export default descriptionGetter;

package/RadialLineChart/seriesConfig/descriptionGetter.d.ts

@@ -0,0 +1,3 @@
+import { type DescriptionGetter } from '@mui/x-charts/internals';
+declare const descriptionGetter: DescriptionGetter<'radialLine'>;
+export default descriptionGetter;

package/RadialLineChart/seriesConfig/descriptionGetter.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _internals = require("@mui/x-charts/internals");
+const descriptionGetter = params => {
+  const {
+    identifier,
+    series,
+    rotationAxis,
+    localeText
+  } = params;
+  const label = (0, _internals.getLabel)(series.label, 'tooltip');
+  const dataIndex = identifier.dataIndex;
+  if (dataIndex === undefined) {
+    return '';
+  }
+  const xValue = rotationAxis.data?.[dataIndex] ?? null;
+  const yValue = series.data[dataIndex] ?? null;
+  const formattedXValue = rotationAxis.valueFormatter?.(xValue, {
+    location: 'tooltip',
+    scale: rotationAxis.scale
+  });
+  const formattedYValue = series.valueFormatter(yValue, {
+    dataIndex
+  });
+
+  // We reuse the description for the LineChart with x/y for the rotation/radius.
+  return localeText.lineDescription({
+    x: xValue,
+    y: yValue,
+    formattedXValue: formattedXValue ?? '',
+    formattedYValue: formattedYValue ?? '',
+    seriesLabel: label
+  });
+};
+var _default = exports.default = descriptionGetter;

package/RadialLineChart/seriesConfig/descriptionGetter.mjs

@@ -0,0 +1,33 @@
+import { getLabel } from '@mui/x-charts/internals';
+const descriptionGetter = params => {
+  const {
+    identifier,
+    series,
+    rotationAxis,
+    localeText
+  } = params;
+  const label = getLabel(series.label, 'tooltip');
+  const dataIndex = identifier.dataIndex;
+  if (dataIndex === undefined) {
+    return '';
+  }
+  const xValue = rotationAxis.data?.[dataIndex] ?? null;
+  const yValue = series.data[dataIndex] ?? null;
+  const formattedXValue = rotationAxis.valueFormatter?.(xValue, {
+    location: 'tooltip',
+    scale: rotationAxis.scale
+  });
+  const formattedYValue = series.valueFormatter(yValue, {
+    dataIndex
+  });
+
+  // We reuse the description for the LineChart with x/y for the rotation/radius.
+  return localeText.lineDescription({
+    x: xValue,
+    y: yValue,
+    formattedXValue: formattedXValue ?? '',
+    formattedYValue: formattedYValue ?? '',
+    seriesLabel: label
+  });
+};
+export default descriptionGetter;

package/RadialLineChart/seriesConfig/extremums.d.mts

@@ -0,0 +1,3 @@
+import { type PolarExtremumGetter } from '@mui/x-charts/internals';
+export declare const rotationExtremumGetter: PolarExtremumGetter<'radialLine'>;
+export declare const radiusExtremumGetter: PolarExtremumGetter<'radialLine'>;

package/RadialLineChart/seriesConfig/extremums.d.ts

@@ -0,0 +1,3 @@
+import { type PolarExtremumGetter } from '@mui/x-charts/internals';
+export declare const rotationExtremumGetter: PolarExtremumGetter<'radialLine'>;
+export declare const radiusExtremumGetter: PolarExtremumGetter<'radialLine'>;

package/RadialLineChart/seriesConfig/extremums.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rotationExtremumGetter = exports.radiusExtremumGetter = void 0;
+var _internals = require("@mui/x-charts/internals");
+const rotationExtremumGetter = params => {
+  const {
+    axis
+  } = params;
+  return (0, _internals.findMinMax)(axis.data ?? []);
+};
+exports.rotationExtremumGetter = rotationExtremumGetter;
+function getSeriesExtremums(getValues, data, stackedData) {
+  return stackedData.reduce((seriesAcc, stackedValue, index) => {
+    if (data[index] === null) {
+      return seriesAcc;
+    }
+    const [base, value] = getValues(stackedValue);
+    return [Math.min(base, value, seriesAcc[0]), Math.max(base, value, seriesAcc[1])];
+  }, [Infinity, -Infinity]);
+}
+const radiusExtremumGetter = params => {
+  const {
+    series,
+    axis,
+    isDefaultAxis
+  } = params;
+  return Object.keys(series).filter(seriesId => {
+    const radiusAxisId = series[seriesId].radiusAxisId;
+    return radiusAxisId === axis.id || isDefaultAxis && radiusAxisId === undefined;
+  }).reduce((acc, seriesId) => {
+    const {
+      area,
+      stackedData,
+      data
+    } = series[seriesId];
+    const isArea = area !== undefined;
+
+    // Since this series is not used to display an area, we do not consider the base (the d[0]).
+    const getValues = isArea && axis.scaleType !== 'log' && typeof series[seriesId].baseline !== 'string' ? d => d : d => [d[1], d[1]];
+    const seriesExtremums = getSeriesExtremums(getValues, data, stackedData);
+    const [seriesMin, seriesMax] = seriesExtremums;
+    return [Math.min(seriesMin, acc[0]), Math.max(seriesMax, acc[1])];
+  }, [Infinity, -Infinity]);
+};
+exports.radiusExtremumGetter = radiusExtremumGetter;

package/RadialLineChart/seriesConfig/extremums.mjs

@@ -0,0 +1,40 @@
+import { findMinMax } from '@mui/x-charts/internals';
+export const rotationExtremumGetter = params => {
+  const {
+    axis
+  } = params;
+  return findMinMax(axis.data ?? []);
+};
+function getSeriesExtremums(getValues, data, stackedData) {
+  return stackedData.reduce((seriesAcc, stackedValue, index) => {
+    if (data[index] === null) {
+      return seriesAcc;
+    }
+    const [base, value] = getValues(stackedValue);
+    return [Math.min(base, value, seriesAcc[0]), Math.max(base, value, seriesAcc[1])];
+  }, [Infinity, -Infinity]);
+}
+export const radiusExtremumGetter = params => {
+  const {
+    series,
+    axis,
+    isDefaultAxis
+  } = params;
+  return Object.keys(series).filter(seriesId => {
+    const radiusAxisId = series[seriesId].radiusAxisId;
+    return radiusAxisId === axis.id || isDefaultAxis && radiusAxisId === undefined;
+  }).reduce((acc, seriesId) => {
+    const {
+      area,
+      stackedData,
+      data
+    } = series[seriesId];
+    const isArea = area !== undefined;
+
+    // Since this series is not used to display an area, we do not consider the base (the d[0]).
+    const getValues = isArea && axis.scaleType !== 'log' && typeof series[seriesId].baseline !== 'string' ? d => d : d => [d[1], d[1]];
+    const seriesExtremums = getSeriesExtremums(getValues, data, stackedData);
+    const [seriesMin, seriesMax] = seriesExtremums;
+    return [Math.min(seriesMin, acc[0]), Math.max(seriesMax, acc[1])];
+  }, [Infinity, -Infinity]);
+};