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

package/BarChart/AnimatedBarElement.d.ts

@@ -2,14 +2,11 @@ import * as React from 'react';
 import { AnimatedProps } from '@react-spring/web';
 import type { BarElementOwnerState } from './BarElement';
 export interface BarProps extends Omit<React.SVGProps<SVGRectElement>, 'id' | 'color' | 'ref' | 'x' | 'y' | 'height' | 'width'>, AnimatedProps<{
-    x?: string | number | undefined;
-    y?: string | number | undefined;
-    height?: string | number | undefined;
-    width?: string | number | undefined;
+  x?: string | number | undefined;
+  y?: string | number | undefined;
+  height?: string | number | undefined;
+  width?: string | number | undefined;
 }> {
-    ownerState: BarElementOwnerState;
+  ownerState: BarElementOwnerState;
 }
-/**
- * @ignore - internal component.
- */
-export declare function AnimatedBarElement(props: BarProps): React.JSX.Element;
+export declare function AnimatedBarElement(props: BarProps): React.JSX.Element;

package/BarChart/AnimatedBarElement.js

@@ -1,20 +1,24 @@
+"use strict";
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AnimatedBarElement = AnimatedBarElement;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _web = require("@react-spring/web");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["ownerState"];
-import * as React from 'react';
-import { animated } from '@react-spring/web';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @ignore - internal component.
- */
-export function AnimatedBarElement(props) {
+function AnimatedBarElement(props) {
   const {
       ownerState
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  return /*#__PURE__*/_jsx(animated.rect, _extends({}, other, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_web.animated.rect, (0, _extends2.default)({}, other, {
     // @ts-expect-error
     filter: ownerState.isHighlighted ? 'brightness(120%)' : undefined,
     opacity: ownerState.isFaded ? 0.3 : 1

package/BarChart/BarChart.d.ts

@@ -1,57 +1,55 @@
 import * as React from 'react';
 import { MakeOptional } from '@mui/x-internals/types';
-import { BarPlotProps, BarPlotSlotProps, BarPlotSlots } from './BarPlot';
-import { ChartContainerProps } from '../ChartContainer';
-import { ChartsAxisProps } from '../ChartsAxis';
-import { BarSeriesType } from '../models/seriesType/bar';
-import { ChartsTooltipSlots, ChartsTooltipSlotProps } from '../ChartsTooltip/ChartTooltip.types';
-import { ChartsLegendSlots, ChartsLegendSlotProps } from '../ChartsLegend';
-import { ChartsAxisHighlightProps } from '../ChartsAxisHighlight';
-import { ChartsAxisSlots, ChartsAxisSlotProps } from '../models/axis';
-import { ChartsGridProps } from '../ChartsGrid';
-import { ChartsOnAxisClickHandlerProps } from '../ChartsOnAxisClickHandler';
-import { ChartsOverlayProps, ChartsOverlaySlotProps, ChartsOverlaySlots } from '../ChartsOverlay/ChartsOverlay';
-export interface BarChartSlots extends ChartsAxisSlots, BarPlotSlots, ChartsLegendSlots, ChartsOverlaySlots, ChartsTooltipSlots {
-}
-export interface BarChartSlotProps extends ChartsAxisSlotProps, BarPlotSlotProps, ChartsLegendSlotProps, ChartsOverlaySlotProps, ChartsTooltipSlotProps {
-}
-export interface BarChartProps extends Omit<ChartContainerProps<'bar'>, 'series' | 'plugins' | 'zAxis'>, Omit<ChartsAxisProps, 'slots' | 'slotProps'>, Omit<BarPlotProps, 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, ChartsOnAxisClickHandlerProps {
-    /**
-     * The series to display in the bar chart.
-     * An array of [[BarSeriesType]] objects.
-     */
-    series: MakeOptional<BarSeriesType, 'type'>[];
-    /**
-     * Option to display a cartesian grid in the background.
-     */
-    grid?: Pick<ChartsGridProps, 'vertical' | 'horizontal'>;
-    /**
-     * The configuration of axes highlight.
-     * Default is set to 'band' in the bar direction.
-     * Depends on `layout` prop.
-     * @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details.
-     *
-     */
-    axisHighlight?: ChartsAxisHighlightProps;
-    /**
-     * If `true`, the legend is not rendered.
-     */
-    hideLegend?: boolean;
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots?: BarChartSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: BarChartSlotProps;
-    /**
-     * The direction of the bar elements.
-     * @default 'vertical'
-     */
-    layout?: BarSeriesType['layout'];
+import { BarPlotProps, BarPlotSlotProps, BarPlotSlots } from "./BarPlot.js";
+import { ChartContainerProps } from "../ChartContainer/index.js";
+import { ChartsAxisProps } from "../ChartsAxis/index.js";
+import { BarSeriesType } from "../models/seriesType/bar.js";
+import { ChartsTooltipSlots, ChartsTooltipSlotProps } from "../ChartsTooltip/ChartTooltip.types.js";
+import { ChartsLegendSlots, ChartsLegendSlotProps } from "../ChartsLegend/index.js";
+import { ChartsAxisHighlightProps } from "../ChartsAxisHighlight/index.js";
+import { ChartsAxisSlots, ChartsAxisSlotProps } from "../models/axis.js";
+import { ChartsGridProps } from "../ChartsGrid/index.js";
+import { ChartsOverlayProps, ChartsOverlaySlotProps, ChartsOverlaySlots } from "../ChartsOverlay/ChartsOverlay.js";
+import { BarChartPluginsSignatures } from "./BarChart.plugins.js";
+export interface BarChartSlots extends ChartsAxisSlots, BarPlotSlots, ChartsLegendSlots, ChartsOverlaySlots, ChartsTooltipSlots {}
+export interface BarChartSlotProps extends ChartsAxisSlotProps, BarPlotSlotProps, ChartsLegendSlotProps, ChartsOverlaySlotProps, ChartsTooltipSlotProps {}
+export interface BarChartProps extends Omit<ChartContainerProps<'bar', BarChartPluginsSignatures>, 'series' | 'plugins' | 'zAxis'>, Omit<ChartsAxisProps, 'slots' | 'slotProps'>, Omit<BarPlotProps, 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'> {
+  /**
+   * The series to display in the bar chart.
+   * An array of [[BarSeriesType]] objects.
+   */
+  series: Readonly<MakeOptional<BarSeriesType, 'type'>[]>;
+  /**
+   * Option to display a cartesian grid in the background.
+   */
+  grid?: Pick<ChartsGridProps, 'vertical' | 'horizontal'>;
+  /**
+   * The configuration of axes highlight.
+   * Default is set to 'band' in the bar direction.
+   * Depends on `layout` prop.
+   * @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details.
+   *
+   */
+  axisHighlight?: ChartsAxisHighlightProps;
+  /**
+   * If `true`, the legend is not rendered.
+   */
+  hideLegend?: boolean;
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: BarChartSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: BarChartSlotProps;
+  /**
+   * The direction of the bar elements.
+   * @default 'vertical'
+   */
+  layout?: BarSeriesType['layout'];
 }
 /**
  * Demos:
@@ -65,4 +63,4 @@ export interface BarChartProps extends Omit<ChartContainerProps<'bar'>, 'series'
  * - [BarChart API](https://mui.com/x/api/charts/bar-chart/)
  */
 declare const BarChart: React.ForwardRefExoticComponent<BarChartProps & React.RefAttributes<SVGSVGElement>>;
-export { BarChart };
+export { BarChart };