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

package/internals/plugins/featurePlugins/useChartCartesianAxis/createAxisFilterMapper.js

@@ -1,50 +1,59 @@
-import { isDefined } from "../../../isDefined.js";
-import { getAxisExtremum } from "./getAxisExtremum.js";
-import { getScale } from "../../../getScale.js";
-export const createAxisFilterMapper = ({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createAxisFilterMapper = createAxisFilterMapper;
+exports.createGetAxisFilters = void 0;
+var _isDefined = require("../../../isDefined");
+var _getAxisExtremum = require("./getAxisExtremum");
+var _getScale = require("../../../getScale");
+function createAxisFilterMapper({
   zoomMap,
   zoomOptions,
   seriesConfig,
   formattedSeries,
   direction
-}) => (axis, axisIndex) => {
-  const zoomOption = zoomOptions[axis.id];
-  if (!zoomOption || zoomOption.filterMode !== 'discard') {
-    return null;
-  }
-  const zoom = zoomMap?.get(axis.id);
-  if (zoom === undefined || zoom.start <= 0 && zoom.end >= 100) {
-    // No zoom, or zoom with all data visible
-    return null;
-  }
-  let extremums = [];
-  const scaleType = axis.scaleType;
-  if (scaleType === 'point' || scaleType === 'band') {
-    extremums = [0, (axis.data?.length ?? 1) - 1];
-  } else {
-    extremums = getAxisExtremum(axis, direction, seriesConfig, axisIndex, formattedSeries);
-  }
-  let min;
-  let max;
-  const continuousScaleType = !scaleType || scaleType === 'band' || scaleType === 'point' ? 'linear' : scaleType;
-  [min, max] = getScale(continuousScaleType, extremums, [0, 100]).nice().domain();
-  min = min instanceof Date ? min.getTime() : min;
-  max = max instanceof Date ? max.getTime() : max;
-  const minVal = min + zoom.start * (max - min) / 100;
-  const maxVal = min + zoom.end * (max - min) / 100;
-  return (value, dataIndex) => {
-    const val = value[direction] ?? axis.data?.[dataIndex];
-    if (val == null) {
-      // If the value does not exist because of missing data point, or out of range index, we just ignore.
-      return true;
+}) {
+  return (axis, axisIndex) => {
+    const zoomOption = zoomOptions[axis.id];
+    if (!zoomOption || zoomOption.filterMode !== 'discard') {
+      return null;
+    }
+    const zoom = zoomMap?.get(axis.id);
+    if (zoom === undefined || zoom.start <= 0 && zoom.end >= 100) {
+      // No zoom, or zoom with all data visible
+      return null;
     }
-    if (axis.scaleType === 'point' || axis.scaleType === 'band' || typeof val === 'string') {
-      return dataIndex >= minVal && dataIndex <= maxVal;
+    let extremums = [];
+    const scaleType = axis.scaleType;
+    if (scaleType === 'point' || scaleType === 'band') {
+      extremums = [0, (axis.data?.length ?? 1) - 1];
+    } else {
+      extremums = (0, _getAxisExtremum.getAxisExtremum)(axis, direction, seriesConfig, axisIndex, formattedSeries);
     }
-    return val >= minVal && val <= maxVal;
+    let min;
+    let max;
+    const continuousScaleType = !scaleType || scaleType === 'band' || scaleType === 'point' ? 'linear' : scaleType;
+    [min, max] = (0, _getScale.getScale)(continuousScaleType, extremums, [0, 100]).nice().domain();
+    min = min instanceof Date ? min.getTime() : min;
+    max = max instanceof Date ? max.getTime() : max;
+    const minVal = min + zoom.start * (max - min) / 100;
+    const maxVal = min + zoom.end * (max - min) / 100;
+    return (value, dataIndex) => {
+      const val = value[direction] ?? axis.data?.[dataIndex];
+      if (val == null) {
+        // If the value does not exist because of missing data point, or out of range index, we just ignore.
+        return true;
+      }
+      if (axis.scaleType === 'point' || axis.scaleType === 'band' || typeof val === 'string') {
+        return dataIndex >= minVal && dataIndex <= maxVal;
+      }
+      return val >= minVal && val <= maxVal;
+    };
   };
-};
-export const createGetAxisFilters = filters => ({
+}
+const createGetAxisFilters = filters => ({
   currentAxisId,
   seriesXAxisId,
   seriesYAxisId,
@@ -55,7 +64,8 @@ export const createGetAxisFilters = filters => ({
     if (!axisId || isDefaultAxis) {
       return Object.values(filters ?? {})[0]?.(value, dataIndex) ?? true;
     }
-    const data = [seriesYAxisId, seriesXAxisId].filter(id => id !== currentAxisId).map(id => filters[id ?? '']).filter(isDefined);
+    const data = [seriesYAxisId, seriesXAxisId].filter(id => id !== currentAxisId).map(id => filters[id ?? '']).filter(_isDefined.isDefined);
     return data.every(f => f(value, dataIndex));
   };
-};
+};
+exports.createGetAxisFilters = createGetAxisFilters;

package/internals/plugins/featurePlugins/useChartCartesianAxis/createZoomLookup.d.ts

@@ -0,0 +1,4 @@
+import { AxisConfig, ChartsXAxisProps, ChartsYAxisProps, ScaleName } from "../../../../models/index.js";
+import { AxisId } from "../../../../models/axis.js";
+import { DefaultizedZoomOptions } from "./useChartCartesianAxis.types.js";
+export declare const createZoomLookup: (axisDirection: "x" | "y") => (axes?: AxisConfig<ScaleName, any, ChartsXAxisProps | ChartsYAxisProps>[]) => Record<AxisId, DefaultizedZoomOptions>;

package/internals/plugins/featurePlugins/useChartCartesianAxis/createZoomLookup.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createZoomLookup = void 0;
+var _defaultizeZoom = require("./defaultizeZoom");
+const createZoomLookup = axisDirection => (axes = []) => axes.reduce((acc, v) => {
+  // @ts-ignore
+  const {
+    zoom,
+    id: axisId
+  } = v;
+  const defaultizedZoom = (0, _defaultizeZoom.defaultizeZoom)(zoom, axisId, axisDirection);
+  if (defaultizedZoom) {
+    acc[axisId] = defaultizedZoom;
+  }
+  return acc;
+}, {});
+exports.createZoomLookup = createZoomLookup;

package/internals/plugins/featurePlugins/useChartCartesianAxis/defaultizeAxis.d.ts

@@ -1,39 +1,6 @@
 import { MakeOptional } from '@mui/x-internals/types';
-import { AxisConfig, ScaleName } from '../../../../models';
-import { ChartsAxisProps } from '../../../../models/axis';
-import { DatasetType } from '../../../../models/seriesType/config';
-export declare function defaultizeAxis(inAxis: MakeOptional<AxisConfig<ScaleName, any, ChartsAxisProps>, 'id'>[] | undefined, dataset: DatasetType | undefined, axisName: 'x' | 'y'): {
-    label?: string | undefined;
-    reverse?: boolean | undefined;
-    fill?: string | undefined;
-    data?: any[] | undefined;
-    slots?: Partial<import("../../..").ChartsAxisSlots> | undefined;
-    slotProps?: Partial<import("../../..").ChartsAxisSlotProps> | undefined;
-    classes?: Partial<import("../../../..").ChartsAxisClasses> | undefined;
-    stroke?: string | undefined;
-    sx?: import("@mui/system").SxProps | undefined;
-    valueFormatter?: ((value: any, context: import("../../..").AxisValueFormatterContext) => string) | undefined;
-    dataKey?: string | undefined;
-    min?: (number | Date) | undefined;
-    max?: (number | Date) | undefined;
-    tickMaxStep?: number | undefined;
-    tickMinStep?: number | undefined;
-    tickNumber?: number | undefined;
-    disableLine?: boolean | undefined;
-    disableTicks?: boolean | undefined;
-    tickLabelStyle?: import("../../../getWordsByLines").ChartsTextStyle | undefined;
-    labelStyle?: import("../../../getWordsByLines").ChartsTextStyle | undefined;
-    tickLabelInterval?: "auto" | ((value: any, index: number) => boolean) | undefined;
-    tickSize?: number | undefined;
-    tickInterval?: "auto" | ((value: any, index: number) => boolean) | any[] | undefined;
-    tickPlacement?: "start" | "end" | "middle" | "extremities" | undefined;
-    tickLabelPlacement?: "middle" | "tick" | undefined;
-    scaleType?: "time" | "linear" | "band" | "point" | "log" | "pow" | "sqrt" | "utc" | undefined;
-    colorMap?: import("../../../../models/colorMapping").ContinuousColorConfig<number | Date> | import("../../../../models/colorMapping").PiecewiseColorConfig<number | Date> | import("../../../../models/colorMapping").OrdinalColorConfig<string | number | Date> | undefined;
-    hideTooltip?: boolean | undefined;
-    domainLimit?: "nice" | "strict" | ((min: number, max: number) => {
-        min: number;
-        max: number;
-    }) | undefined;
-    id: import("../../..").AxisId;
-}[];
+import { AxisConfig, ScaleName } from "../../../../models/index.js";
+import { ChartsXAxisProps, ChartsYAxisProps } from "../../../../models/axis.js";
+import { DatasetType } from "../../../../models/seriesType/config.js";
+export declare function defaultizeAxis(inAxis: readonly MakeOptional<AxisConfig<ScaleName, any, ChartsXAxisProps>, 'id'>[] | undefined, dataset: Readonly<DatasetType> | undefined, axisName: 'x'): AxisConfig<ScaleName, any, ChartsXAxisProps>[];
+export declare function defaultizeAxis(inAxis: readonly MakeOptional<AxisConfig<ScaleName, any, ChartsYAxisProps>, 'id'>[] | undefined, dataset: Readonly<DatasetType> | undefined, axisName: 'y'): AxisConfig<ScaleName, any, ChartsYAxisProps>[];

package/internals/plugins/featurePlugins/useChartCartesianAxis/defaultizeAxis.js

@@ -1,24 +1,59 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from "../../../../constants/index.js";
-export function defaultizeAxis(inAxis, dataset, axisName) {
-  const DEFAULT_AXIS_KEY = axisName === 'x' ? DEFAULT_X_AXIS_KEY : DEFAULT_Y_AXIS_KEY;
-  return [...(inAxis?.map((axis, index) => _extends({
-    id: `defaultized-${axisName}-axis-${index}`
-  }, axis)) ?? []), ...(inAxis === undefined || inAxis.findIndex(({
-    id
-  }) => id === DEFAULT_AXIS_KEY) === -1 ? [{
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultizeAxis = defaultizeAxis;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _constants = require("../../../../constants");
+function defaultizeAxis(inAxis, dataset, axisName) {
+  const DEFAULT_AXIS_KEY = axisName === 'x' ? _constants.DEFAULT_X_AXIS_KEY : _constants.DEFAULT_Y_AXIS_KEY;
+  const offsets = {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    none: 0
+  };
+  const inputAxes = inAxis && inAxis.length > 0 ? inAxis : [{
     id: DEFAULT_AXIS_KEY,
     scaleType: 'linear'
-  }] : [])].map(axisConfig => {
+  }];
+  const parsedAxes = inputAxes.map((axisConfig, index) => {
     const dataKey = axisConfig.dataKey;
+    const defaultPosition = axisName === 'x' ? 'bottom' : 'left';
+    const position = axisConfig.position ?? 'none';
+    const dimension = axisName === 'x' ? 'height' : 'width';
+    const height = axisName === 'x' ? _constants.DEFAULT_AXIS_SIZE_HEIGHT : 0;
+    const width = axisName === 'y' ? _constants.DEFAULT_AXIS_SIZE_WIDTH : 0;
+    const sharedConfig = (0, _extends2.default)({
+      id: `defaultized-${axisName}-axis-${index}`
+    }, index === 0 ? {
+      position: defaultPosition
+    } : {}, {
+      height,
+      width,
+      offset: offsets[position]
+    }, axisConfig);
+
+    // Increment the offset for the next axis
+    if (position !== 'none') {
+      offsets[position] += axisConfig[dimension] ?? (dimension === 'height' ? height : width);
+    }
+
+    // If `dataKey` is NOT provided
     if (dataKey === undefined || axisConfig.data !== undefined) {
-      return axisConfig;
+      return sharedConfig;
     }
     if (dataset === undefined) {
       throw new Error(`MUI X: ${axisName}-axis uses \`dataKey\` but no \`dataset\` is provided.`);
     }
-    return _extends({}, axisConfig, {
+
+    // If `dataKey` is provided
+    return (0, _extends2.default)({}, sharedConfig, {
       data: dataset.map(d => d[dataKey])
     });
   });
+  return parsedAxes;
 }

package/internals/plugins/featurePlugins/useChartCartesianAxis/defaultizeZoom.d.ts

@@ -0,0 +1,4 @@
+import { AxisId } from "../../../../models/axis.js";
+import { DefaultizedZoomOptions } from "./useChartCartesianAxis.types.js";
+import { ZoomOptions } from "./zoom.types.js";
+export declare const defaultizeZoom: (zoom: boolean | ZoomOptions | undefined, axisId: AxisId, axisDirection: "x" | "y") => DefaultizedZoomOptions | undefined;

package/internals/plugins/featurePlugins/useChartCartesianAxis/defaultizeZoom.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultizeZoom = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+const defaultZoomOptions = {
+  minStart: 0,
+  maxEnd: 100,
+  step: 5,
+  minSpan: 10,
+  maxSpan: 100,
+  panning: true,
+  filterMode: 'keep'
+};
+const defaultizeZoom = (zoom, axisId, axisDirection) => {
+  if (!zoom) {
+    return undefined;
+  }
+  if (zoom === true) {
+    return (0, _extends2.default)({
+      axisId,
+      axisDirection
+    }, defaultZoomOptions);
+  }
+  return (0, _extends2.default)({
+    axisId,
+    axisDirection
+  }, defaultZoomOptions, zoom);
+};
+exports.defaultizeZoom = defaultizeZoom;

package/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum.d.ts

@@ -1,6 +1,6 @@
-import { AxisConfig } from '../../../../models';
-import { CartesianChartSeriesType } from '../../../../models/seriesType/config';
-import { ChartSeriesConfig } from '../../models/seriesConfig';
-import { ProcessedSeries } from '../../corePlugins/useChartSeries/useChartSeries.types';
-import { GetZoomAxisFilters } from './zoom.types';
-export declare const getAxisExtremum: <T extends CartesianChartSeriesType>(axis: AxisConfig, axisDirection: "x" | "y", seriesConfig: ChartSeriesConfig<T>, axisIndex: number, formattedSeries: ProcessedSeries<T>, getFilters?: GetZoomAxisFilters) => number[];
+import { AxisConfig } from "../../../../models/index.js";
+import { CartesianChartSeriesType } from "../../../../models/seriesType/config.js";
+import { ChartSeriesConfig } from "../../models/seriesConfig/index.js";
+import { ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
+import { GetZoomAxisFilters } from "./zoom.types.js";
+export declare const getAxisExtremum: <T extends CartesianChartSeriesType>(axis: AxisConfig, axisDirection: "x" | "y", seriesConfig: ChartSeriesConfig<T>, axisIndex: number, formattedSeries: ProcessedSeries<T>, getFilters?: GetZoomAxisFilters) => number[];

package/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum.js

@@ -1,4 +1,10 @@
-import { isCartesianSeriesType } from "../../../isCartesian.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAxisExtremum = void 0;
+var _isCartesian = require("../../../isCartesian");
 const axisExtremumCallback = (acc, chartType, axis, axisDirection, seriesConfig, axisIndex, formattedSeries, getFilters) => {
   const getter = axisDirection === 'x' ? seriesConfig[chartType].xExtremumGetter : seriesConfig[chartType].yExtremumGetter;
   const series = formattedSeries[chartType]?.series ?? {};
@@ -12,11 +18,12 @@ const axisExtremumCallback = (acc, chartType, axis, axisDirection, seriesConfig,
   const [minData, maxData] = acc;
   return [Math.min(minChartTypeData, minData), Math.max(maxChartTypeData, maxData)];
 };
-export const getAxisExtremum = (axis, axisDirection, seriesConfig, axisIndex, formattedSeries, getFilters) => {
-  const charTypes = Object.keys(seriesConfig).filter(isCartesianSeriesType);
+const getAxisExtremum = (axis, axisDirection, seriesConfig, axisIndex, formattedSeries, getFilters) => {
+  const charTypes = Object.keys(seriesConfig).filter(_isCartesian.isCartesianSeriesType);
   const extremums = charTypes.reduce((acc, charType) => axisExtremumCallback(acc, charType, axis, axisDirection, seriesConfig, axisIndex, formattedSeries, getFilters), [Infinity, -Infinity]);
   if (Number.isNaN(extremums[0]) || Number.isNaN(extremums[1])) {
     return [Infinity, -Infinity];
   }
   return extremums;
-};
+};
+exports.getAxisExtremum = getAxisExtremum;

package/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisValue.d.ts

@@ -1,9 +1,9 @@
-import { AxisDefaultized } from '../../../../models/axis';
+import { AxisDefaultized } from "../../../../models/axis.js";
 /**
  * For a pointer coordinate, this function returns the value and dataIndex associated.
  * Returns `null` if the coordinate is outside of values.
  */
 export declare function getAxisValue(axisConfig: AxisDefaultized, pointerValue: number): {
-    value: any;
-    index: number;
-} | null;
+  value: any;
+  index: number;
+} | null;

package/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisValue.js

@@ -1,4 +1,10 @@
-import { isBandScale } from "../../../isBandScale.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAxisValue = getAxisValue;
+var _isBandScale = require("../../../isBandScale");
 function getAsANumber(value) {
   return value instanceof Date ? value.getTime() : value;
 }
@@ -7,13 +13,13 @@ function getAsANumber(value) {
  * For a pointer coordinate, this function returns the value and dataIndex associated.
  * Returns `null` if the coordinate is outside of values.
  */
-export function getAxisValue(axisConfig, pointerValue) {
+function getAxisValue(axisConfig, pointerValue) {
   const {
     scale,
     data: axisData,
     reverse
   } = axisConfig;
-  if (!isBandScale(scale)) {
+  if (!(0, _isBandScale.isBandScale)(scale)) {
     const value = scale.invert(pointerValue);
     if (axisData === undefined) {
       return {

package/internals/plugins/featurePlugins/useChartCartesianAxis/index.d.ts

@@ -1,6 +1,7 @@
-export { useChartCartesianAxis } from './useChartCartesianAxis';
+export { useChartCartesianAxis } from "./useChartCartesianAxis.js";
 export type * from './useChartCartesianAxis.types';
-export * from './useChartCartesianAxis.selectors';
-export { defaultizeAxis } from './defaultizeAxis';
-export * from './computeAxisValue';
-export * from './zoom.types';
+export * from "./useChartCartesianAxisRendering.selectors.js";
+export { defaultizeAxis } from "./defaultizeAxis.js";
+export * from "./computeAxisValue.js";
+export * from "./createZoomLookup.js";
+export * from "./zoom.types.js";

package/internals/plugins/featurePlugins/useChartCartesianAxis/index.js

@@ -1,5 +1,71 @@
-export { useChartCartesianAxis } from "./useChartCartesianAxis.js";
-export * from "./useChartCartesianAxis.selectors.js";
-export { defaultizeAxis } from "./defaultizeAxis.js";
-export * from "./computeAxisValue.js";
-export * from "./zoom.types.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  useChartCartesianAxis: true,
+  defaultizeAxis: true
+};
+Object.defineProperty(exports, "defaultizeAxis", {
+  enumerable: true,
+  get: function () {
+    return _defaultizeAxis.defaultizeAxis;
+  }
+});
+Object.defineProperty(exports, "useChartCartesianAxis", {
+  enumerable: true,
+  get: function () {
+    return _useChartCartesianAxis.useChartCartesianAxis;
+  }
+});
+var _useChartCartesianAxis = require("./useChartCartesianAxis");
+var _useChartCartesianAxisRendering = require("./useChartCartesianAxisRendering.selectors");
+Object.keys(_useChartCartesianAxisRendering).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useChartCartesianAxisRendering[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChartCartesianAxisRendering[key];
+    }
+  });
+});
+var _defaultizeAxis = require("./defaultizeAxis");
+var _computeAxisValue = require("./computeAxisValue");
+Object.keys(_computeAxisValue).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _computeAxisValue[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _computeAxisValue[key];
+    }
+  });
+});
+var _createZoomLookup = require("./createZoomLookup");
+Object.keys(_createZoomLookup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _createZoomLookup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _createZoomLookup[key];
+    }
+  });
+});
+var _zoom = require("./zoom.types");
+Object.keys(_zoom).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _zoom[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _zoom[key];
+    }
+  });
+});