@mui/x-charts-pro 8.0.0-beta.2 → 8.0.0

package/modern/FunnelChart/useFunnelChartProps.js

@@ -1,161 +0,0 @@
-'use client';
-
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["categoryAxis", "series", "width", "height", "margin", "colors", "sx", "children", "slots", "slotProps", "skipAnimation", "loading", "onItemClick", "highlightedItem", "onHighlightChange", "className", "hideLegend", "axisHighlight", "apiRef"];
-import { DEFAULT_MARGINS, DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from '@mui/x-charts/constants';
-import useId from '@mui/utils/useId';
-import { defaultizeMargin } from '@mui/x-charts/internals';
-import { warnOnce } from '@mui/x-internals/warning';
-function getCategoryAxisConfig(categoryAxis, series, isHorizontal, direction) {
-  const maxSeriesLength = Math.max(...series.map(s => (s.data ?? []).length), 0);
-  const maxSeriesValue = Array.from({
-    length: maxSeriesLength
-  }, (_, index) => series.reduce((a, s) => a + (s.data?.[index]?.value ?? 0), 0));
-  if (process.env.NODE_ENV !== 'production') {
-    if ((categoryAxis?.position === 'left' || categoryAxis?.position === 'right') && isHorizontal || (categoryAxis?.position === 'top' || categoryAxis?.position === 'bottom') && !isHorizontal) {
-      warnOnce([`MUI X: the categoryAxis position is set to '${categoryAxis.position}' but the series layout is ${isHorizontal ? 'horizontal' : 'vertical'}.`, `Ensure that the categoryAxis position is set to '${isHorizontal ? 'top' : 'left'}' or '${isHorizontal ? 'bottom' : 'right'}' for ${isHorizontal ? 'horizontal' : 'vertical'} layout.\n`], 'warning');
-    }
-  }
-  const side = isHorizontal ? 'bottom' : 'left';
-  const categoryValues = _extends({
-    id: direction === 'x' ? DEFAULT_X_AXIS_KEY : DEFAULT_Y_AXIS_KEY
-  }, categoryAxis, categoryAxis?.size ? {
-    [isHorizontal ? 'height' : 'width']: categoryAxis.size
-  } : {}, {
-    position: categoryAxis?.position ?? (categoryAxis?.categories ? side : 'none')
-  });
-
-  // If the scaleType is not defined or is 'band', our job is simple.
-  if (!categoryAxis?.scaleType || categoryAxis.scaleType === 'band') {
-    return _extends({
-      scaleType: 'band',
-      categoryGapRatio: 0,
-      // Use the categories as the domain if they are defined.
-      data: categoryAxis?.categories ? categoryAxis.categories :
-      // Otherwise we just need random data to create the band scale.
-      Array.from({
-        length: maxSeriesLength
-      }, (_, index) => index),
-      tickLabelPlacement: 'middle'
-    }, categoryValues);
-  }
-
-  // If the scaleType is other than 'band', we have to do some magic.
-  // First we need to calculate the tick values additively and in reverse order.
-  const tickValues = [...maxSeriesValue.toReversed().map((_, i, arr) => arr.slice(0, i).reduce((a, value) => a + value, 0)),
-  // We add the total value of the series as the last tick value
-  maxSeriesValue.reduce((a, value) => a + value, 0)];
-  return _extends({
-    scaleType: categoryAxis.scaleType,
-    domainLimit: 'strict',
-    tickLabelPlacement: 'middle',
-    tickInterval: tickValues,
-    // No need to show the first tick label
-    tickLabelInterval: (_, i) => i !== 0,
-    // We trick the valueFormatter to show the category values.
-    // By using the index of the tickValues array we can get the category value.
-    valueFormatter: value => `${categoryAxis.categories?.toReversed()[tickValues.findIndex(v => v === value) - 1]}`
-  }, categoryValues);
-}
-
-/**
- * A helper function that extracts FunnelChartProps from the input props
- * and returns an object with props for the children components of FunnelChart.
- *
- * @param props The input props for FunnelChart
- * @returns An object with props for the children components of FunnelChart
- */
-export const useFunnelChartProps = props => {
-  const {
-      categoryAxis,
-      series,
-      width,
-      height,
-      margin: marginProps,
-      colors,
-      sx,
-      children,
-      slots,
-      slotProps,
-      loading,
-      onItemClick,
-      highlightedItem,
-      onHighlightChange,
-      className,
-      axisHighlight,
-      apiRef
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  const margin = defaultizeMargin(marginProps, DEFAULT_MARGINS);
-  const id = useId();
-  const clipPathId = `${id}-clip-path`;
-  const isHorizontal = series.some(s => s.layout === 'horizontal');
-  const valueAxisConfig = {
-    id: isHorizontal ? DEFAULT_Y_AXIS_KEY : DEFAULT_X_AXIS_KEY,
-    scaleType: 'linear',
-    domainLimit: 'strict',
-    position: 'none'
-  };
-  const xAxis = isHorizontal ? getCategoryAxisConfig(categoryAxis, series, isHorizontal, 'x') : valueAxisConfig;
-  const yAxis = isHorizontal ? valueAxisConfig : getCategoryAxisConfig(categoryAxis, series, isHorizontal, 'y');
-  const chartContainerProps = _extends({}, rest, {
-    series: series.map(s => _extends({
-      type: 'funnel',
-      layout: isHorizontal ? 'horizontal' : 'vertical'
-    }, s)),
-    width,
-    height,
-    margin,
-    colors,
-    xAxis: [xAxis],
-    yAxis: [yAxis],
-    sx,
-    highlightedItem,
-    onHighlightChange,
-    className,
-    apiRef
-  });
-  const funnelPlotProps = {
-    onItemClick,
-    slots,
-    slotProps
-  };
-  const overlayProps = {
-    slots,
-    slotProps,
-    loading
-  };
-  const chartsAxisProps = {
-    slots,
-    slotProps
-  };
-  const legendProps = {
-    slots,
-    slotProps
-  };
-  const clipPathGroupProps = {
-    clipPath: `url(#${clipPathId})`
-  };
-  const clipPathProps = {
-    id: clipPathId
-  };
-  const chartsWrapperProps = {
-    sx,
-    legendPosition: props.slotProps?.legend?.position,
-    legendDirection: props.slotProps?.legend?.direction
-  };
-  const axisHighlightProps = _extends({}, axisHighlight);
-  return {
-    chartContainerProps,
-    funnelPlotProps,
-    overlayProps,
-    chartsAxisProps,
-    legendProps,
-    clipPathGroupProps,
-    clipPathProps,
-    chartsWrapperProps,
-    axisHighlightProps,
-    children
-  };
-};

package/modern/Heatmap/Heatmap.d.ts

@@ -1,57 +0,0 @@
-import * as React from 'react';
-import { MakeOptional } from '@mui/x-internals/types';
-import { ChartsAxisProps } from '@mui/x-charts/ChartsAxis';
-import { ChartsTooltipProps } from '@mui/x-charts/ChartsTooltip';
-import { ChartsAxisSlots, ChartsAxisSlotProps, ChartsXAxisProps, ChartsYAxisProps, AxisConfig } from '@mui/x-charts/internals';
-import { ChartsOverlayProps, ChartsOverlaySlotProps, ChartsOverlaySlots } from '@mui/x-charts/ChartsOverlay';
-import { ChartContainerProProps } from "../ChartContainerPro/index.js";
-import { HeatmapSeriesType } from "../models/seriesType/heatmap.js";
-import { HeatmapTooltipProps } from "./HeatmapTooltip.js";
-import { HeatmapItemSlotProps, HeatmapItemSlots } from "./HeatmapItem.js";
-import { HeatmapPluginsSignatures } from "./Heatmap.plugins.js";
-export interface HeatmapSlots extends ChartsAxisSlots, ChartsOverlaySlots, HeatmapItemSlots {
-  /**
-   * Custom component for the tooltip popper.
-   * @default ChartsTooltipRoot
-   */
-  tooltip?: React.ElementType<HeatmapTooltipProps>;
-}
-export interface HeatmapSlotProps extends ChartsAxisSlotProps, ChartsOverlaySlotProps, HeatmapItemSlotProps {
-  tooltip?: Partial<HeatmapTooltipProps>;
-}
-export interface HeatmapProps extends Omit<ChartContainerProProps<'heatmap', HeatmapPluginsSignatures>, 'series' | 'plugins' | 'xAxis' | 'yAxis' | 'skipAnimation'>, Omit<ChartsAxisProps, 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'> {
-  /**
-   * The configuration of the x-axes.
-   * If not provided, a default axis config is used.
-   * An array of [[AxisConfig]] objects.
-   */
-  xAxis: Readonly<MakeOptional<AxisConfig<'band', any, ChartsXAxisProps>, 'id' | 'scaleType'>[]>;
-  /**
-   * The configuration of the y-axes.
-   * If not provided, a default axis config is used.
-   * An array of [[AxisConfig]] objects.
-   */
-  yAxis: Readonly<MakeOptional<AxisConfig<'band', any, ChartsYAxisProps>, 'id' | 'scaleType'>[]>;
-  /**
-   * The series to display in the bar chart.
-   * An array of [[HeatmapSeriesType]] objects.
-   */
-  series: Readonly<MakeOptional<HeatmapSeriesType, 'type'>[]>;
-  /**
-   * The configuration of the tooltip.
-   * @see See {@link https://mui.com/x/react-charts/tooltip/ tooltip docs} for more details.
-   */
-  tooltip?: ChartsTooltipProps;
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots?: HeatmapSlots;
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: HeatmapSlotProps;
-}
-declare const Heatmap: React.ForwardRefExoticComponent<HeatmapProps & React.RefAttributes<SVGSVGElement>>;
-export { Heatmap };

package/modern/Heatmap/Heatmap.js

@@ -1,387 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useThemeProps } from '@mui/material/styles';
-import useId from '@mui/utils/useId';
-import { interpolateRgbBasis } from '@mui/x-charts-vendor/d3-interpolate';
-import { ChartsAxis } from '@mui/x-charts/ChartsAxis';
-import { ChartsClipPath } from '@mui/x-charts/ChartsClipPath';
-import { ChartsOverlay } from '@mui/x-charts/ChartsOverlay';
-import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from '@mui/x-charts/constants';
-import { ChartContainerPro } from "../ChartContainerPro/index.js";
-import { HeatmapPlot } from "./HeatmapPlot.js";
-import { seriesConfig as heatmapSeriesConfig } from "./seriesConfig/index.js";
-import { HeatmapTooltip } from "./HeatmapTooltip.js";
-import { HEATMAP_PLUGINS } from "./Heatmap.plugins.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// The GnBu: https://github.com/d3/d3-scale-chromatic/blob/main/src/sequential-multi/GnBu.js
-const defaultColorMap = interpolateRgbBasis(['#f7fcf0', '#e0f3db', '#ccebc5', '#a8ddb5', '#7bccc4', '#4eb3d3', '#2b8cbe', '#0868ac', '#084081']);
-const seriesConfig = {
-  heatmap: heatmapSeriesConfig
-};
-function getDefaultDataForAxis(series, dimension) {
-  if (series?.[0]?.data === undefined || series[0].data.length === 0) {
-    return [];
-  }
-  return Array.from({
-    length: Math.max(...series[0].data.map(dataPoint => dataPoint[dimension])) + 1
-  }, (_, index) => index);
-}
-const getDefaultDataForXAxis = series => getDefaultDataForAxis(series, 0);
-const getDefaultDataForYAxis = series => getDefaultDataForAxis(series, 1);
-const Heatmap = /*#__PURE__*/React.forwardRef(function Heatmap(inProps, ref) {
-  const props = useThemeProps({
-    props: inProps,
-    name: 'MuiHeatmap'
-  });
-  const {
-    xAxis,
-    yAxis,
-    zAxis,
-    series,
-    width,
-    height,
-    margin,
-    colors,
-    dataset,
-    sx,
-    onAxisClick,
-    children,
-    slots,
-    slotProps,
-    loading,
-    highlightedItem,
-    onHighlightChange
-  } = props;
-  const id = useId();
-  const clipPathId = `${id}-clip-path`;
-  const xAxisWithDefault = React.useMemo(() => (xAxis && xAxis.length > 0 ? xAxis : [{
-    id: DEFAULT_X_AXIS_KEY
-  }]).map(axis => _extends({
-    scaleType: 'band',
-    categoryGapRatio: 0
-  }, axis, {
-    data: axis.data ?? getDefaultDataForXAxis(series)
-  })), [series, xAxis]);
-  const yAxisWithDefault = React.useMemo(() => (yAxis && yAxis.length > 0 ? yAxis : [{
-    id: DEFAULT_Y_AXIS_KEY
-  }]).map(axis => _extends({
-    scaleType: 'band',
-    categoryGapRatio: 0
-  }, axis, {
-    data: axis.data ?? getDefaultDataForYAxis(series)
-  })), [series, yAxis]);
-  const zAxisWithDefault = React.useMemo(() => zAxis ?? [{
-    colorMap: {
-      type: 'continuous',
-      min: 0,
-      max: 100,
-      color: defaultColorMap
-    }
-  }], [zAxis]);
-  const Tooltip = props.slots?.tooltip ?? HeatmapTooltip;
-  return /*#__PURE__*/_jsxs(ChartContainerPro, {
-    ref: ref,
-    seriesConfig: seriesConfig,
-    series: series.map(s => _extends({
-      type: 'heatmap'
-    }, s)),
-    width: width,
-    height: height,
-    margin: margin,
-    xAxis: xAxisWithDefault,
-    yAxis: yAxisWithDefault,
-    zAxis: zAxisWithDefault,
-    colors: colors,
-    dataset: dataset,
-    sx: sx,
-    disableAxisListener: true,
-    highlightedItem: highlightedItem,
-    onHighlightChange: onHighlightChange,
-    onAxisClick: onAxisClick,
-    plugins: HEATMAP_PLUGINS,
-    children: [/*#__PURE__*/_jsxs("g", {
-      clipPath: `url(#${clipPathId})`,
-      children: [/*#__PURE__*/_jsx(HeatmapPlot, {
-        slots: slots,
-        slotProps: slotProps
-      }), /*#__PURE__*/_jsx(ChartsOverlay, {
-        loading: loading,
-        slots: slots,
-        slotProps: slotProps
-      })]
-    }), /*#__PURE__*/_jsx(ChartsAxis, {
-      slots: slots,
-      slotProps: slotProps
-    }), !loading && /*#__PURE__*/_jsx(Tooltip, _extends({}, slotProps?.tooltip)), /*#__PURE__*/_jsx(ChartsClipPath, {
-      id: clipPathId
-    }), children]
-  });
-});
-process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  apiRef: PropTypes.shape({
-    current: PropTypes.object
-  }),
-  children: PropTypes.node,
-  className: PropTypes.string,
-  /**
-   * Color palette used to colorize multiple series.
-   * @default rainbowSurgePalette
-   */
-  colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
-  /**
-   * An array of objects that can be used to populate series and axes data using their `dataKey` property.
-   */
-  dataset: PropTypes.arrayOf(PropTypes.object),
-  desc: PropTypes.string,
-  /**
-   * If `true`, the charts will not listen to the mouse move event.
-   * It might break interactive features, but will improve performance.
-   * @default false
-   */
-  disableAxisListener: PropTypes.bool,
-  /**
-   * The height of the chart in px. If not defined, it takes the height of the parent element.
-   */
-  height: PropTypes.number,
-  /**
-   * The highlighted item.
-   * Used when the highlight is controlled.
-   */
-  highlightedItem: PropTypes.shape({
-    dataIndex: PropTypes.number,
-    seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
-  }),
-  /**
-   * This prop is used to help implement the accessibility logic.
-   * If you don't provide this prop. It falls back to a randomly generated id.
-   */
-  id: PropTypes.string,
-  /**
-   * If `true`, a loading overlay is displayed.
-   * @default false
-   */
-  loading: PropTypes.bool,
-  /**
-   * 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 a `number` to be used on all sides or an object with the optional properties: `top`, `bottom`, `left`, and `right`.
-   */
-  margin: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-    bottom: PropTypes.number,
-    left: PropTypes.number,
-    right: PropTypes.number,
-    top: PropTypes.number
-  })]),
-  /**
-   * The function called for onClick events.
-   * The second argument contains information about all line/bar elements at the current mouse position.
-   * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
-   * @param {null | AxisData} data The data about the clicked axis and items associated with it.
-   */
-  onAxisClick: PropTypes.func,
-  /**
-   * The callback fired when the highlighted item changes.
-   *
-   * @param {HighlightItemData | null} highlightedItem  The newly highlighted item.
-   */
-  onHighlightChange: PropTypes.func,
-  /**
-   * The series to display in the bar chart.
-   * An array of [[HeatmapSeriesType]] objects.
-   */
-  series: PropTypes.arrayOf(PropTypes.object).isRequired,
-  /**
-   * The configuration helpers used to compute attributes according to the serries type.
-   * @ignore Unstable props for internal usage.
-   */
-  seriesConfig: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: PropTypes.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: PropTypes.object,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  theme: PropTypes.oneOf(['dark', 'light']),
-  title: PropTypes.string,
-  /**
-   * The configuration of the tooltip.
-   * @see See {@link https://mui.com/x/react-charts/tooltip/ tooltip docs} for more details.
-   */
-  tooltip: PropTypes.object,
-  /**
-   * The width of the chart in px. If not defined, it takes the width of the parent element.
-   */
-  width: PropTypes.number,
-  /**
-   * The configuration of the x-axes.
-   * If not provided, a default axis config is used.
-   * An array of [[AxisConfig]] objects.
-   */
-  xAxis: PropTypes.arrayOf(PropTypes.shape({
-    axis: PropTypes.oneOf(['x']),
-    barGapRatio: PropTypes.number,
-    categoryGapRatio: PropTypes.number,
-    classes: PropTypes.object,
-    colorMap: PropTypes.oneOfType([PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      type: PropTypes.oneOf(['ordinal']).isRequired,
-      unknownColor: PropTypes.string,
-      values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
-    }), PropTypes.shape({
-      color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
-      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      type: PropTypes.oneOf(['continuous']).isRequired
-    }), PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
-      type: PropTypes.oneOf(['piecewise']).isRequired
-    })]),
-    data: PropTypes.array,
-    dataKey: PropTypes.string,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
-    height: PropTypes.number,
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    label: PropTypes.string,
-    labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    offset: PropTypes.number,
-    position: PropTypes.oneOf(['bottom', 'none', 'top']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['band']),
-    slotProps: PropTypes.object,
-    slots: PropTypes.object,
-    stroke: PropTypes.string,
-    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-    tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
-    tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
-    tickLabelMinGap: PropTypes.number,
-    tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
-    tickLabelStyle: PropTypes.object,
-    tickMaxStep: PropTypes.number,
-    tickMinStep: PropTypes.number,
-    tickNumber: PropTypes.number,
-    tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
-    tickSize: PropTypes.number,
-    valueFormatter: PropTypes.func,
-    zoom: PropTypes.oneOfType([PropTypes.shape({
-      filterMode: PropTypes.oneOf(['discard', 'keep']),
-      maxEnd: PropTypes.number,
-      maxSpan: PropTypes.number,
-      minSpan: PropTypes.number,
-      minStart: PropTypes.number,
-      panning: PropTypes.bool,
-      step: PropTypes.number
-    }), PropTypes.bool])
-  })).isRequired,
-  /**
-   * The configuration of the y-axes.
-   * If not provided, a default axis config is used.
-   * An array of [[AxisConfig]] objects.
-   */
-  yAxis: PropTypes.arrayOf(PropTypes.shape({
-    axis: PropTypes.oneOf(['y']),
-    barGapRatio: PropTypes.number,
-    categoryGapRatio: PropTypes.number,
-    classes: PropTypes.object,
-    colorMap: PropTypes.oneOfType([PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      type: PropTypes.oneOf(['ordinal']).isRequired,
-      unknownColor: PropTypes.string,
-      values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
-    }), PropTypes.shape({
-      color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
-      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      type: PropTypes.oneOf(['continuous']).isRequired
-    }), PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
-      type: PropTypes.oneOf(['piecewise']).isRequired
-    })]),
-    data: PropTypes.array,
-    dataKey: PropTypes.string,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    label: PropTypes.string,
-    labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    offset: PropTypes.number,
-    position: PropTypes.oneOf(['left', 'none', 'right']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['band']),
-    slotProps: PropTypes.object,
-    slots: PropTypes.object,
-    stroke: PropTypes.string,
-    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-    tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
-    tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
-    tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
-    tickLabelStyle: PropTypes.object,
-    tickMaxStep: PropTypes.number,
-    tickMinStep: PropTypes.number,
-    tickNumber: PropTypes.number,
-    tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
-    tickSize: PropTypes.number,
-    valueFormatter: PropTypes.func,
-    width: PropTypes.number,
-    zoom: PropTypes.oneOfType([PropTypes.shape({
-      filterMode: PropTypes.oneOf(['discard', 'keep']),
-      maxEnd: PropTypes.number,
-      maxSpan: PropTypes.number,
-      minSpan: PropTypes.number,
-      minStart: PropTypes.number,
-      panning: PropTypes.bool,
-      step: PropTypes.number
-    }), PropTypes.bool])
-  })).isRequired,
-  /**
-   * The configuration of the z-axes.
-   */
-  zAxis: PropTypes.arrayOf(PropTypes.shape({
-    colorMap: PropTypes.oneOfType([PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      type: PropTypes.oneOf(['ordinal']).isRequired,
-      unknownColor: PropTypes.string,
-      values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
-    }), PropTypes.shape({
-      color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
-      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      type: PropTypes.oneOf(['continuous']).isRequired
-    }), PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
-      type: PropTypes.oneOf(['piecewise']).isRequired
-    })]),
-    data: PropTypes.array,
-    dataKey: PropTypes.string,
-    id: PropTypes.string,
-    max: PropTypes.number,
-    min: PropTypes.number
-  }))
-} : void 0;
-export { Heatmap };

package/modern/Heatmap/Heatmap.plugins.d.ts

@@ -1,3 +0,0 @@
-import { UseChartZAxisSignature, UseChartCartesianAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
-export type HeatmapPluginsSignatures = [UseChartZAxisSignature, UseChartCartesianAxisSignature<'heatmap'>, UseChartInteractionSignature, UseChartHighlightSignature];
-export declare const HEATMAP_PLUGINS: ConvertSignaturesIntoPlugins<HeatmapPluginsSignatures>;

package/modern/Heatmap/Heatmap.plugins.js

@@ -1,2 +0,0 @@
-import { useChartZAxis, useChartCartesianAxis, useChartInteraction, useChartHighlight } from '@mui/x-charts/internals';
-export const HEATMAP_PLUGINS = [useChartZAxis, useChartCartesianAxis, useChartInteraction, useChartHighlight];

package/modern/Heatmap/HeatmapItem.d.ts

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import { SeriesId } from '@mui/x-charts/internals';
-import { HeatmapClasses } from "./heatmapClasses.js";
-export interface HeatmapItemSlots {
-  /**
-   * The component that renders the heatmap cell.
-   * @default HeatmapCell
-   */
-  cell?: React.ElementType;
-}
-export interface HeatmapItemSlotProps {
-  cell?: Partial<React.ComponentPropsWithRef<'rect'>>;
-}
-export interface HeatmapItemProps {
-  dataIndex: number;
-  seriesId: SeriesId;
-  value: number;
-  width: number;
-  height: number;
-  x: number;
-  y: number;
-  color: string;
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: HeatmapItemSlotProps;
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots?: HeatmapItemSlots;
-}
-export interface HeatmapItemOwnerState {
-  seriesId: SeriesId;
-  dataIndex: number;
-  color: string;
-  isFaded: boolean;
-  isHighlighted: boolean;
-  classes?: Partial<HeatmapClasses>;
-}
-/**
- * @ignore - internal component.
- */
-declare function HeatmapItem(props: HeatmapItemProps): React.JSX.Element;
-declare namespace HeatmapItem {
-  var propTypes: any;
-}
-export { HeatmapItem };