@mui/x-charts 7.6.0 → 7.6.2

package/esm/context/SeriesContextProvider.js

@@ -1,24 +1,16 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useTheme } from '@mui/material/styles';
-import barSeriesFormatter from '../BarChart/formatter';
-import scatterSeriesFormatter from '../ScatterChart/formatter';
-import lineSeriesFormatter from '../LineChart/formatter';
-import pieSeriesFormatter from '../PieChart/formatter';
 import { defaultizeColor } from '../internals/defaultizeColor';
 import { blueberryTwilightPalette } from '../colorPalettes';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const SeriesContext = /*#__PURE__*/React.createContext({});
+export const SeriesContext = /*#__PURE__*/React.createContext({
+  isInitialized: false,
+  data: {}
+});
 if (process.env.NODE_ENV !== 'production') {
   SeriesContext.displayName = 'SeriesContext';
 }
-const seriesTypeFormatter = {
-  bar: barSeriesFormatter,
-  scatter: scatterSeriesFormatter,
-  line: lineSeriesFormatter,
-  pie: pieSeriesFormatter
-};
-
 /**
  * This methods is the interface between what the developer is providing and what components receives
  * To simplify the components behaviors, it groups series by type, such that LinePlots props are not updated if some line data are modified
@@ -27,7 +19,7 @@ const seriesTypeFormatter = {
  * @param colors The color palette used to defaultize series colors
  * @returns An object structuring all the series by type.
  */
-const formatSeries = (series, colors, dataset) => {
+const preprocessSeries = (series, colors, seriesFormatters, dataset) => {
   // Group series by type
   const seriesGroups = {};
   series.forEach((seriesData, seriesIndex) => {
@@ -51,9 +43,10 @@ const formatSeries = (series, colors, dataset) => {
   });
   const formattedSeries = {};
   // Apply formatter on a type group
-  Object.keys(seriesTypeFormatter).forEach(type => {
-    if (seriesGroups[type] !== undefined) {
-      formattedSeries[type] = seriesTypeFormatter[type]?.(seriesGroups[type], dataset) ?? seriesGroups[type];
+  Object.keys(seriesFormatters).forEach(type => {
+    const group = seriesGroups[type];
+    if (group !== undefined) {
+      formattedSeries[type] = seriesFormatters[type]?.(group, dataset) ?? seriesGroups[type];
     }
   });
   return formattedSeries;
@@ -63,10 +56,14 @@ function SeriesContextProvider(props) {
     series,
     dataset,
     colors = blueberryTwilightPalette,
+    seriesFormatters,
     children
   } = props;
   const theme = useTheme();
-  const formattedSeries = React.useMemo(() => formatSeries(series, typeof colors === 'function' ? colors(theme.palette.mode) : colors, dataset), [series, colors, theme.palette.mode, dataset]);
+  const formattedSeries = React.useMemo(() => ({
+    isInitialized: true,
+    data: preprocessSeries(series, typeof colors === 'function' ? colors(theme.palette.mode) : colors, seriesFormatters, dataset)
+  }), [series, colors, theme.palette.mode, seriesFormatters, dataset]);
   return /*#__PURE__*/_jsx(SeriesContext.Provider, {
     value: formattedSeries,
     children: children

package/esm/context/context.types.js

@@ -0,0 +1 @@
+export {};

package/esm/hooks/useInteractionItemProps.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { InteractionContext } from '../context/InteractionProvider';
-import { HighlightedContext } from '../context';
+import { useHighlighted } from '../context';
 export const useInteractionItemProps = skip => {
   const {
     dispatch: dispatchInteraction
@@ -8,7 +8,7 @@ export const useInteractionItemProps = skip => {
   const {
     setHighlighted,
     clearHighlighted
-  } = React.useContext(HighlightedContext);
+  } = useHighlighted();
   if (skip) {
     return () => ({});
   }

package/esm/hooks/useSeries.js

@@ -8,11 +8,14 @@ import { SeriesContext } from '../context/SeriesContextProvider';
  * @returns FormattedSeries series
  */
 export function useSeries() {
-  const series = React.useContext(SeriesContext);
-  if (series === undefined) {
+  const {
+    isInitialized,
+    data
+  } = React.useContext(SeriesContext);
+  if (!isInitialized) {
     throw new Error(['MUI X: Could not find the series ref context.', 'It looks like you rendered your component outside of a ChartsContainer parent component.'].join('\n'));
   }
-  return series;
+  return data;
 }
 
 /**

package/esm/hooks/useSvgRef.js

@@ -1,9 +1,12 @@
 import * as React from 'react';
 import { SvgContext } from '../context/DrawingProvider';
 export function useSvgRef() {
-  const svgRef = React.useContext(SvgContext);
-  if (svgRef === undefined) {
+  const {
+    isInitialized,
+    data
+  } = React.useContext(SvgContext);
+  if (!isInitialized) {
     throw new Error(['MUI X: Could not find the svg ref context.', 'It looks like you rendered your component outside of a ChartsContainer parent component.'].join('\n'));
   }
-  return svgRef;
+  return data;
 }

package/esm/internals/configInit.js

@@ -0,0 +1,20 @@
+let instance;
+class CartesianSeriesTypes {
+  constructor() {
+    this.types = new Set();
+    if (instance) {
+      throw new Error('You can only create one instance!');
+    }
+    instance = this.types;
+  }
+  addType(value) {
+    this.types.add(value);
+  }
+  getTypes() {
+    return this.types;
+  }
+}
+export const cartesianSeriesTypes = new CartesianSeriesTypes();
+cartesianSeriesTypes.addType('bar');
+cartesianSeriesTypes.addType('line');
+cartesianSeriesTypes.addType('scatter');

package/esm/internals/defaultizeValueFormatter.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-function defaultizeValueFormatter(series, defaultValueFormatter) {
+export function defaultizeValueFormatter(series, defaultValueFormatter) {
   const defaultizedSeries = {};
   Object.keys(series).forEach(seriesId => {
     defaultizedSeries[seriesId] = _extends({}, series[seriesId], {
@@ -7,5 +7,4 @@ function defaultizeValueFormatter(series, defaultValueFormatter) {
     });
   });
   return defaultizedSeries;
-}
-export default defaultizeValueFormatter;
+}

package/esm/internals/index.js

@@ -0,0 +1 @@
+export * from './configInit';

package/esm/internals/isCartesian.js

@@ -0,0 +1,7 @@
+import { cartesianSeriesTypes } from './configInit';
+export function isCartesianSeriesType(seriesType) {
+  return cartesianSeriesTypes.getTypes().has(seriesType);
+}
+export function isCartesianSeries(series) {
+  return isCartesianSeriesType(series.type);
+}

package/esm/models/index.js

@@ -1,4 +1,5 @@
 export * from './seriesType';
 export * from './layout';
 export * from './stacking';
+export * from './plugin';
 export {};

package/esm/models/plugin.js

@@ -0,0 +1 @@
+export {};

package/esm/models/seriesType/index.js

@@ -1,7 +1,13 @@
+// Series definition
+
+// item identifier
+
 export * from './line';
 export * from './bar';
 export * from './scatter';
 export * from './pie';
+// Helpers
+
 export function isDefaultizedBarSeries(series) {
   return series.type === 'bar';
 }

package/hooks/useInteractionItemProps.js

@@ -16,7 +16,7 @@ const useInteractionItemProps = skip => {
   const {
     setHighlighted,
     clearHighlighted
-  } = React.useContext(_context.HighlightedContext);
+  } = (0, _context.useHighlighted)();
   if (skip) {
     return () => ({});
   }

package/hooks/useSeries.d.ts

@@ -1,10 +1,11 @@
+import { FormattedSeries } from '../context/SeriesContextProvider';
 /**
  * Get access to the internal state of series.
  * Structured by type of series:
  * { seriesType?: { series: { id1: precessedValue, ... }, seriesOrder: [id1, ...] } }
  * @returns FormattedSeries series
  */
-export declare function useSeries(): import("../context/SeriesContextProvider").FormattedSeries;
+export declare function useSeries(): FormattedSeries;
 /**
  * Get access to the internal state of pie series.
  * The returned object contains:
@@ -12,10 +13,7 @@ export declare function useSeries(): import("../context/SeriesContextProvider").
  * - seriesOrder: the array of series ids.
  * @returns { series: Record<SeriesId, DefaultizedPieSeriesType>; seriesOrder: SeriesId[]; } | undefined pieSeries
  */
-export declare function usePieSeries(): {
-    series: Record<import("../models/seriesType/common").SeriesId, import("..").DefaultizedPieSeriesType>;
-    seriesOrder: import("../models/seriesType/common").SeriesId[];
-} | undefined;
+export declare function usePieSeries(): FormattedSeries['pie'];
 /**
  * Get access to the internal state of line series.
  * The returned object contains:
@@ -23,7 +21,7 @@ export declare function usePieSeries(): {
  * - seriesOrder: the array of series ids.
  * @returns { series: Record<SeriesId, DefaultizedLineSeriesType>; seriesOrder: SeriesId[]; } | undefined lineSeries
  */
-export declare function useLineSeries(): import("../models/seriesType/config").FormatterResult<"line"> | undefined;
+export declare function useLineSeries(): FormattedSeries['line'];
 /**
  * Get access to the internal state of bar series.
  * The returned object contains:
@@ -31,7 +29,7 @@ export declare function useLineSeries(): import("../models/seriesType/config").F
  * - seriesOrder: the array of series ids.
  * @returns { series: Record<SeriesId, DefaultizedBarSeriesType>; seriesOrder: SeriesId[]; } | undefined barSeries
  */
-export declare function useBarSeries(): import("../models/seriesType/config").FormatterResult<"bar"> | undefined;
+export declare function useBarSeries(): FormattedSeries['bar'];
 /**
  * Get access to the internal state of scatter series.
  * The returned object contains:
@@ -39,7 +37,4 @@ export declare function useBarSeries(): import("../models/seriesType/config").Fo
  * - seriesOrder: the array of series ids.
  * @returns { series: Record<SeriesId, DefaultizedScatterSeriesType>; seriesOrder: SeriesId[]; } | undefined scatterSeries
  */
-export declare function useScatterSeries(): {
-    series: Record<import("../models/seriesType/common").SeriesId, import("..").DefaultizedScatterSeriesType>;
-    seriesOrder: import("../models/seriesType/common").SeriesId[];
-} | undefined;
+export declare function useScatterSeries(): FormattedSeries['scatter'];

package/hooks/useSeries.js

@@ -19,11 +19,14 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @returns FormattedSeries series
  */
 function useSeries() {
-  const series = React.useContext(_SeriesContextProvider.SeriesContext);
-  if (series === undefined) {
+  const {
+    isInitialized,
+    data
+  } = React.useContext(_SeriesContextProvider.SeriesContext);
+  if (!isInitialized) {
     throw new Error(['MUI X: Could not find the series ref context.', 'It looks like you rendered your component outside of a ChartsContainer parent component.'].join('\n'));
   }
-  return series;
+  return data;
 }
 
 /**

package/hooks/useSvgRef.js

@@ -9,9 +9,12 @@ var _DrawingProvider = require("../context/DrawingProvider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function useSvgRef() {
-  const svgRef = React.useContext(_DrawingProvider.SvgContext);
-  if (svgRef === undefined) {
+  const {
+    isInitialized,
+    data
+  } = React.useContext(_DrawingProvider.SvgContext);
+  if (!isInitialized) {
     throw new Error(['MUI X: Could not find the svg ref context.', 'It looks like you rendered your component outside of a ChartsContainer parent component.'].join('\n'));
   }
-  return svgRef;
+  return data;
 }

package/hooks/useTicks.d.ts

@@ -18,10 +18,12 @@ export interface TickParams {
      */
     tickNumber?: number;
     /**
-     * Defines which ticks are displayed. Its value can be:
+     * Defines which ticks are displayed.
+     * Its value can be:
      * - 'auto' In such case the ticks are computed based on axis scale and other parameters.
-     * - a filtering function of the form `(value, index) => boolean` which is available only if the axis has a data property.
+     * - a filtering function of the form `(value, index) => boolean` which is available only if the axis has "point" scale.
      * - an array containing the values where ticks should be displayed.
+     * @see See {@link https://mui.com/x/react-charts/axis/#fixed-tick-positions}
      * @default 'auto'
      */
     tickInterval?: 'auto' | ((value: any, index: number) => boolean) | any[];

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v7.6.0
+ * @mui/x-charts v7.6.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/configInit.d.ts

@@ -0,0 +1,9 @@
+import { ChartSeriesType } from '../models/seriesType/config';
+declare class CartesianSeriesTypes {
+    types: Set<ChartSeriesType>;
+    constructor();
+    addType(value: ChartSeriesType): void;
+    getTypes(): Set<keyof import("../models/seriesType/config").ChartsSeriesConfig>;
+}
+export declare const cartesianSeriesTypes: CartesianSeriesTypes;
+export {};

package/internals/configInit.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cartesianSeriesTypes = void 0;
+let instance;
+class CartesianSeriesTypes {
+  constructor() {
+    this.types = new Set();
+    if (instance) {
+      throw new Error('You can only create one instance!');
+    }
+    instance = this.types;
+  }
+  addType(value) {
+    this.types.add(value);
+  }
+  getTypes() {
+    return this.types;
+  }
+}
+const cartesianSeriesTypes = exports.cartesianSeriesTypes = new CartesianSeriesTypes();
+cartesianSeriesTypes.addType('bar');
+cartesianSeriesTypes.addType('line');
+cartesianSeriesTypes.addType('scatter');

package/internals/defaultizeValueFormatter.d.ts

@@ -1,7 +1,6 @@
 import { SeriesId, SeriesValueFormatter } from '../models/seriesType/common';
-declare function defaultizeValueFormatter<TValue, ISeries extends {
+export declare function defaultizeValueFormatter<TValue, ISeries extends {
     valueFormatter?: SeriesValueFormatter<TValue>;
 }>(series: Record<SeriesId, ISeries>, defaultValueFormatter: SeriesValueFormatter<TValue>): Record<SeriesId, ISeries & {
     valueFormatter: SeriesValueFormatter<TValue>;
 }>;
-export default defaultizeValueFormatter;

package/internals/defaultizeValueFormatter.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.defaultizeValueFormatter = defaultizeValueFormatter;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 function defaultizeValueFormatter(series, defaultValueFormatter) {
   const defaultizedSeries = {};
@@ -14,5 +14,4 @@ function defaultizeValueFormatter(series, defaultValueFormatter) {
     });
   });
   return defaultizedSeries;
-}
-var _default = exports.default = defaultizeValueFormatter;
+}

package/internals/index.d.ts

@@ -0,0 +1 @@
+export * from './configInit';

package/internals/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _configInit = require("./configInit");
+Object.keys(_configInit).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _configInit[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _configInit[key];
+    }
+  });
+});

package/internals/isCartesian.d.ts

@@ -0,0 +1,7 @@
+import { ChartSeriesType, CartesianChartSeriesType, ChartSeriesDefaultized } from '../models/seriesType/config';
+export declare function isCartesianSeriesType(seriesType: string): seriesType is CartesianChartSeriesType;
+export declare function isCartesianSeries(series: ChartSeriesDefaultized<ChartSeriesType> & {
+    getColor: (dataIndex: number) => string;
+}): series is ChartSeriesDefaultized<CartesianChartSeriesType> & {
+    getColor: (dataIndex: number) => string;
+};

package/internals/isCartesian.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isCartesianSeries = isCartesianSeries;
+exports.isCartesianSeriesType = isCartesianSeriesType;
+var _configInit = require("./configInit");
+function isCartesianSeriesType(seriesType) {
+  return _configInit.cartesianSeriesTypes.getTypes().has(seriesType);
+}
+function isCartesianSeries(series) {
+  return isCartesianSeriesType(series.type);
+}

package/internals/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../esm/internals/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/models/axis.d.ts

@@ -216,7 +216,7 @@ export type AxisValueFormatterContext = {
      */
     location: 'tick' | 'tooltip';
 };
-export type AxisConfig<S extends ScaleName = ScaleName, V = any> = {
+export type AxisConfig<S extends ScaleName = ScaleName, V = any, AxisProps = ChartsXAxisProps | ChartsYAxisProps> = {
     /**
      * Id used to identify the axis.
      */
@@ -254,8 +254,8 @@ export type AxisConfig<S extends ScaleName = ScaleName, V = any> = {
      * If `true`, Reverse the axis scaleBand.
      */
     reverse?: boolean;
-} & Partial<ChartsXAxisProps | ChartsYAxisProps> & Partial<Omit<AxisScaleConfig[S], 'scale'>> & TickParams;
-export type AxisDefaultized<S extends ScaleName = ScaleName, V = any> = Omit<AxisConfig<S, V>, 'scaleType'> & AxisScaleConfig[S] & AxisScaleComputedConfig[S] & {
+} & Partial<AxisProps> & Partial<Omit<AxisScaleConfig[S], 'scale'>> & TickParams;
+export type AxisDefaultized<S extends ScaleName = ScaleName, V = any, AxisProps = ChartsXAxisProps | ChartsYAxisProps> = Omit<AxisConfig<S, V, AxisProps>, 'scaleType'> & AxisScaleConfig[S] & AxisScaleComputedConfig[S] & {
     /**
      * An indication of the expected number of ticks.
      */

package/models/index.d.ts

@@ -1,4 +1,5 @@
 export * from './seriesType';
 export * from './layout';
 export * from './stacking';
+export * from './plugin';
 export type { AxisConfig, ChartsYAxisProps, ChartsXAxisProps, ScaleName, ContinuousScaleName, } from './axis';

package/models/index.js

@@ -35,4 +35,15 @@ Object.keys(_stacking).forEach(function (key) {
       return _stacking[key];
     }
   });
+});
+var _plugin = require("./plugin");
+Object.keys(_plugin).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _plugin[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _plugin[key];
+    }
+  });
 });

package/models/plugin.d.ts

@@ -0,0 +1,16 @@
+import { ChartSeriesType, ExtremumGetter, Formatter } from './seriesType/config';
+import { AxisDefaultized } from './axis';
+import { DefaultizedSeriesType } from './seriesType';
+import { ZAxisDefaultized } from './z-axis';
+type ColorProcessor<T extends ChartSeriesType> = (series: DefaultizedSeriesType<T>, xAxis?: AxisDefaultized, yAxis?: AxisDefaultized, zAxis?: ZAxisDefaultized) => (dataIndex: number) => string;
+export type ColorProcessorsConfig<T extends ChartSeriesType> = {
+    [Key in T]?: ColorProcessor<Key>;
+};
+export type ChartsPluginType<T> = T extends ChartSeriesType ? {
+    seriesType: T;
+    seriesFormatter: Formatter<T>;
+    colorProcessor: ColorProcessor<T>;
+    xExtremumGetter?: ExtremumGetter<T>;
+    yExtremumGetter?: ExtremumGetter<T>;
+} : never;
+export {};

package/models/plugin.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/models/seriesType/config.d.ts

@@ -6,29 +6,44 @@ import { AxisConfig } from '../axis';
 import { DefaultizedProps, MakeOptional } from '../helpers';
 import { StackingGroupsType } from '../../internals/stackSeries';
 import { SeriesId } from './common';
-interface ChartsSeriesConfig {
+export interface ChartsSeriesConfig {
     bar: {
+        /**
+         * Series type when passed to the formatter (some ids are given default values to simplify the DX)
+         */
         seriesInput: DefaultizedProps<BarSeriesType, 'id'> & {
             color: string;
         };
+        /**
+         * Series type when stored in the context (with all the preprocessing added))
+         */
         series: DefaultizedBarSeriesType;
-        canBeStacked: true;
+        /**
+         * Series typing such that the one user need to provide
+         */
+        seriesProp: BarSeriesType;
         itemIdentifier: BarItemIdentifier;
+        canBeStacked: true;
+        cartesian: true;
     };
     line: {
         seriesInput: DefaultizedProps<LineSeriesType, 'id'> & {
             color: string;
         };
         series: DefaultizedLineSeriesType;
-        canBeStacked: true;
+        seriesProp: LineSeriesType;
         itemIdentifier: LineItemIdentifier;
+        canBeStacked: true;
+        cartesian: true;
     };
     scatter: {
         seriesInput: DefaultizedProps<ScatterSeriesType, 'id'> & {
             color: string;
         };
         series: DefaultizedScatterSeriesType;
+        seriesProp: ScatterSeriesType;
         itemIdentifier: ScatterItemIdentifier;
+        cartesian: true;
     };
     pie: {
         seriesInput: Omit<DefaultizedProps<PieSeriesType, 'id'>, 'data'> & {
@@ -37,11 +52,21 @@ interface ChartsSeriesConfig {
             })[];
         };
         series: DefaultizedPieSeriesType;
+        seriesProp: PieSeriesType<MakeOptional<PieValueType, 'id'>>;
         itemIdentifier: PieItemIdentifier;
     };
 }
-export type CartesianChartSeriesType = 'bar' | 'line' | 'scatter';
-export type ChartSeriesType = 'bar' | 'line' | 'scatter' | 'pie';
+export type ChartSeriesType = keyof ChartsSeriesConfig;
+export type CartesianChartSeriesType = keyof Pick<ChartsSeriesConfig, {
+    [Key in ChartSeriesType]: ChartsSeriesConfig[Key] extends {
+        cartesian: true;
+    } ? Key : never;
+}[ChartSeriesType]>;
+export type StackableChartSeriesType = keyof Pick<ChartsSeriesConfig, {
+    [Key in ChartSeriesType]: ChartsSeriesConfig[Key] extends {
+        canBeStacked: true;
+    } ? Key : never;
+}[ChartSeriesType]>;
 export type ChartSeries<T extends ChartSeriesType> = ChartsSeriesConfig[T] extends {
     canBeStacked: true;
 } ? ChartsSeriesConfig[T]['seriesInput'] & {

package/models/seriesType/index.d.ts

@@ -1,14 +1,11 @@
-import { BarItemIdentifier, BarSeriesType, DefaultizedBarSeriesType } from './bar';
-import { DefaultizedLineSeriesType, LineItemIdentifier, LineSeriesType } from './line';
-import { DefaultizedScatterSeriesType, ScatterItemIdentifier, ScatterSeriesType } from './scatter';
-import { DefaultizedPieSeriesType, PieSeriesType, PieItemIdentifier, PieValueType } from './pie';
-import { MakeOptional } from '../helpers';
-type AllSeriesType = BarSeriesType | LineSeriesType | ScatterSeriesType | PieSeriesType<MakeOptional<PieValueType, 'id'>>;
-type CartesianSeriesType = BarSeriesType | LineSeriesType | ScatterSeriesType;
-type DefaultizedCartesianSeriesType = DefaultizedBarSeriesType | DefaultizedLineSeriesType | DefaultizedScatterSeriesType;
-type DefaultizedSeriesType = DefaultizedCartesianSeriesType | DefaultizedPieSeriesType;
-type StackableSeriesType = DefaultizedBarSeriesType | DefaultizedLineSeriesType;
-export type SeriesItemIdentifier = BarItemIdentifier | LineItemIdentifier | ScatterItemIdentifier | PieItemIdentifier;
+import { BarSeriesType, DefaultizedBarSeriesType } from './bar';
+import { CartesianChartSeriesType, ChartSeriesType, ChartsSeriesConfig, StackableChartSeriesType } from './config';
+type AllSeriesType<T extends ChartSeriesType = ChartSeriesType> = ChartsSeriesConfig[T]['seriesProp'];
+type CartesianSeriesType = AllSeriesType<CartesianChartSeriesType>;
+type DefaultizedSeriesType<T extends ChartSeriesType = ChartSeriesType> = ChartsSeriesConfig[T]['series'];
+type DefaultizedCartesianSeriesType = DefaultizedSeriesType<CartesianChartSeriesType>;
+type StackableSeriesType = DefaultizedSeriesType<StackableChartSeriesType>;
+export type SeriesItemIdentifier<T extends ChartSeriesType = ChartSeriesType> = ChartsSeriesConfig[T]['itemIdentifier'];
 export * from './line';
 export * from './bar';
 export * from './scatter';

package/models/seriesType/index.js

@@ -57,6 +57,12 @@ Object.keys(_pie).forEach(function (key) {
     }
   });
 });
+// Series definition
+
+// item identifier
+
+// Helpers
+
 function isDefaultizedBarSeries(series) {
   return series.type === 'bar';
 }

package/modern/BarChart/BarChart.js

@@ -351,7 +351,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     labelStyle: PropTypes.object,
     max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
     min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    position: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
+    position: PropTypes.oneOf(['bottom', 'top']),
     reverse: PropTypes.bool,
     scaleType: PropTypes.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
     slotProps: PropTypes.object,
@@ -404,7 +404,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     labelStyle: PropTypes.object,
     max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
     min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    position: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
+    position: PropTypes.oneOf(['left', 'right']),
     reverse: PropTypes.bool,
     scaleType: PropTypes.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
     slotProps: PropTypes.object,