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

package/context/PolarProvider/Polar.types.d.ts

@@ -1,43 +0,0 @@
-import { DatasetType } from "../../models/seriesType/config.js";
-import { AxisDefaultized, ScaleName, AxisId, AxisConfig, ChartsRotationAxisProps, ChartsRadiusAxisProps } from "../../models/axis.js";
-import { ChartsAxisProps } from "../../ChartsAxis/index.js";
-export type PolarProviderProps = {
-  /**
-   * The configuration of the rotation-axes.
-   * If not provided, a default axis config is used.
-   * An array of [[AxisConfig]] objects.
-   */
-  rotationAxis: AxisConfig<ScaleName, any, ChartsRotationAxisProps>[];
-  /**
-   * The configuration of the radial-axes.
-   * If not provided, a default axis config is used.
-   * An array of [[AxisConfig]] objects.
-   */
-  radiusAxis: AxisConfig<'linear', any, ChartsRadiusAxisProps>[];
-  /**
-   * An array of objects that can be used to populate series and axes data using their `dataKey` property.
-   */
-  dataset?: Readonly<DatasetType>;
-  children: React.ReactNode;
-};
-export type DefaultizedAxisConfig<Axis extends ChartsAxisProps> = {
-  [axisId: AxisId]: AxisDefaultized<ScaleName, any, Axis>;
-};
-export type PolarContextState = {
-  /**
-   * Mapping from rotation-axis key to scaling configuration.
-   */
-  rotationAxis: DefaultizedAxisConfig<ChartsRotationAxisProps>;
-  /**
-   * Mapping from radius-axis key to scaling configuration.
-   */
-  radiusAxis: DefaultizedAxisConfig<ChartsRadiusAxisProps>;
-  /**
-   * The rotation-axes IDs sorted by order they got provided.
-   */
-  rotationAxisIds: AxisId[];
-  /**
-   * The radius-axes IDs sorted by order they got provided.
-   */
-  radiusAxisIds: AxisId[];
-};

package/context/PolarProvider/PolarContext.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Initializable } from "../context.types.js";
-import { PolarContextState } from "./Polar.types.js";
-export declare const PolarContext: React.Context<Initializable<PolarContextState>>;

package/context/PolarProvider/PolarContext.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PolarContext = void 0;
-var React = _interopRequireWildcard(require("react"));
-const PolarContext = exports.PolarContext = /*#__PURE__*/React.createContext({
-  isInitialized: false,
-  data: {
-    rotationAxis: {},
-    radiusAxis: {},
-    rotationAxisIds: [],
-    radiusAxisIds: []
-  }
-});
-if (process.env.NODE_ENV !== 'production') {
-  PolarContext.displayName = 'PolarContext';
-}

package/context/PolarProvider/PolarProvider.js

@@ -1,62 +0,0 @@
-"use strict";
-'use client';
-
-// 'use client';
-// import * as React from 'react';
-// import { computeAxisValue } from '../../internals/plugins/featurePlugins/useChartCartesianAxis/computeAxisValue';
-// import { useDrawingArea } from '../../hooks/useDrawingArea';
-// import { useSeries } from '../../hooks/useSeries';
-// import { PolarContext } from './PolarContext';
-// import { useRadiusExtremumGetter } from '../PluginProvider/useRadiusExtremumGetter';
-// import { useRotationExtremumGetter } from '../PluginProvider/useRotationExtremumGetter';
-// import { PolarProviderProps } from './Polar.types';
-
-// function PolarProvider(props: PolarProviderProps) {
-//   const { rotationAxis, radiusAxis, children } = props;
-
-//   const formattedSeries = useSeries();
-//   const drawingArea = useDrawingArea();
-//   const rotationExtremumGetters = useRotationExtremumGetter();
-//   const radiusExtremumGetters = useRadiusExtremumGetter();
-
-//   const rotationValues = React.useMemo(
-//     () =>
-//       computeAxisValue({
-//         drawingArea,
-//         formattedSeries,
-//         axis: rotationAxis,
-//         extremumGetters: rotationExtremumGetters,
-//         axisDirection: 'rotation',
-//       }),
-//     [drawingArea, formattedSeries, rotationAxis, rotationExtremumGetters],
-//   );
-
-//   const radiusValues = React.useMemo(
-//     () =>
-//       computeAxisValue({
-//         drawingArea,
-//         formattedSeries,
-//         axis: radiusAxis,
-//         extremumGetters: radiusExtremumGetters,
-//         axisDirection: 'radius',
-//       }),
-//     [drawingArea, formattedSeries, radiusAxis, radiusExtremumGetters],
-//   );
-
-//   const value = React.useMemo(
-//     () => ({
-//       isInitialized: true,
-//       data: {
-//         rotationAxis: rotationValues.axis,
-//         radiusAxis: radiusValues.axis,
-//         rotationAxisIds: rotationValues.axisIds,
-//         radiusAxisIds: radiusValues.axisIds,
-//       },
-//     }),
-//     [rotationValues, radiusValues],
-//   );
-
-//   return <PolarContext.Provider value={value}>{children}</PolarContext.Provider>;
-// }
-
-// export { PolarProvider };

package/context/PolarProvider/getAxisExtremum.js

@@ -1,49 +0,0 @@
-// import { AxisConfig } from '../../models';
-// import { CartesianChartSeriesType } from '../../models/seriesType/config';
-// import { FormattedSeries } from '../SeriesProvider';
-// import { ExtremumGettersConfig, ExtremumGetterResult } from '../PluginProvider';
-
-// const axisExtremumCallback = <T extends CartesianChartSeriesType>(
-//   acc: ExtremumGetterResult,
-//   chartType: T,
-//   axis: AxisConfig,
-//   getters: ExtremumGettersConfig<T>,
-//   axisIndex: number,
-//   formattedSeries: FormattedSeries,
-// ): ExtremumGetterResult => {
-//   const getter = getters[chartType];
-//   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: AxisConfig,
-//   getters: ExtremumGettersConfig,
-//   axisIndex: number,
-//   formattedSeries: FormattedSeries,
-// ) => {
-//   const charTypes = Object.keys(getters) as CartesianChartSeriesType[];
-
-//   const extremums = charTypes.reduce<ExtremumGetterResult>(
-//     (acc, charType) =>
-//       axisExtremumCallback(acc, charType, axis, getters, axisIndex, formattedSeries),
-//     [Infinity, -Infinity],
-//   );
-
-//   if (Number.isNaN(extremums[0]) || Number.isNaN(extremums[1])) {
-//     return [Infinity, -Infinity];
-//   }
-
-//   return extremums;
-// };
-"use strict";

package/context/PolarProvider/index.js

@@ -1 +0,0 @@
-"use strict";

package/context/PolarProvider/usePolarContext.js

@@ -1,12 +0,0 @@
-"use strict";
-'use client';
-
-// 'use client';
-// import * as React from 'react';
-// import { PolarContext } from './PolarContext';
-// import { PolarContextState } from './Polar.types';
-
-// export const usePolarContext = (): PolarContextState => {
-//   const { data } = React.useContext(PolarContext);
-//   return data;
-// };

package/esm/context/PolarProvider/Polar.types.d.ts

@@ -1,43 +0,0 @@
-import { DatasetType } from "../../models/seriesType/config.js";
-import { AxisDefaultized, ScaleName, AxisId, AxisConfig, ChartsRotationAxisProps, ChartsRadiusAxisProps } from "../../models/axis.js";
-import { ChartsAxisProps } from "../../ChartsAxis/index.js";
-export type PolarProviderProps = {
-  /**
-   * The configuration of the rotation-axes.
-   * If not provided, a default axis config is used.
-   * An array of [[AxisConfig]] objects.
-   */
-  rotationAxis: AxisConfig<ScaleName, any, ChartsRotationAxisProps>[];
-  /**
-   * The configuration of the radial-axes.
-   * If not provided, a default axis config is used.
-   * An array of [[AxisConfig]] objects.
-   */
-  radiusAxis: AxisConfig<'linear', any, ChartsRadiusAxisProps>[];
-  /**
-   * An array of objects that can be used to populate series and axes data using their `dataKey` property.
-   */
-  dataset?: Readonly<DatasetType>;
-  children: React.ReactNode;
-};
-export type DefaultizedAxisConfig<Axis extends ChartsAxisProps> = {
-  [axisId: AxisId]: AxisDefaultized<ScaleName, any, Axis>;
-};
-export type PolarContextState = {
-  /**
-   * Mapping from rotation-axis key to scaling configuration.
-   */
-  rotationAxis: DefaultizedAxisConfig<ChartsRotationAxisProps>;
-  /**
-   * Mapping from radius-axis key to scaling configuration.
-   */
-  radiusAxis: DefaultizedAxisConfig<ChartsRadiusAxisProps>;
-  /**
-   * The rotation-axes IDs sorted by order they got provided.
-   */
-  rotationAxisIds: AxisId[];
-  /**
-   * The radius-axes IDs sorted by order they got provided.
-   */
-  radiusAxisIds: AxisId[];
-};

package/esm/context/PolarProvider/PolarContext.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Initializable } from "../context.types.js";
-import { PolarContextState } from "./Polar.types.js";
-export declare const PolarContext: React.Context<Initializable<PolarContextState>>;

package/esm/context/PolarProvider/PolarContext.js

@@ -1,13 +0,0 @@
-import * as React from 'react';
-export const PolarContext = /*#__PURE__*/React.createContext({
-  isInitialized: false,
-  data: {
-    rotationAxis: {},
-    radiusAxis: {},
-    rotationAxisIds: [],
-    radiusAxisIds: []
-  }
-});
-if (process.env.NODE_ENV !== 'production') {
-  PolarContext.displayName = 'PolarContext';
-}

package/esm/context/PolarProvider/PolarProvider.js

@@ -1,61 +0,0 @@
-'use client';
-
-// 'use client';
-// import * as React from 'react';
-// import { computeAxisValue } from '../../internals/plugins/featurePlugins/useChartCartesianAxis/computeAxisValue';
-// import { useDrawingArea } from '../../hooks/useDrawingArea';
-// import { useSeries } from '../../hooks/useSeries';
-// import { PolarContext } from './PolarContext';
-// import { useRadiusExtremumGetter } from '../PluginProvider/useRadiusExtremumGetter';
-// import { useRotationExtremumGetter } from '../PluginProvider/useRotationExtremumGetter';
-// import { PolarProviderProps } from './Polar.types';
-
-// function PolarProvider(props: PolarProviderProps) {
-//   const { rotationAxis, radiusAxis, children } = props;
-
-//   const formattedSeries = useSeries();
-//   const drawingArea = useDrawingArea();
-//   const rotationExtremumGetters = useRotationExtremumGetter();
-//   const radiusExtremumGetters = useRadiusExtremumGetter();
-
-//   const rotationValues = React.useMemo(
-//     () =>
-//       computeAxisValue({
-//         drawingArea,
-//         formattedSeries,
-//         axis: rotationAxis,
-//         extremumGetters: rotationExtremumGetters,
-//         axisDirection: 'rotation',
-//       }),
-//     [drawingArea, formattedSeries, rotationAxis, rotationExtremumGetters],
-//   );
-
-//   const radiusValues = React.useMemo(
-//     () =>
-//       computeAxisValue({
-//         drawingArea,
-//         formattedSeries,
-//         axis: radiusAxis,
-//         extremumGetters: radiusExtremumGetters,
-//         axisDirection: 'radius',
-//       }),
-//     [drawingArea, formattedSeries, radiusAxis, radiusExtremumGetters],
-//   );
-
-//   const value = React.useMemo(
-//     () => ({
-//       isInitialized: true,
-//       data: {
-//         rotationAxis: rotationValues.axis,
-//         radiusAxis: radiusValues.axis,
-//         rotationAxisIds: rotationValues.axisIds,
-//         radiusAxisIds: radiusValues.axisIds,
-//       },
-//     }),
-//     [rotationValues, radiusValues],
-//   );
-
-//   return <PolarContext.Provider value={value}>{children}</PolarContext.Provider>;
-// }
-
-// export { PolarProvider };

package/esm/context/PolarProvider/getAxisExtremum.js

@@ -1,48 +0,0 @@
-// import { AxisConfig } from '../../models';
-// import { CartesianChartSeriesType } from '../../models/seriesType/config';
-// import { FormattedSeries } from '../SeriesProvider';
-// import { ExtremumGettersConfig, ExtremumGetterResult } from '../PluginProvider';
-
-// const axisExtremumCallback = <T extends CartesianChartSeriesType>(
-//   acc: ExtremumGetterResult,
-//   chartType: T,
-//   axis: AxisConfig,
-//   getters: ExtremumGettersConfig<T>,
-//   axisIndex: number,
-//   formattedSeries: FormattedSeries,
-// ): ExtremumGetterResult => {
-//   const getter = getters[chartType];
-//   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: AxisConfig,
-//   getters: ExtremumGettersConfig,
-//   axisIndex: number,
-//   formattedSeries: FormattedSeries,
-// ) => {
-//   const charTypes = Object.keys(getters) as CartesianChartSeriesType[];
-
-//   const extremums = charTypes.reduce<ExtremumGetterResult>(
-//     (acc, charType) =>
-//       axisExtremumCallback(acc, charType, axis, getters, axisIndex, formattedSeries),
-//     [Infinity, -Infinity],
-//   );
-
-//   if (Number.isNaN(extremums[0]) || Number.isNaN(extremums[1])) {
-//     return [Infinity, -Infinity];
-//   }
-
-//   return extremums;
-// };

package/esm/context/PolarProvider/usePolarContext.js

@@ -1,11 +0,0 @@
-'use client';
-
-// 'use client';
-// import * as React from 'react';
-// import { PolarContext } from './PolarContext';
-// import { PolarContextState } from './Polar.types';
-
-// export const usePolarContext = (): PolarContextState => {
-//   const { data } = React.useContext(PolarContext);
-//   return data;
-// };

package/esm/internals/defaultizeColor.d.ts

@@ -1,107 +0,0 @@
-import { AllSeriesType } from "../models/seriesType/index.js";
-export declare function defaultizeColor(series: AllSeriesType, seriesIndex: number, colors: string[]): {
-  data: {
-    label?: string | ((location: "tooltip" | "legend" | "arc") => string) | undefined;
-    color: string;
-    labelMarkType?: "line" | "square" | "circle" | import("react").ComponentType<import("..").ChartsLabelCustomMarkProps> | undefined;
-    value: number;
-    id?: import("..").PieItemId | undefined;
-  }[];
-  type: "pie";
-  innerRadius?: number | string;
-  outerRadius?: number | string;
-  arcLabelRadius?: number | string;
-  cornerRadius?: number;
-  startAngle?: number;
-  endAngle?: number;
-  paddingAngle?: number;
-  sortingValues?: import("..").ChartsPieSorting;
-  arcLabel?: "formattedValue" | "label" | "value" | ((item: Omit<import("..").DefaultizedPieValueType, "label"> & {
-    label?: string;
-  }) => string);
-  arcLabelMinAngle?: number;
-  cx?: number | string;
-  cy?: number | string;
-  highlighted?: {
-    additionalRadius?: number;
-    innerRadius?: number;
-    outerRadius?: number;
-    cornerRadius?: number;
-    paddingAngle?: number;
-    arcLabelRadius?: number;
-    color?: string;
-  };
-  faded?: {
-    additionalRadius?: number;
-    innerRadius?: number;
-    outerRadius?: number;
-    cornerRadius?: number;
-    paddingAngle?: number;
-    arcLabelRadius?: number;
-    color?: string;
-  };
-  id?: import(".").SeriesId;
-  color?: string;
-  valueFormatter?: import(".").SeriesValueFormatter<import("@mui/x-internals/types").MakeOptional<import("..").PieValueType, "id">> | undefined;
-  highlightScope?: Partial<import("..").HighlightScope>;
-  labelMarkType?: import("..").ChartsLabelMarkProps["type"];
-} | {
-  type: "scatter";
-  data?: readonly import("..").ScatterValueType[];
-  markerSize?: number;
-  label?: string | ((location: "tooltip" | "legend") => string);
-  disableHover?: boolean;
-  zAxisId?: string;
-  datasetKeys?: {
-    x: string;
-    y: string;
-    z?: string;
-    id?: string;
-  };
-  id?: import(".").SeriesId;
-  color: string;
-  valueFormatter?: import(".").SeriesValueFormatter<import("..").ScatterValueType | null> | undefined;
-  highlightScope?: Partial<import("..").HighlightScope>;
-  labelMarkType?: import("..").ChartsLabelMarkProps["type"];
-  xAxisId?: string;
-  yAxisId?: string;
-} | {
-  type: "line";
-  data?: readonly (number | null)[];
-  dataKey?: string;
-  stack?: string;
-  area?: boolean;
-  label?: string | ((location: "tooltip" | "legend") => string);
-  curve?: import("..").CurveType;
-  strictStepCurve?: boolean;
-  showMark?: boolean | ((params: import("..").ShowMarkParams) => boolean);
-  shape?: "circle" | "cross" | "diamond" | "square" | "star" | "triangle" | "wye";
-  disableHighlight?: boolean;
-  connectNulls?: boolean;
-  stackOffset?: import("..").StackOffsetType;
-  baseline?: number | "min" | "max";
-  id?: import(".").SeriesId;
-  color: string;
-  valueFormatter?: import(".").SeriesValueFormatter<number | null> | undefined;
-  highlightScope?: Partial<import("..").HighlightScope>;
-  labelMarkType?: import("..").ChartsLabelMarkProps["type"];
-  xAxisId?: string;
-  yAxisId?: string;
-  stackOrder?: import("..").StackOrderType;
-} | {
-  type: "bar";
-  data?: readonly (number | null)[];
-  dataKey?: string;
-  label?: string | ((location: "tooltip" | "legend") => string);
-  layout?: "horizontal" | "vertical";
-  stackOffset?: import("..").StackOffsetType;
-  id?: import(".").SeriesId;
-  color: string;
-  valueFormatter?: import(".").SeriesValueFormatter<number | null> | undefined;
-  highlightScope?: Partial<import("..").HighlightScope>;
-  labelMarkType?: import("..").ChartsLabelMarkProps["type"];
-  xAxisId?: string;
-  yAxisId?: string;
-  stack?: string;
-  stackOrder?: import("..").StackOrderType;
-};

package/esm/internals/defaultizeColor.js

@@ -1,13 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-export function defaultizeColor(series, seriesIndex, colors) {
-  if (series.type === 'pie') {
-    return _extends({}, series, {
-      data: series.data.map((d, index) => _extends({
-        color: colors[index % colors.length]
-      }, d))
-    });
-  }
-  return _extends({
-    color: colors[seriesIndex % colors.length]
-  }, series);
-}

package/internals/defaultizeColor.d.ts

@@ -1,107 +0,0 @@
-import { AllSeriesType } from "../models/seriesType/index.js";
-export declare function defaultizeColor(series: AllSeriesType, seriesIndex: number, colors: string[]): {
-  data: {
-    label?: string | ((location: "tooltip" | "legend" | "arc") => string) | undefined;
-    color: string;
-    labelMarkType?: "line" | "square" | "circle" | import("react").ComponentType<import("..").ChartsLabelCustomMarkProps> | undefined;
-    value: number;
-    id?: import("..").PieItemId | undefined;
-  }[];
-  type: "pie";
-  innerRadius?: number | string;
-  outerRadius?: number | string;
-  arcLabelRadius?: number | string;
-  cornerRadius?: number;
-  startAngle?: number;
-  endAngle?: number;
-  paddingAngle?: number;
-  sortingValues?: import("..").ChartsPieSorting;
-  arcLabel?: "formattedValue" | "label" | "value" | ((item: Omit<import("..").DefaultizedPieValueType, "label"> & {
-    label?: string;
-  }) => string);
-  arcLabelMinAngle?: number;
-  cx?: number | string;
-  cy?: number | string;
-  highlighted?: {
-    additionalRadius?: number;
-    innerRadius?: number;
-    outerRadius?: number;
-    cornerRadius?: number;
-    paddingAngle?: number;
-    arcLabelRadius?: number;
-    color?: string;
-  };
-  faded?: {
-    additionalRadius?: number;
-    innerRadius?: number;
-    outerRadius?: number;
-    cornerRadius?: number;
-    paddingAngle?: number;
-    arcLabelRadius?: number;
-    color?: string;
-  };
-  id?: import(".").SeriesId;
-  color?: string;
-  valueFormatter?: import(".").SeriesValueFormatter<import("@mui/x-internals/types").MakeOptional<import("..").PieValueType, "id">> | undefined;
-  highlightScope?: Partial<import("..").HighlightScope>;
-  labelMarkType?: import("..").ChartsLabelMarkProps["type"];
-} | {
-  type: "scatter";
-  data?: readonly import("..").ScatterValueType[];
-  markerSize?: number;
-  label?: string | ((location: "tooltip" | "legend") => string);
-  disableHover?: boolean;
-  zAxisId?: string;
-  datasetKeys?: {
-    x: string;
-    y: string;
-    z?: string;
-    id?: string;
-  };
-  id?: import(".").SeriesId;
-  color: string;
-  valueFormatter?: import(".").SeriesValueFormatter<import("..").ScatterValueType | null> | undefined;
-  highlightScope?: Partial<import("..").HighlightScope>;
-  labelMarkType?: import("..").ChartsLabelMarkProps["type"];
-  xAxisId?: string;
-  yAxisId?: string;
-} | {
-  type: "line";
-  data?: readonly (number | null)[];
-  dataKey?: string;
-  stack?: string;
-  area?: boolean;
-  label?: string | ((location: "tooltip" | "legend") => string);
-  curve?: import("..").CurveType;
-  strictStepCurve?: boolean;
-  showMark?: boolean | ((params: import("..").ShowMarkParams) => boolean);
-  shape?: "circle" | "cross" | "diamond" | "square" | "star" | "triangle" | "wye";
-  disableHighlight?: boolean;
-  connectNulls?: boolean;
-  stackOffset?: import("..").StackOffsetType;
-  baseline?: number | "min" | "max";
-  id?: import(".").SeriesId;
-  color: string;
-  valueFormatter?: import(".").SeriesValueFormatter<number | null> | undefined;
-  highlightScope?: Partial<import("..").HighlightScope>;
-  labelMarkType?: import("..").ChartsLabelMarkProps["type"];
-  xAxisId?: string;
-  yAxisId?: string;
-  stackOrder?: import("..").StackOrderType;
-} | {
-  type: "bar";
-  data?: readonly (number | null)[];
-  dataKey?: string;
-  label?: string | ((location: "tooltip" | "legend") => string);
-  layout?: "horizontal" | "vertical";
-  stackOffset?: import("..").StackOffsetType;
-  id?: import(".").SeriesId;
-  color: string;
-  valueFormatter?: import(".").SeriesValueFormatter<number | null> | undefined;
-  highlightScope?: Partial<import("..").HighlightScope>;
-  labelMarkType?: import("..").ChartsLabelMarkProps["type"];
-  xAxisId?: string;
-  yAxisId?: string;
-  stack?: string;
-  stackOrder?: import("..").StackOrderType;
-};