@mui/x-charts 8.0.0-alpha.12 → 8.0.0-alpha.14

package/modern/internals/plugins/featurePlugins/useChartPolarAxis/defaultizeAxis.js

@@ -0,0 +1,24 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { DEFAULT_ROTATION_AXIS_KEY } from "../../../../constants/index.js";
+export function defaultizeAxis(inAxis, dataset, axisName) {
+  const DEFAULT_AXIS_KEY = axisName === 'rotation' ? DEFAULT_ROTATION_AXIS_KEY : 5;
+  const inputAxes = inAxis && inAxis.length > 0 ? inAxis : [{
+    id: DEFAULT_AXIS_KEY
+  }];
+  return inputAxes.map((axisConfig, index) => {
+    const id = `defaultized-${axisName}-axis-${index}`;
+    const dataKey = axisConfig.dataKey;
+    if (dataKey === undefined || axisConfig.data !== undefined) {
+      return _extends({
+        id
+      }, axisConfig);
+    }
+    if (dataset === undefined) {
+      throw new Error(`MUI X: ${axisName}-axis uses \`dataKey\` but no \`dataset\` is provided.`);
+    }
+    return _extends({
+      id,
+      data: dataset.map(d => d[dataKey])
+    }, axisConfig);
+  });
+}

package/modern/internals/plugins/featurePlugins/useChartPolarAxis/getAxisExtremum.d.ts

@@ -0,0 +1,5 @@
+import { AxisConfig } from "../../../../models/axis.js";
+import { PolarChartSeriesType } from "../../../../models/seriesType/config.js";
+import { ChartSeriesConfig } from "../../models/seriesConfig/index.js";
+import { ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
+export declare const getAxisExtremum: <TSeriesType extends PolarChartSeriesType>(axis: AxisConfig, axisDirection: "rotation" | "radius", seriesConfig: ChartSeriesConfig<TSeriesType>, axisIndex: number, formattedSeries: ProcessedSeries<TSeriesType>) => number[];

package/modern/internals/plugins/featurePlugins/useChartPolarAxis/getAxisExtremum.js

@@ -0,0 +1,21 @@
+import { isPolarSeriesType } from "../../../isPolar.js";
+const axisExtremumCallback = (acc, chartType, axis, axisDirection, seriesConfig, axisIndex, formattedSeries) => {
+  const getter = axisDirection === 'rotation' ? seriesConfig[chartType].rotationExtremumGetter : seriesConfig[chartType].radiusExtremumGetter;
+  const series = formattedSeries[chartType]?.series ?? {};
+  const [minChartTypeData, maxChartTypeData] = getter?.({
+    series,
+    axis,
+    axisIndex,
+    isDefaultAxis: axisIndex === 0
+  }) ?? [Infinity, -Infinity];
+  const [minData, maxData] = acc;
+  return [Math.min(minChartTypeData, minData), Math.max(maxChartTypeData, maxData)];
+};
+export const getAxisExtremum = (axis, axisDirection, seriesConfig, axisIndex, formattedSeries) => {
+  const polarSeriesTypes = Object.keys(seriesConfig).filter(isPolarSeriesType);
+  const extremums = polarSeriesTypes.reduce((acc, charType) => axisExtremumCallback(acc, charType, axis, axisDirection, seriesConfig, axisIndex, formattedSeries), [Infinity, -Infinity]);
+  if (Number.isNaN(extremums[0]) || Number.isNaN(extremums[1])) {
+    return [Infinity, -Infinity];
+  }
+  return extremums;
+};

package/modern/internals/plugins/featurePlugins/useChartPolarAxis/index.d.ts

@@ -0,0 +1,3 @@
+export { useChartPolarAxis } from "./useChartPolarAxis.js";
+export type * from './useChartPolarAxis.types';
+export * from "./useChartPolarAxis.selectors.js";

package/modern/internals/plugins/featurePlugins/useChartPolarAxis/index.js

@@ -0,0 +1,2 @@
+export { useChartPolarAxis } from "./useChartPolarAxis.js";
+export * from "./useChartPolarAxis.selectors.js";

package/modern/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.d.ts

@@ -0,0 +1,3 @@
+import { ChartPlugin } from "../../models/index.js";
+import { UseChartPolarAxisSignature } from "./useChartPolarAxis.types.js";
+export declare const useChartPolarAxis: ChartPlugin<UseChartPolarAxisSignature<any>>;

package/modern/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.js

@@ -0,0 +1,57 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { warnOnce } from '@mui/x-internals/warning';
+import { useSelector } from "../../../store/useSelector.js";
+import { selectorChartDrawingArea } from "../../corePlugins/useChartDimensions/useChartDimensions.selectors.js";
+import { selectorChartSeriesState } from "../../corePlugins/useChartSeries/useChartSeries.selectors.js";
+import { defaultizeAxis } from "./defaultizeAxis.js";
+export const useChartPolarAxis = ({
+  params,
+  store,
+  seriesConfig
+}) => {
+  const {
+    rotationAxis,
+    radiusAxis,
+    dataset
+  } = params;
+  if (process.env.NODE_ENV !== 'production') {
+    const ids = [...(rotationAxis ?? []), ...(radiusAxis ?? [])].filter(axis => axis.id).map(axis => axis.id);
+    const duplicates = new Set(ids.filter((id, index) => ids.indexOf(id) !== index));
+    if (duplicates.size > 0) {
+      warnOnce([`MUI X: The following axis ids are duplicated: ${Array.from(duplicates).join(', ')}.`, `Please make sure that each axis has a unique id.`].join('\n'), 'error');
+    }
+  }
+  const drawingArea = useSelector(store, selectorChartDrawingArea);
+  const formattedSeries = useSelector(store, selectorChartSeriesState);
+
+  // The effect do not track any value defined synchronously during the 1st render by hooks called after `useChartPolarAxis`
+  // As a consequence, the state generated by the 1st run of this useEffect will always be equal to the initialization one
+  const isFirstRender = React.useRef(true);
+  React.useEffect(() => {
+    if (isFirstRender.current) {
+      isFirstRender.current = false;
+      return;
+    }
+    store.update(prev => _extends({}, prev, {
+      polarAxis: _extends({}, prev.polarAxis, {
+        rotation: defaultizeAxis(rotationAxis, dataset, 'rotation'),
+        radius: defaultizeAxis(radiusAxis, dataset, 'radius')
+      })
+    }));
+  }, [seriesConfig, drawingArea, formattedSeries, rotationAxis, radiusAxis, dataset, store]);
+  return {};
+};
+useChartPolarAxis.params = {
+  rotationAxis: true,
+  radiusAxis: true,
+  dataset: true
+};
+useChartPolarAxis.getInitialState = params => ({
+  polarAxis: {
+    rotation: defaultizeAxis(params.rotationAxis, params.dataset, 'rotation'),
+    radius: defaultizeAxis(params.radiusAxis, params.dataset, 'radius')
+  }
+});