@mui/x-charts 9.2.0 → 9.4.0

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.mjs

@@ -8,10 +8,11 @@ import { defaultizeAxis } from "./defaultizeAxis.mjs";
 import { selectorChartsInteractionIsInitialized } from "../useChartInteraction/index.mjs";
 import { selectorChartPolarCenter, selectorChartRadiusAxis, selectorChartRotationAxis } from "./useChartPolarAxis.selectors.mjs";
 import { getChartPoint } from "../../../getChartPoint.mjs";
-import { generatePolar2svg, generateSvg2polar, generateSvg2rotation } from "./coordinateTransformation.mjs";
-import { getRotationAxisIndex } from "./getAxisIndex.mjs";
+import { generatePolar2svg, generateSvg2polar, generateSvg2radius, generateSvg2rotation } from "./coordinateTransformation.mjs";
+import { getRadiusAxisIndex, getRotationAxisIndex } from "./getAxisIndex.mjs";
 import { selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/index.mjs";
 import { checkHasInteractionPlugin } from "../useChartInteraction/checkHasInteractionPlugin.mjs";
+import { isPolarSeriesType } from "../../../isPolar.mjs";
 export const useChartPolarAxis = ({
   params,
   store,
@@ -171,9 +172,10 @@ export const useChartPolarAxis = ({
       const svgPoint = getChartPoint(element, event.detail.srcEvent);
       const rotation = generateSvg2rotation(center)(svgPoint.x, svgPoint.y);
       const rotationIndex = getRotationAxisIndex(rotationAxisWithScale[usedRotationAxisId], rotation);
+      const radius = generateSvg2radius(center)(svgPoint.x, svgPoint.y);
+      const radiusIndex = getRadiusAxisIndex(radiusAxisWithScale[usedRadiusAxisId], radius);
       isRotationAxis = rotationIndex !== -1;
-      dataIndex = isRotationAxis ? rotationIndex : null; // radius index is not yet implemented.
-
+      dataIndex = isRotationAxis ? rotationIndex : radiusIndex;
       const USED_AXIS_ID = isRotationAxis ? usedRotationAxisId : usedRadiusAxisId;
       if (dataIndex == null || dataIndex === -1) {
         return;
@@ -182,7 +184,7 @@ export const useChartPolarAxis = ({
       // The .data exist because otherwise the dataIndex would be null or -1.
       const axisValue = (isRotationAxis ? rotationAxisWithScale : radiusAxisWithScale)[USED_AXIS_ID].data[dataIndex];
       const seriesValues = {};
-      Object.keys(processedSeries).filter(seriesType => seriesType === 'radar').forEach(seriesType => {
+      Object.keys(processedSeries).filter(isPolarSeriesType).forEach(seriesType => {
         processedSeries[seriesType]?.seriesOrder.forEach(seriesId => {
           const seriesItem = processedSeries[seriesType].series[seriesId];
           seriesValues[seriesId] = seriesItem.data[dataIndex];

package/internals/plugins/featurePlugins/useChartZAxis/useChartZAxis.js

@@ -11,6 +11,7 @@ var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/form
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _colorScale = require("../../../colorScale");
+var _sizeScale = require("../../../sizeScale");
 function addDefaultId(axisConfig, defaultId) {
   if (axisConfig.id !== undefined) {
     return axisConfig;
@@ -32,6 +33,19 @@ function processColorMap(axisConfig) {
     }, axisConfig.colorMap) : axisConfig.colorMap)
   });
 }
+function processSizeMap(axisConfig) {
+  if (!axisConfig.sizeMap) {
+    return axisConfig;
+  }
+  return (0, _extends2.default)({}, axisConfig, {
+    sizeScale: axisConfig.sizeMap.type === 'ordinal' ? (0, _sizeScale.getOrdinalSizeScale)((0, _extends2.default)({
+      values: axisConfig.data
+    }, axisConfig.sizeMap)) : (0, _sizeScale.getSizeScale)(axisConfig.sizeMap.type === 'continuous' ? (0, _extends2.default)({
+      min: axisConfig.min,
+      max: axisConfig.max
+    }, axisConfig.sizeMap) : axisConfig.sizeMap)
+  });
+}
 function getZAxisState(zAxis, dataset) {
   if (!zAxis || zAxis.length === 0) {
     return {
@@ -45,16 +59,16 @@ function getZAxisState(zAxis, dataset) {
     const dataKey = axisConfig.dataKey;
     const defaultizedId = axisConfig.id ?? `defaultized-z-axis-${index}`;
     if (axisConfig.data !== undefined || dataKey === undefined && !axisConfig.valueGetter) {
-      zAxisLookup[defaultizedId] = processColorMap(addDefaultId(axisConfig, defaultizedId));
+      zAxisLookup[defaultizedId] = processSizeMap(processColorMap(addDefaultId(axisConfig, defaultizedId)));
       axisIds.push(defaultizedId);
       return;
     }
     if (dataset === undefined) {
       throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Charts: The z-axis uses `dataKey` or `valueGetter` but no `dataset` is provided. ' + 'When using dataKey or valueGetter, a dataset must be provided to retrieve the axis data. ' + 'Either provide a dataset prop or use the data property directly on the z-axis.' : (0, _formatErrorMessage2.default)(41));
     }
-    zAxisLookup[defaultizedId] = processColorMap(addDefaultId((0, _extends2.default)({}, axisConfig, {
+    zAxisLookup[defaultizedId] = processSizeMap(processColorMap(addDefaultId((0, _extends2.default)({}, axisConfig, {
       data: axisConfig.valueGetter ? dataset.map(d => axisConfig.valueGetter(d)) : dataset.map(d => d[dataKey])
-    }), defaultizedId));
+    }), defaultizedId)));
     axisIds.push(defaultizedId);
   });
   return {

package/internals/plugins/featurePlugins/useChartZAxis/useChartZAxis.mjs

@@ -4,6 +4,7 @@ import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { getColorScale, getOrdinalColorScale } from "../../../colorScale.mjs";
+import { getSizeScale, getOrdinalSizeScale } from "../../../sizeScale.mjs";
 function addDefaultId(axisConfig, defaultId) {
   if (axisConfig.id !== undefined) {
     return axisConfig;
@@ -25,6 +26,19 @@ function processColorMap(axisConfig) {
     }, axisConfig.colorMap) : axisConfig.colorMap)
   });
 }
+function processSizeMap(axisConfig) {
+  if (!axisConfig.sizeMap) {
+    return axisConfig;
+  }
+  return _extends({}, axisConfig, {
+    sizeScale: axisConfig.sizeMap.type === 'ordinal' ? getOrdinalSizeScale(_extends({
+      values: axisConfig.data
+    }, axisConfig.sizeMap)) : getSizeScale(axisConfig.sizeMap.type === 'continuous' ? _extends({
+      min: axisConfig.min,
+      max: axisConfig.max
+    }, axisConfig.sizeMap) : axisConfig.sizeMap)
+  });
+}
 function getZAxisState(zAxis, dataset) {
   if (!zAxis || zAxis.length === 0) {
     return {
@@ -38,16 +52,16 @@ function getZAxisState(zAxis, dataset) {
     const dataKey = axisConfig.dataKey;
     const defaultizedId = axisConfig.id ?? `defaultized-z-axis-${index}`;
     if (axisConfig.data !== undefined || dataKey === undefined && !axisConfig.valueGetter) {
-      zAxisLookup[defaultizedId] = processColorMap(addDefaultId(axisConfig, defaultizedId));
+      zAxisLookup[defaultizedId] = processSizeMap(processColorMap(addDefaultId(axisConfig, defaultizedId)));
       axisIds.push(defaultizedId);
       return;
     }
     if (dataset === undefined) {
       throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Charts: The z-axis uses `dataKey` or `valueGetter` but no `dataset` is provided. ' + 'When using dataKey or valueGetter, a dataset must be provided to retrieve the axis data. ' + 'Either provide a dataset prop or use the data property directly on the z-axis.' : _formatErrorMessage(41));
     }
-    zAxisLookup[defaultizedId] = processColorMap(addDefaultId(_extends({}, axisConfig, {
+    zAxisLookup[defaultizedId] = processSizeMap(processColorMap(addDefaultId(_extends({}, axisConfig, {
       data: axisConfig.valueGetter ? dataset.map(d => axisConfig.valueGetter(d)) : dataset.map(d => d[dataKey])
-    }), defaultizedId));
+    }), defaultizedId)));
     axisIds.push(defaultizedId);
   });
   return {

package/internals/processLineLikeSeries.d.mts

@@ -0,0 +1,6 @@
+import { type ChartSeriesType, type DatasetType } from "../models/seriesType/config.mjs";
+import type { SeriesProcessorParams, SeriesProcessorResult } from "./plugins/corePlugins/useChartSeriesConfig/index.mjs";
+import type { IsItemVisibleFunction } from "./plugins/featurePlugins/useChartVisibilityManager/index.mjs";
+type LineLikeChartType = Extract<ChartSeriesType, 'line' | 'radialLine'>;
+export declare function processLineLikeSeries<SeriesType extends LineLikeChartType>(params: SeriesProcessorParams<SeriesType>, dataset: Readonly<DatasetType> | undefined, isItemVisible: IsItemVisibleFunction | undefined, seriesType: SeriesType): SeriesProcessorResult<SeriesType>;
+export {};

package/internals/processLineLikeSeries.d.ts

@@ -0,0 +1,6 @@
+import { type ChartSeriesType, type DatasetType } from "../models/seriesType/config.js";
+import type { SeriesProcessorParams, SeriesProcessorResult } from "./plugins/corePlugins/useChartSeriesConfig/index.js";
+import type { IsItemVisibleFunction } from "./plugins/featurePlugins/useChartVisibilityManager/index.js";
+type LineLikeChartType = Extract<ChartSeriesType, 'line' | 'radialLine'>;
+export declare function processLineLikeSeries<SeriesType extends LineLikeChartType>(params: SeriesProcessorParams<SeriesType>, dataset: Readonly<DatasetType> | undefined, isItemVisible: IsItemVisibleFunction | undefined, seriesType: SeriesType): SeriesProcessorResult<SeriesType>;
+export {};

package/internals/processLineLikeSeries.js

@@ -0,0 +1,145 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.processLineLikeSeries = processLineLikeSeries;
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
+var _warning = require("@mui/x-internals/warning");
+var _stacking = require("./stacking");
+const defaultShapes = ['circle', 'square', 'diamond', 'cross', 'star', 'triangle', 'wye'];
+const lineValueFormatter = v => v == null ? '' : v.toLocaleString();
+function processLineLikeSeries(params, dataset, isItemVisible, seriesType) {
+  const {
+    seriesOrder,
+    series
+  } = params;
+  const stackingGroups = (0, _stacking.getStackingGroups)((0, _extends2.default)({}, params, {
+    defaultStrategy: {
+      stackOffset: 'none'
+    }
+  }));
+  const idToIndex = new Map();
+  const d3Dataset = dataset ?? [];
+  seriesOrder.forEach((id, seriesIndex) => {
+    idToIndex.set(id, seriesIndex);
+    const data = series[id].data;
+    if (data !== undefined) {
+      data.forEach((value, dataIndex) => {
+        if (d3Dataset.length <= dataIndex) {
+          d3Dataset.push({
+            [id]: value
+          });
+        } else {
+          d3Dataset[dataIndex][id] = value;
+        }
+      });
+    } else if (series[id].valueGetter && dataset) {
+      dataset.forEach((entry, dataIndex) => {
+        const value = series[id].valueGetter(entry);
+        if (d3Dataset.length <= dataIndex) {
+          d3Dataset.push({
+            [id]: value
+          });
+        } else {
+          d3Dataset[dataIndex][id] = value;
+        }
+      });
+    } else if (dataset === undefined && process.env.NODE_ENV !== 'production') {
+      const titleCase = seriesType === 'line' ? 'Line' : 'Radial line';
+      // TODO: fix mui/no-guarded-throw
+      // eslint-disable-next-line mui/no-guarded-throw
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: ${titleCase} series with id="${id}" has no data. ` + 'The chart cannot render this series without data. ' + 'Provide a data property to the series or use the dataset prop.' : (0, _formatErrorMessage2.default)(276, titleCase, id));
+    }
+    if (process.env.NODE_ENV !== 'production') {
+      if (!data && dataset) {
+        const dataKey = series[id].dataKey;
+        if (!dataKey && !series[id].valueGetter) {
+          const titleCase = seriesType === 'line' ? 'Line' : 'Radial line';
+          // TODO: fix mui/no-guarded-throw
+          // eslint-disable-next-line mui/no-guarded-throw
+          throw new Error(`MUI X Charts: ${titleCase} series with id="${id}" has no data, no dataKey, and no valueGetter. ` + 'When using the dataset prop, each series must have a dataKey or valueGetter to identify which dataset values to use. ' + 'Add a dataKey or valueGetter property to the series configuration.');
+        }
+        if (dataKey) {
+          const titleCase = seriesType === 'line' ? 'Line' : 'Radial line';
+          const lowerCase = seriesType === 'line' ? 'lines' : 'radial lines';
+          dataset.forEach((entry, index) => {
+            const value = entry[dataKey];
+            if (value != null && typeof value !== 'number') {
+              (0, _warning.warnOnce)(`MUI X Charts: your dataset key "${dataKey}" is used for plotting ${lowerCase}, but the dataset contains the non-null non-numerical element "${value}" at index ${index}.
+${titleCase} plots only support numeric and null values.`);
+            }
+          });
+        }
+      }
+    }
+  });
+  const completedSeries = {};
+  stackingGroups.forEach(stackingGroup => {
+    const {
+      ids,
+      stackingOffset,
+      stackingOrder
+    } = stackingGroup;
+    const keys = ids.map(id => {
+      const dataKey = series[id].dataKey;
+      return series[id].data === undefined && dataKey !== undefined ? dataKey : id;
+    });
+    const stackedData = (0, _d3Shape.stack)().keys(keys).value((d, key) => d[key] ?? 0).order(stackingOrder).offset(stackingOffset)(d3Dataset);
+    const idOrder = stackedData.map(s => s.index);
+    const fixedOrder = () => idOrder;
+    const visibleStackedData = (0, _d3Shape.stack)().keys(keys).value((d, key) => {
+      const keyIndex = keys.indexOf(key);
+      const seriesId = ids[keyIndex];
+      if (!isItemVisible?.({
+        type: seriesType,
+        seriesId
+      })) {
+        return 0;
+      }
+      return d[key] ?? 0;
+    }).order(fixedOrder).offset(stackingOffset)(d3Dataset);
+    ids.forEach((id, index) => {
+      const {
+        dataKey,
+        valueGetter
+      } = series[id];
+      let data;
+      if (valueGetter) {
+        data = dataset.map(d => valueGetter(d));
+      } else if (dataKey) {
+        data = dataset.map(d => {
+          const value = d[dataKey];
+          return typeof value === 'number' ? value : null;
+        });
+      } else {
+        data = series[id].data;
+      }
+      const hidden = !isItemVisible?.({
+        type: seriesType,
+        seriesId: id
+      });
+      // SAFETY: 'line' and 'radialLine' series inputs are structurally identical for the
+      // fields needed to build the defaultized series result. The differing axis-ID fields
+      // are passed through via spread without being read.
+      completedSeries[id] = (0, _extends2.default)({
+        labelMarkType: 'line+mark'
+      }, series[id], {
+        shape: series[id].shape ?? defaultShapes[(idToIndex.get(id) ?? 0) % defaultShapes.length],
+        data,
+        valueFormatter: series[id].valueFormatter ?? lineValueFormatter,
+        hidden,
+        stackedData: stackedData[index],
+        visibleStackedData: visibleStackedData[index]
+      });
+    });
+  });
+  return {
+    seriesOrder,
+    stackingGroups,
+    series: completedSeries
+  };
+}

package/internals/processLineLikeSeries.mjs

@@ -0,0 +1,138 @@
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { stack as d3Stack } from '@mui/x-charts-vendor/d3-shape';
+import { warnOnce } from '@mui/x-internals/warning';
+import { getStackingGroups } from "./stacking/index.mjs";
+const defaultShapes = ['circle', 'square', 'diamond', 'cross', 'star', 'triangle', 'wye'];
+const lineValueFormatter = v => v == null ? '' : v.toLocaleString();
+export function processLineLikeSeries(params, dataset, isItemVisible, seriesType) {
+  const {
+    seriesOrder,
+    series
+  } = params;
+  const stackingGroups = getStackingGroups(_extends({}, params, {
+    defaultStrategy: {
+      stackOffset: 'none'
+    }
+  }));
+  const idToIndex = new Map();
+  const d3Dataset = dataset ?? [];
+  seriesOrder.forEach((id, seriesIndex) => {
+    idToIndex.set(id, seriesIndex);
+    const data = series[id].data;
+    if (data !== undefined) {
+      data.forEach((value, dataIndex) => {
+        if (d3Dataset.length <= dataIndex) {
+          d3Dataset.push({
+            [id]: value
+          });
+        } else {
+          d3Dataset[dataIndex][id] = value;
+        }
+      });
+    } else if (series[id].valueGetter && dataset) {
+      dataset.forEach((entry, dataIndex) => {
+        const value = series[id].valueGetter(entry);
+        if (d3Dataset.length <= dataIndex) {
+          d3Dataset.push({
+            [id]: value
+          });
+        } else {
+          d3Dataset[dataIndex][id] = value;
+        }
+      });
+    } else if (dataset === undefined && process.env.NODE_ENV !== 'production') {
+      const titleCase = seriesType === 'line' ? 'Line' : 'Radial line';
+      // TODO: fix mui/no-guarded-throw
+      // eslint-disable-next-line mui/no-guarded-throw
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: ${titleCase} series with id="${id}" has no data. ` + 'The chart cannot render this series without data. ' + 'Provide a data property to the series or use the dataset prop.' : _formatErrorMessage(276, titleCase, id));
+    }
+    if (process.env.NODE_ENV !== 'production') {
+      if (!data && dataset) {
+        const dataKey = series[id].dataKey;
+        if (!dataKey && !series[id].valueGetter) {
+          const titleCase = seriesType === 'line' ? 'Line' : 'Radial line';
+          // TODO: fix mui/no-guarded-throw
+          // eslint-disable-next-line mui/no-guarded-throw
+          throw new Error(`MUI X Charts: ${titleCase} series with id="${id}" has no data, no dataKey, and no valueGetter. ` + 'When using the dataset prop, each series must have a dataKey or valueGetter to identify which dataset values to use. ' + 'Add a dataKey or valueGetter property to the series configuration.');
+        }
+        if (dataKey) {
+          const titleCase = seriesType === 'line' ? 'Line' : 'Radial line';
+          const lowerCase = seriesType === 'line' ? 'lines' : 'radial lines';
+          dataset.forEach((entry, index) => {
+            const value = entry[dataKey];
+            if (value != null && typeof value !== 'number') {
+              warnOnce(`MUI X Charts: your dataset key "${dataKey}" is used for plotting ${lowerCase}, but the dataset contains the non-null non-numerical element "${value}" at index ${index}.
+${titleCase} plots only support numeric and null values.`);
+            }
+          });
+        }
+      }
+    }
+  });
+  const completedSeries = {};
+  stackingGroups.forEach(stackingGroup => {
+    const {
+      ids,
+      stackingOffset,
+      stackingOrder
+    } = stackingGroup;
+    const keys = ids.map(id => {
+      const dataKey = series[id].dataKey;
+      return series[id].data === undefined && dataKey !== undefined ? dataKey : id;
+    });
+    const stackedData = d3Stack().keys(keys).value((d, key) => d[key] ?? 0).order(stackingOrder).offset(stackingOffset)(d3Dataset);
+    const idOrder = stackedData.map(s => s.index);
+    const fixedOrder = () => idOrder;
+    const visibleStackedData = d3Stack().keys(keys).value((d, key) => {
+      const keyIndex = keys.indexOf(key);
+      const seriesId = ids[keyIndex];
+      if (!isItemVisible?.({
+        type: seriesType,
+        seriesId
+      })) {
+        return 0;
+      }
+      return d[key] ?? 0;
+    }).order(fixedOrder).offset(stackingOffset)(d3Dataset);
+    ids.forEach((id, index) => {
+      const {
+        dataKey,
+        valueGetter
+      } = series[id];
+      let data;
+      if (valueGetter) {
+        data = dataset.map(d => valueGetter(d));
+      } else if (dataKey) {
+        data = dataset.map(d => {
+          const value = d[dataKey];
+          return typeof value === 'number' ? value : null;
+        });
+      } else {
+        data = series[id].data;
+      }
+      const hidden = !isItemVisible?.({
+        type: seriesType,
+        seriesId: id
+      });
+      // SAFETY: 'line' and 'radialLine' series inputs are structurally identical for the
+      // fields needed to build the defaultized series result. The differing axis-ID fields
+      // are passed through via spread without being read.
+      completedSeries[id] = _extends({
+        labelMarkType: 'line+mark'
+      }, series[id], {
+        shape: series[id].shape ?? defaultShapes[(idToIndex.get(id) ?? 0) % defaultShapes.length],
+        data,
+        valueFormatter: series[id].valueFormatter ?? lineValueFormatter,
+        hidden,
+        stackedData: stackedData[index],
+        visibleStackedData: visibleStackedData[index]
+      });
+    });
+  });
+  return {
+    seriesOrder,
+    stackingGroups,
+    series: completedSeries
+  };
+}

package/internals/resolveColorProcessor.d.mts

@@ -0,0 +1,11 @@
+import type { DefaultizedSeriesType } from "../models/seriesType/index.mjs";
+import type { ChartSeriesType } from "../models/seriesType/config.mjs";
+type LineOrBarSeriesType = Extract<ChartSeriesType, 'line' | 'bar' | 'radialLine' | 'radialBar'>;
+export interface ResolveColorProcessorParams<SeriesType extends LineOrBarSeriesType, V> {
+  series: Pick<DefaultizedSeriesType<SeriesType>, 'color' | 'data' | 'colorGetter'>;
+  valueColorScale?: (value: number) => string | null;
+  categoryColorScale?: (value: V) => string | null;
+  categoryValues?: readonly V[];
+}
+export declare function resolveColorProcessor<SeriesType extends LineOrBarSeriesType, V>(params: ResolveColorProcessorParams<SeriesType, V>): (dataIndex?: number) => string;
+export {};

package/internals/resolveColorProcessor.d.ts

@@ -0,0 +1,11 @@
+import type { DefaultizedSeriesType } from "../models/seriesType/index.js";
+import type { ChartSeriesType } from "../models/seriesType/config.js";
+type LineOrBarSeriesType = Extract<ChartSeriesType, 'line' | 'bar' | 'radialLine' | 'radialBar'>;
+export interface ResolveColorProcessorParams<SeriesType extends LineOrBarSeriesType, V> {
+  series: Pick<DefaultizedSeriesType<SeriesType>, 'color' | 'data' | 'colorGetter'>;
+  valueColorScale?: (value: number) => string | null;
+  categoryColorScale?: (value: V) => string | null;
+  categoryValues?: readonly V[];
+}
+export declare function resolveColorProcessor<SeriesType extends LineOrBarSeriesType, V>(params: ResolveColorProcessorParams<SeriesType, V>): (dataIndex?: number) => string;
+export {};

package/internals/resolveColorProcessor.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolveColorProcessor = resolveColorProcessor;
+var _getSeriesColorFn = require("./getSeriesColorFn");
+function resolveColorProcessor(params) {
+  const {
+    series,
+    valueColorScale,
+    categoryColorScale,
+    categoryValues
+  } = params;
+  const getSeriesColor = (0, _getSeriesColorFn.getSeriesColorFn)(series);
+  if (valueColorScale) {
+    return dataIndex => {
+      if (dataIndex === undefined) {
+        return series.color;
+      }
+      const value = series.data[dataIndex];
+      const color = value === null ? getSeriesColor({
+        value,
+        dataIndex
+      }) : valueColorScale(value);
+      if (color === null) {
+        return getSeriesColor({
+          value,
+          dataIndex
+        });
+      }
+      return color;
+    };
+  }
+  if (categoryColorScale && categoryValues) {
+    return dataIndex => {
+      if (dataIndex === undefined) {
+        return series.color;
+      }
+      const value = categoryValues[dataIndex];
+      const fallbackValue = {
+        value: series.data[dataIndex],
+        dataIndex
+      };
+      const color = value === null ? getSeriesColor(fallbackValue) : categoryColorScale(value);
+      if (color === null) {
+        return getSeriesColor(fallbackValue);
+      }
+      return color;
+    };
+  }
+  return dataIndex => {
+    if (dataIndex === undefined) {
+      return series.color;
+    }
+    const value = series.data[dataIndex];
+    return getSeriesColor({
+      value,
+      dataIndex
+    });
+  };
+}

package/internals/resolveColorProcessor.mjs

@@ -0,0 +1,56 @@
+import { getSeriesColorFn } from "./getSeriesColorFn.mjs";
+export function resolveColorProcessor(params) {
+  const {
+    series,
+    valueColorScale,
+    categoryColorScale,
+    categoryValues
+  } = params;
+  const getSeriesColor = getSeriesColorFn(series);
+  if (valueColorScale) {
+    return dataIndex => {
+      if (dataIndex === undefined) {
+        return series.color;
+      }
+      const value = series.data[dataIndex];
+      const color = value === null ? getSeriesColor({
+        value,
+        dataIndex
+      }) : valueColorScale(value);
+      if (color === null) {
+        return getSeriesColor({
+          value,
+          dataIndex
+        });
+      }
+      return color;
+    };
+  }
+  if (categoryColorScale && categoryValues) {
+    return dataIndex => {
+      if (dataIndex === undefined) {
+        return series.color;
+      }
+      const value = categoryValues[dataIndex];
+      const fallbackValue = {
+        value: series.data[dataIndex],
+        dataIndex
+      };
+      const color = value === null ? getSeriesColor(fallbackValue) : categoryColorScale(value);
+      if (color === null) {
+        return getSeriesColor(fallbackValue);
+      }
+      return color;
+    };
+  }
+  return dataIndex => {
+    if (dataIndex === undefined) {
+      return series.color;
+    }
+    const value = series.data[dataIndex];
+    return getSeriesColor({
+      value,
+      dataIndex
+    });
+  };
+}

package/internals/sizeScale.d.mts

@@ -0,0 +1,6 @@
+import { type ScaleOrdinal, type ScaleThreshold, type ScaleSequential } from '@mui/x-charts-vendor/d3-scale';
+import { type ContinuousSizeConfig, type PiecewiseSizeConfig, type OrdinalSizeConfig } from "../models/sizeMapping.mjs";
+export declare function getSequentialSizeScale<Value extends number | Date>(config: ContinuousSizeConfig<Value> | PiecewiseSizeConfig<Value>): ScaleThreshold<Value, number, never> | ScaleSequential<number, never>;
+export declare function getOrdinalSizeScale(config: OrdinalSizeConfig): ScaleOrdinal<number | Date | string, number, number | null>;
+export declare function getSizeScale(config: OrdinalSizeConfig): ScaleOrdinal<number | Date | string, number, number | null>;
+export declare function getSizeScale(config: ContinuousSizeConfig | PiecewiseSizeConfig): ScaleThreshold<number | Date, number | null> | ScaleSequential<number, number | null>;

package/internals/sizeScale.d.ts

@@ -0,0 +1,6 @@
+import { type ScaleOrdinal, type ScaleThreshold, type ScaleSequential } from '@mui/x-charts-vendor/d3-scale';
+import { type ContinuousSizeConfig, type PiecewiseSizeConfig, type OrdinalSizeConfig } from "../models/sizeMapping.js";
+export declare function getSequentialSizeScale<Value extends number | Date>(config: ContinuousSizeConfig<Value> | PiecewiseSizeConfig<Value>): ScaleThreshold<Value, number, never> | ScaleSequential<number, never>;
+export declare function getOrdinalSizeScale(config: OrdinalSizeConfig): ScaleOrdinal<number | Date | string, number, number | null>;
+export declare function getSizeScale(config: OrdinalSizeConfig): ScaleOrdinal<number | Date | string, number, number | null>;
+export declare function getSizeScale(config: ContinuousSizeConfig | PiecewiseSizeConfig): ScaleThreshold<number | Date, number | null> | ScaleSequential<number, number | null>;

package/internals/sizeScale.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getOrdinalSizeScale = getOrdinalSizeScale;
+exports.getSequentialSizeScale = getSequentialSizeScale;
+exports.getSizeScale = getSizeScale;
+var _d3Scale = require("@mui/x-charts-vendor/d3-scale");
+const isFunctionInterpolator = config => {
+  return typeof config.size === 'function';
+};
+function getClampedSize(sizes) {
+  const [minSize, maxSize] = sizes;
+  return t => {
+    const clampedT = Math.max(Math.min(t, 1), 0);
+    return minSize + clampedT * (maxSize - minSize);
+  };
+}
+function getSequentialSizeScale(config) {
+  if (config.type === 'piecewise') {
+    return (0, _d3Scale.scaleThreshold)(config.thresholds, config.sizes);
+  }
+  if (isFunctionInterpolator(config)) {
+    return (0, _d3Scale.scaleSequential)([config.min ?? 0, config.max ?? 100], config.size);
+  }
+  const interpolator = config.interpolator ?? 'sqrt';
+  switch (interpolator) {
+    case 'log':
+      return (0, _d3Scale.scaleSequentialLog)([config.min ?? 0, config.max ?? 100], getClampedSize(config.size));
+    case 'linear':
+      return (0, _d3Scale.scaleSequential)([config.min ?? 0, config.max ?? 100], getClampedSize(config.size));
+    case 'sqrt':
+    default:
+      return (0, _d3Scale.scaleSequentialSqrt)([config.min ?? 0, config.max ?? 100], getClampedSize(config.size));
+  }
+}
+function getOrdinalSizeScale(config) {
+  if (config.values) {
+    return (0, _d3Scale.scaleOrdinal)(config.values, config.sizes).unknown(config.unknownSize ?? null);
+  }
+  return (0, _d3Scale.scaleOrdinal)(config.sizes.map((_, index) => index), config.sizes).unknown(config.unknownSize ?? null);
+}
+function getSizeScale(config) {
+  return config.type === 'ordinal' ? getOrdinalSizeScale(config) : getSequentialSizeScale(config);
+}