@mui/x-charts-pro 8.0.0-alpha.9 → 8.0.0-beta.0

package/Heatmap/Heatmap.plugins.d.ts

@@ -0,0 +1,3 @@
+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/Heatmap/Heatmap.plugins.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HEATMAP_PLUGINS = void 0;
+var _internals = require("@mui/x-charts/internals");
+const HEATMAP_PLUGINS = exports.HEATMAP_PLUGINS = [_internals.useChartZAxis, _internals.useChartCartesianAxis, _internals.useChartInteraction, _internals.useChartHighlight];

package/Heatmap/HeatmapItem.d.ts

@@ -1,49 +1,49 @@
 import * as React from 'react';
 import { SeriesId } from '@mui/x-charts/internals';
-import { HeatmapClasses } from './heatmapClasses';
+import { HeatmapClasses } from "./heatmapClasses.js";
 export interface HeatmapItemSlots {
-    /**
-     * The component that renders the heatmap cell.
-     * @default HeatmapCell
-     */
-    cell?: React.ElementType;
+  /**
+   * The component that renders the heatmap cell.
+   * @default HeatmapCell
+   */
+  cell?: React.ElementType;
 }
 export interface HeatmapItemSlotProps {
-    cell?: Partial<React.ComponentPropsWithRef<'rect'>>;
+  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;
+  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>;
+  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;
+  var propTypes: any;
 }
-export { HeatmapItem };
+export { HeatmapItem };

package/Heatmap/HeatmapItem.js

@@ -1,16 +1,24 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HeatmapItem = HeatmapItem;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _hooks = require("@mui/x-charts/hooks");
+var _internals = require("@mui/x-charts/internals");
+var _heatmapClasses = require("./heatmapClasses");
+var _jsxRuntime = require("react/jsx-runtime");
 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/context';
-import { useInteractionItemProps } from '@mui/x-charts/internals';
-import { getHeatmapUtilityClass } from "./heatmapClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const HeatmapCell = styled('rect', {
+const HeatmapCell = (0, _styles.styled)('rect', {
   name: 'MuiHeatmap',
   slot: 'Cell',
   overridesResolver: (_, styles) => styles.arc
@@ -31,7 +39,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     cell: ['cell', `series-${seriesId}`, isFaded && 'faded', isHighlighted && 'highlighted']
   };
-  return composeClasses(slots, getHeatmapUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _heatmapClasses.getHeatmapUtilityClass, classes);
 };
 
 /**
@@ -46,12 +54,16 @@ function HeatmapItem(props) {
       slotProps = {},
       slots = {}
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const getInteractionItemProps = useInteractionItemProps();
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const interactionProps = (0, _internals.useInteractionItemProps)({
+    type: 'heatmap',
+    seriesId,
+    dataIndex
+  });
   const {
     isFaded,
     isHighlighted
-  } = useItemHighlighted({
+  } = (0, _hooks.useItemHighlighted)({
     seriesId,
     dataIndex
   });
@@ -65,42 +77,37 @@ function HeatmapItem(props) {
   };
   const classes = useUtilityClasses(ownerState);
   const Cell = slots?.cell ?? HeatmapCell;
-  const cellProps = useSlotProps({
+  const cellProps = (0, _useSlotProps.default)({
     elementType: Cell,
-    additionalProps: _extends({}, getInteractionItemProps({
-      type: 'heatmap',
-      seriesId,
-      dataIndex
-    })),
-    externalForwardedProps: _extends({}, other),
+    additionalProps: interactionProps,
+    externalForwardedProps: (0, _extends2.default)({}, other),
     externalSlotProps: slotProps.cell,
     ownerState,
     className: classes.cell
   });
-  return /*#__PURE__*/_jsx(Cell, _extends({}, cellProps));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Cell, (0, _extends2.default)({}, 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,
+  color: _propTypes.default.string.isRequired,
+  dataIndex: _propTypes.default.number.isRequired,
+  height: _propTypes.default.number.isRequired,
+  seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: PropTypes.object,
+  slotProps: _propTypes.default.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 };
+  slots: _propTypes.default.object,
+  value: _propTypes.default.number.isRequired,
+  width: _propTypes.default.number.isRequired,
+  x: _propTypes.default.number.isRequired,
+  y: _propTypes.default.number.isRequired
+} : void 0;

package/Heatmap/HeatmapPlot.d.ts

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import { HeatmapItemProps } from './HeatmapItem';
-export interface HeatmapPlotProps extends Pick<HeatmapItemProps, 'slots' | 'slotProps'> {
-}
+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;
+  var propTypes: any;
 }
-export { HeatmapPlot };
+export { HeatmapPlot };

package/Heatmap/HeatmapPlot.js

@@ -1,23 +1,30 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useXScale, useYScale, useZColorScale } from '@mui/x-charts/hooks';
-import { useHeatmapSeries } from "../hooks/useSeries.js";
-import { HeatmapItem } from "./HeatmapItem.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HeatmapPlot = HeatmapPlot;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _hooks = require("@mui/x-charts/hooks");
+var _useHeatmapSeries = require("../hooks/useHeatmapSeries");
+var _HeatmapItem = require("./HeatmapItem");
+var _jsxRuntime = require("react/jsx-runtime");
 function HeatmapPlot(props) {
-  const xScale = useXScale();
-  const yScale = useYScale();
-  const colorScale = useZColorScale();
-  const series = useHeatmapSeries();
+  const xScale = (0, _hooks.useXScale)();
+  const yScale = (0, _hooks.useYScale)();
+  const colorScale = (0, _hooks.useZColorScale)();
+  const series = (0, _useHeatmapSeries.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", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
     children: seriesToDisplay.data.map(([xIndex, yIndex, value], dataIndex) => {
       const x = xScale(xDomain[xIndex]);
       const y = yScale(yDomain[yIndex]);
@@ -25,7 +32,7 @@ function HeatmapPlot(props) {
       if (x === undefined || y === undefined || !color) {
         return null;
       }
-      return /*#__PURE__*/_jsx(HeatmapItem, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeatmapItem.HeatmapItem, {
         width: xScale.bandwidth(),
         height: yScale.bandwidth(),
         x: x,
@@ -49,11 +56,10 @@ process.env.NODE_ENV !== "production" ? HeatmapPlot.propTypes = {
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: PropTypes.object,
+  slotProps: _propTypes.default.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: PropTypes.object
-} : void 0;
-export { HeatmapPlot };
+  slots: _propTypes.default.object
+} : void 0;

package/Heatmap/HeatmapTooltip.d.ts

@@ -1,9 +1,8 @@
 import * as React from 'react';
 import { ChartsTooltipContainerProps } from '@mui/x-charts/ChartsTooltip';
-export interface HeatmapTooltipProps extends Omit<ChartsTooltipContainerProps, 'trigger' | 'children'> {
-}
+export interface HeatmapTooltipProps extends Omit<ChartsTooltipContainerProps, 'trigger' | 'children'> {}
 declare function HeatmapTooltip(props: HeatmapTooltipProps): React.JSX.Element;
 declare namespace HeatmapTooltip {
-    var propTypes: any;
+  var propTypes: any;
 }
-export { HeatmapTooltip };
+export { HeatmapTooltip };