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

package/modern/Heatmap/HeatmapItem.js

@@ -1,106 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["seriesId", "dataIndex", "color", "value", "slotProps", "slots"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { styled } from '@mui/material/styles';
-import useSlotProps from '@mui/utils/useSlotProps';
-import composeClasses from '@mui/utils/composeClasses';
-import { useItemHighlighted } from '@mui/x-charts/hooks';
-import { useInteractionItemProps } from '@mui/x-charts/internals';
-import { getHeatmapUtilityClass } from "./heatmapClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const HeatmapCell = styled('rect', {
-  name: 'MuiHeatmap',
-  slot: 'Cell',
-  overridesResolver: (_, styles) => styles.arc
-})(({
-  ownerState
-}) => ({
-  filter: ownerState.isHighlighted && 'saturate(120%)' || ownerState.isFaded && 'saturate(80%)' || undefined,
-  fill: ownerState.color,
-  shapeRendering: 'crispEdges'
-}));
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    seriesId,
-    isFaded,
-    isHighlighted
-  } = ownerState;
-  const slots = {
-    cell: ['cell', `series-${seriesId}`, isFaded && 'faded', isHighlighted && 'highlighted']
-  };
-  return composeClasses(slots, getHeatmapUtilityClass, classes);
-};
-
-/**
- * @ignore - internal component.
- */
-function HeatmapItem(props) {
-  const {
-      seriesId,
-      dataIndex,
-      color,
-      value,
-      slotProps = {},
-      slots = {}
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const interactionProps = useInteractionItemProps({
-    type: 'heatmap',
-    seriesId,
-    dataIndex
-  });
-  const {
-    isFaded,
-    isHighlighted
-  } = useItemHighlighted({
-    seriesId,
-    dataIndex
-  });
-  const ownerState = {
-    seriesId,
-    dataIndex,
-    color,
-    value,
-    isFaded,
-    isHighlighted
-  };
-  const classes = useUtilityClasses(ownerState);
-  const Cell = slots?.cell ?? HeatmapCell;
-  const cellProps = useSlotProps({
-    elementType: Cell,
-    additionalProps: interactionProps,
-    externalForwardedProps: _extends({}, other),
-    externalSlotProps: slotProps.cell,
-    ownerState,
-    className: classes.cell
-  });
-  return /*#__PURE__*/_jsx(Cell, _extends({}, cellProps));
-}
-process.env.NODE_ENV !== "production" ? HeatmapItem.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  color: PropTypes.string.isRequired,
-  dataIndex: PropTypes.number.isRequired,
-  height: PropTypes.number.isRequired,
-  seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: PropTypes.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: PropTypes.object,
-  value: PropTypes.number.isRequired,
-  width: PropTypes.number.isRequired,
-  x: PropTypes.number.isRequired,
-  y: PropTypes.number.isRequired
-} : void 0;
-export { HeatmapItem };

package/modern/Heatmap/HeatmapPlot.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { HeatmapItemProps } from "./HeatmapItem.js";
-export interface HeatmapPlotProps extends Pick<HeatmapItemProps, 'slots' | 'slotProps'> {}
-declare function HeatmapPlot(props: HeatmapPlotProps): React.JSX.Element | null;
-declare namespace HeatmapPlot {
-  var propTypes: any;
-}
-export { HeatmapPlot };

package/modern/Heatmap/HeatmapPlot.js

@@ -1,59 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useXScale, useYScale, useZColorScale } from '@mui/x-charts/hooks';
-import { useHeatmapSeriesContext } from "../hooks/useHeatmapSeries.js";
-import { HeatmapItem } from "./HeatmapItem.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-function HeatmapPlot(props) {
-  const xScale = useXScale();
-  const yScale = useYScale();
-  const colorScale = useZColorScale();
-  const series = useHeatmapSeriesContext();
-  const xDomain = xScale.domain();
-  const yDomain = yScale.domain();
-  if (!series || series.seriesOrder.length === 0) {
-    return null;
-  }
-  const seriesToDisplay = series.series[series.seriesOrder[0]];
-  return /*#__PURE__*/_jsx("g", {
-    children: seriesToDisplay.data.map(([xIndex, yIndex, value], dataIndex) => {
-      const x = xScale(xDomain[xIndex]);
-      const y = yScale(yDomain[yIndex]);
-      const color = colorScale?.(value);
-      if (x === undefined || y === undefined || !color) {
-        return null;
-      }
-      return /*#__PURE__*/_jsx(HeatmapItem, {
-        width: xScale.bandwidth(),
-        height: yScale.bandwidth(),
-        x: x,
-        y: y,
-        color: color,
-        dataIndex: dataIndex,
-        seriesId: series.seriesOrder[0],
-        value: value,
-        slots: props.slots,
-        slotProps: props.slotProps
-      }, `${xIndex}_${yIndex}`);
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? HeatmapPlot.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: PropTypes.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: PropTypes.object
-} : void 0;
-export { HeatmapPlot };

package/modern/Heatmap/HeatmapTooltip.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { ChartsTooltipContainerProps } from '@mui/x-charts/ChartsTooltip';
-export interface HeatmapTooltipProps extends Omit<ChartsTooltipContainerProps, 'trigger' | 'children'> {
-  /**
-   * Select the kind of tooltip to display
-   * - 'item': Shows data about the item below the mouse.
-   * - 'none': Does not display tooltip
-   * @default 'item'
-   */
-  trigger?: 'item' | 'none';
-}
-declare function HeatmapTooltip(props: HeatmapTooltipProps): React.JSX.Element;
-declare namespace HeatmapTooltip {
-  var propTypes: any;
-}
-export { HeatmapTooltip };

package/modern/Heatmap/heatmapClasses.d.ts

@@ -1,11 +0,0 @@
-export interface HeatmapClasses {
-  /** Styles applied to the heatmap cells. */
-  cell: string;
-  /** Styles applied to the cell element if highlighted. */
-  highlighted: string;
-  /** Styles applied to the cell element if faded. */
-  faded: string;
-}
-export type HeatmapClassKey = keyof HeatmapClasses;
-export declare function getHeatmapUtilityClass(slot: string): string;
-export declare const heatmapClasses: HeatmapClasses;

package/modern/Heatmap/heatmapClasses.js

@@ -1,14 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getHeatmapUtilityClass(slot) {
-  // Those should be common to all charts
-  if (['highlighted', 'faded'].includes(slot)) {
-    return generateUtilityClass('Charts', slot);
-  }
-  return generateUtilityClass('MuiHeatmap', slot);
-}
-export const heatmapClasses = _extends({}, generateUtilityClasses('MuiHeatmap', ['cell']), {
-  highlighted: 'Charts-highlighted',
-  faded: 'Charts-faded'
-});

package/modern/Heatmap/index.d.ts

@@ -1,4 +0,0 @@
-export { Heatmap } from "./Heatmap.js";
-export { HeatmapPlot } from "./HeatmapPlot.js";
-export * from "./HeatmapTooltip.js";
-export * from "./heatmapClasses.js";

package/modern/Heatmap/index.js

@@ -1,4 +0,0 @@
-export { Heatmap } from "./Heatmap.js";
-export { HeatmapPlot } from "./HeatmapPlot.js";
-export * from "./HeatmapTooltip.js";
-export * from "./heatmapClasses.js";

package/modern/Heatmap/seriesConfig/extremums.d.ts

@@ -1,2 +0,0 @@
-import { CartesianExtremumGetter } from '@mui/x-charts/internals';
-export declare const getBaseExtremum: CartesianExtremumGetter<'heatmap'>;

package/modern/Heatmap/seriesConfig/extremums.js

@@ -1,8 +0,0 @@
-export const getBaseExtremum = params => {
-  const {
-    axis
-  } = params;
-  const minX = Math.min(...(axis.data ?? []));
-  const maxX = Math.max(...(axis.data ?? []));
-  return [minX, maxX];
-};

package/modern/Heatmap/seriesConfig/getColor.d.ts

@@ -1,3 +0,0 @@
-import { ColorProcessor } from '@mui/x-charts/internals';
-declare const getColor: ColorProcessor<'heatmap'>;
-export default getColor;

package/modern/Heatmap/seriesConfig/getColor.js

@@ -1,15 +0,0 @@
-const getColor = (series, xAxis, yAxis, zAxis) => {
-  const zColorScale = zAxis?.colorScale;
-  if (zColorScale) {
-    return dataIndex => {
-      const value = series.data[dataIndex];
-      const color = zColorScale(value[2]);
-      if (color === null) {
-        return '';
-      }
-      return color;
-    };
-  }
-  return () => '';
-};
-export default getColor;

package/modern/Heatmap/seriesConfig/getSeriesWithDefaultValues.d.ts

@@ -1,3 +0,0 @@
-import { GetSeriesWithDefaultValues } from '@mui/x-charts/internals';
-declare const getSeriesWithDefaultValues: GetSeriesWithDefaultValues<'heatmap'>;
-export default getSeriesWithDefaultValues;

package/modern/Heatmap/seriesConfig/getSeriesWithDefaultValues.js

@@ -1,8 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
-  return _extends({
-    id: seriesData.id ?? `auto-generated-id-${seriesIndex}`,
-    color: colors[seriesIndex % colors.length]
-  }, seriesData);
-};
-export default getSeriesWithDefaultValues;

package/modern/Heatmap/seriesConfig/index.d.ts

@@ -1,2 +0,0 @@
-import { ChartSeriesTypeConfig } from '@mui/x-charts/internals';
-export declare const seriesConfig: ChartSeriesTypeConfig<'heatmap'>;

package/modern/Heatmap/seriesConfig/index.js

@@ -1,14 +0,0 @@
-import { getBaseExtremum } from "./extremums.js";
-import seriesProcessor from "./seriesProcessor.js";
-import getColor from "./getColor.js";
-import tooltipGetter from "./tooltip.js";
-import getSeriesWithDefaultValues from "./getSeriesWithDefaultValues.js";
-export const seriesConfig = {
-  seriesProcessor,
-  colorProcessor: getColor,
-  legendGetter: () => [],
-  tooltipGetter,
-  xExtremumGetter: getBaseExtremum,
-  yExtremumGetter: getBaseExtremum,
-  getSeriesWithDefaultValues
-};

package/modern/Heatmap/seriesConfig/seriesProcessor.d.ts

@@ -1,3 +0,0 @@
-import { SeriesProcessor } from '@mui/x-charts/internals';
-declare const seriesProcessor: SeriesProcessor<'heatmap'>;
-export default seriesProcessor;

package/modern/Heatmap/seriesConfig/seriesProcessor.js

@@ -1,21 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-const seriesProcessor = params => {
-  const {
-    series,
-    seriesOrder
-  } = params;
-  const defaultizedSeries = {};
-  Object.keys(series).forEach(seriesId => {
-    defaultizedSeries[seriesId] = _extends({
-      // Defaultize the data and the value formatter.
-      valueFormatter: v => v[2].toString(),
-      data: [],
-      labelMarkType: 'square'
-    }, series[seriesId]);
-  });
-  return {
-    series: defaultizedSeries,
-    seriesOrder
-  };
-};
-export default seriesProcessor;

package/modern/Heatmap/seriesConfig/tooltip.d.ts

@@ -1,3 +0,0 @@
-import { TooltipGetter } from '@mui/x-charts/internals';
-declare const tooltipGetter: TooltipGetter<'heatmap'>;
-export default tooltipGetter;

package/modern/Heatmap/seriesConfig/tooltip.js

@@ -1,25 +0,0 @@
-import { getLabel } from '@mui/x-charts/internals';
-const tooltipGetter = params => {
-  const {
-    series,
-    getColor,
-    identifier
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
-    return null;
-  }
-  const label = getLabel(series.label, 'tooltip');
-  const value = series.data[identifier.dataIndex];
-  const formattedValue = series.valueFormatter(value, {
-    dataIndex: identifier.dataIndex
-  });
-  return {
-    identifier,
-    color: getColor(identifier.dataIndex),
-    label,
-    value,
-    formattedValue,
-    markType: series.labelMarkType
-  };
-};
-export default tooltipGetter;

package/modern/LineChartPro/LineChartPro.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { LineChartProps } from '@mui/x-charts/LineChart';
-import { ChartContainerProProps } from "../ChartContainerPro/index.js";
-import { LineChartProPluginsSignatures } from "./LineChartPro.plugins.js";
-export interface LineChartProProps extends Omit<LineChartProps, 'apiRef'>, Omit<ChartContainerProProps<'line', LineChartProPluginsSignatures>, 'series' | 'plugins' | 'seriesConfig'> {}
-/**
- * Demos:
- *
- * - [Lines](https://mui.com/x/react-charts/lines/)
- * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
- *
- * API:
- *
- * - [LineChart API](https://mui.com/x/api/charts/line-chart/)
- */
-declare const LineChartPro: React.ForwardRefExoticComponent<LineChartProProps & React.RefAttributes<SVGSVGElement>>;
-export { LineChartPro };