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

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

@@ -1,42 +0,0 @@
-import { DatasetType } from "../../models/seriesType/config.js";
-import { AxisDefaultized, ScaleName, AxisId, AxisConfig, ChartsRotationAxisProps, ChartsRadiusAxisProps } from "../../models/axis.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?: DatasetType;
-  children: React.ReactNode;
-};
-export type DefaultizedAxisConfig<Axis> = {
-  [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,42 +0,0 @@
-import { DatasetType } from "../../models/seriesType/config.js";
-import { AxisDefaultized, ScaleName, AxisId, AxisConfig, ChartsRotationAxisProps, ChartsRadiusAxisProps } from "../../models/axis.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?: DatasetType;
-  children: React.ReactNode;
-};
-export type DefaultizedAxisConfig<Axis> = {
-  [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/calculateMargins.d.ts

@@ -1,7 +0,0 @@
-import type { ChartsLegendSlotExtension } from '../ChartsLegend';
-import type { LayoutConfig } from '../models';
-import type { CartesianChartSeriesType, ChartsSeriesConfig } from '../models/seriesType/config';
-export declare const calculateMargins: <T extends ChartsLegendSlotExtension & Pick<LayoutConfig, "margin"> & {
-  hideLegend?: boolean;
-  series?: Partial<ChartsSeriesConfig[CartesianChartSeriesType]["seriesProp"]>[];
-}>(props: T) => Required<LayoutConfig["margin"]>;

package/esm/internals/calculateMargins.js

@@ -1,25 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { DEFAULT_MARGINS, DEFAULT_LEGEND_FACING_MARGIN } from "../constants/index.js";
-export const calculateMargins = props => {
-  if (props.hideLegend || !props.series?.some(s => s.label)) {
-    return _extends({}, DEFAULT_MARGINS, props.margin);
-  }
-  if (props.slotProps?.legend?.direction === 'vertical') {
-    if (props.slotProps?.legend?.position?.horizontal === 'start') {
-      return _extends({}, DEFAULT_MARGINS, {
-        left: DEFAULT_LEGEND_FACING_MARGIN
-      }, props.margin);
-    }
-    return _extends({}, DEFAULT_MARGINS, {
-      right: DEFAULT_LEGEND_FACING_MARGIN
-    }, props.margin);
-  }
-  if (props.slotProps?.legend?.position?.vertical === 'bottom') {
-    return _extends({}, DEFAULT_MARGINS, {
-      bottom: DEFAULT_LEGEND_FACING_MARGIN
-    }, props.margin);
-  }
-  return _extends({}, DEFAULT_MARGINS, {
-    top: DEFAULT_LEGEND_FACING_MARGIN
-  }, props.margin);
-};

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: {
-    value: number;
-    label?: string | ((location: "tooltip" | "legend" | "arc") => string) | undefined;
-    color: string;
-    labelMarkType?: "line" | "circle" | "square" | undefined;
-    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: "bar";
-  data?: (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;
-} | {
-  type: "line";
-  data?: (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: "scatter";
-  data?: 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;
-};

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/esm/models/layout.d.ts

@@ -1,18 +0,0 @@
-import { ChartMargin } from "../internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types.js";
-export interface CardinalDirections<T> {
-  top?: T;
-  bottom?: T;
-  left?: T;
-  right?: T;
-}
-export type LayoutConfig = {
-  width: number;
-  height: number;
-  /**
-   * The margin between the SVG and the drawing area.
-   * It's used for leaving some space for extra information such as the x- and y-axis or legend.
-   * Accepts an object with the optional properties: `top`, `bottom`, `left`, and `right`.
-   * @default object Depends on the charts type.
-   */
-  margin?: Partial<ChartMargin>;
-};

package/internals/calculateMargins.d.ts

@@ -1,7 +0,0 @@
-import type { ChartsLegendSlotExtension } from '../ChartsLegend';
-import type { LayoutConfig } from '../models';
-import type { CartesianChartSeriesType, ChartsSeriesConfig } from '../models/seriesType/config';
-export declare const calculateMargins: <T extends ChartsLegendSlotExtension & Pick<LayoutConfig, "margin"> & {
-  hideLegend?: boolean;
-  series?: Partial<ChartsSeriesConfig[CartesianChartSeriesType]["seriesProp"]>[];
-}>(props: T) => Required<LayoutConfig["margin"]>;

package/internals/calculateMargins.js

@@ -1,33 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.calculateMargins = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _constants = require("../constants");
-const calculateMargins = props => {
-  if (props.hideLegend || !props.series?.some(s => s.label)) {
-    return (0, _extends2.default)({}, _constants.DEFAULT_MARGINS, props.margin);
-  }
-  if (props.slotProps?.legend?.direction === 'vertical') {
-    if (props.slotProps?.legend?.position?.horizontal === 'start') {
-      return (0, _extends2.default)({}, _constants.DEFAULT_MARGINS, {
-        left: _constants.DEFAULT_LEGEND_FACING_MARGIN
-      }, props.margin);
-    }
-    return (0, _extends2.default)({}, _constants.DEFAULT_MARGINS, {
-      right: _constants.DEFAULT_LEGEND_FACING_MARGIN
-    }, props.margin);
-  }
-  if (props.slotProps?.legend?.position?.vertical === 'bottom') {
-    return (0, _extends2.default)({}, _constants.DEFAULT_MARGINS, {
-      bottom: _constants.DEFAULT_LEGEND_FACING_MARGIN
-    }, props.margin);
-  }
-  return (0, _extends2.default)({}, _constants.DEFAULT_MARGINS, {
-    top: _constants.DEFAULT_LEGEND_FACING_MARGIN
-  }, props.margin);
-};
-exports.calculateMargins = calculateMargins;