@mui/x-charts 8.0.0-beta.3 → 8.1.0

package/modern/BarChart/BarLabel/BarLabel.js

@@ -1,80 +0,0 @@
-'use client';
-
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["seriesId", "dataIndex", "color", "isFaded", "isHighlighted", "classes", "skipAnimation", "layout", "xOrigin", "yOrigin"];
-import * as React from 'react';
-import { styled, useThemeProps } from '@mui/material/styles';
-import PropTypes from 'prop-types';
-import { useAnimateBarLabel } from "../../hooks/animation/useAnimateBarLabel.js";
-import { barLabelClasses } from "./barLabelClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const BarLabelComponent = styled('text', {
-  name: 'MuiBarLabel',
-  slot: 'Root',
-  overridesResolver: (_, styles) => [{
-    [`&.${barLabelClasses.faded}`]: styles.faded
-  }, {
-    [`&.${barLabelClasses.highlighted}`]: styles.highlighted
-  }, styles.root]
-})(({
-  theme
-}) => _extends({}, theme?.typography?.body2, {
-  stroke: 'none',
-  fill: (theme.vars || theme)?.palette?.text?.primary,
-  transition: 'opacity 0.2s ease-in, fill 0.2s ease-in',
-  textAnchor: 'middle',
-  dominantBaseline: 'central',
-  pointerEvents: 'none',
-  opacity: 1,
-  [`&.${barLabelClasses.faded}`]: {
-    opacity: 0.3
-  }
-}));
-function BarLabel(inProps) {
-  const props = useThemeProps({
-    props: inProps,
-    name: 'MuiBarLabel'
-  });
-  const otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  const animatedProps = useAnimateBarLabel(props);
-  return /*#__PURE__*/_jsx(BarLabelComponent, _extends({}, otherProps, animatedProps));
-}
-process.env.NODE_ENV !== "production" ? BarLabel.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  classes: PropTypes.object,
-  dataIndex: PropTypes.number.isRequired,
-  /**
-   * Height of the bar this label belongs to.
-   */
-  height: PropTypes.number.isRequired,
-  isFaded: PropTypes.bool.isRequired,
-  isHighlighted: PropTypes.bool.isRequired,
-  layout: PropTypes.oneOf(['horizontal', 'vertical']).isRequired,
-  seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-  skipAnimation: PropTypes.bool.isRequired,
-  /**
-   * Width of the bar this label belongs to.
-   */
-  width: PropTypes.number.isRequired,
-  /**
-   * Position in the x-axis of the bar this label belongs to.
-   */
-  x: PropTypes.number.isRequired,
-  /**
-   * The x-coordinate of the stack this bar label belongs to.
-   */
-  xOrigin: PropTypes.number.isRequired,
-  /**
-   * Position in the y-axis of the bar this label belongs to.
-   */
-  y: PropTypes.number.isRequired,
-  /**
-   * The y-coordinate of the stack this bar label belongs to.
-   */
-  yOrigin: PropTypes.number.isRequired
-} : void 0;
-export { BarLabel };

package/modern/BarChart/BarLabel/BarLabel.types.d.ts

@@ -1,41 +0,0 @@
-import { SeriesId } from "../../models/seriesType/common.js";
-import type { BarLabelClasses } from './barLabelClasses';
-export interface BarLabelOwnerState {
-  seriesId: SeriesId;
-  dataIndex: number;
-  color: string;
-  isFaded: boolean;
-  isHighlighted: boolean;
-  skipAnimation: boolean;
-  layout: 'vertical' | 'horizontal';
-  classes?: Partial<BarLabelClasses>;
-}
-export type BarItem = {
-  /**
-   * The series id of the bar.
-   */
-  seriesId: SeriesId;
-  /**
-   * The index of the data point in the series.
-   */
-  dataIndex: number;
-  /**
-   * The value of the data point.
-   */
-  value: number | null;
-};
-export type BarLabelContext = {
-  bar: {
-    /**
-     * The height of the bar.
-     * It could be used to control the label based on the bar size.
-     */
-    height: number;
-    /**
-     * The width of the bar.
-     * It could be used to control the label based on the bar size.
-     */
-    width: number;
-  };
-};
-export type BarLabelFunction = (item: BarItem, context: BarLabelContext) => string | null | undefined;

package/modern/BarChart/BarLabel/BarLabel.types.js

@@ -1 +0,0 @@
-export {};

package/modern/BarChart/BarLabel/BarLabelItem.d.ts

@@ -1,78 +0,0 @@
-import * as React from 'react';
-import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { BarLabelOwnerState, BarItem, BarLabelContext } from "./BarLabel.types.js";
-import { BarLabelProps } from "./BarLabel.js";
-export interface BarLabelSlots {
-  /**
-   * The component that renders the bar label.
-   * @default BarLabel
-   */
-  barLabel?: React.JSXElementConstructor<BarLabelProps>;
-}
-export interface BarLabelSlotProps {
-  barLabel?: SlotComponentPropsFromProps<BarLabelProps, {}, BarLabelOwnerState>;
-}
-export type BarLabelItemProps = Omit<BarLabelOwnerState, 'isFaded' | 'isHighlighted'> & Pick<BarLabelProps, 'style'> & {
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: BarLabelSlotProps;
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots?: BarLabelSlots;
-  /**
-   * The position in the x-axis of the stack this bar label belongs to.
-   */
-  xOrigin: number;
-  /**
-   * The position in the y-axis of the stack this bar label belongs to.
-   */
-  yOrigin: number;
-  /**
-   * The position of the bar in the x-axis.
-   */
-  x: number;
-  /**
-   * The position of the bar in the y-axis.
-   */
-  y: number;
-  /**
-   * The height of the bar.
-   */
-  height: number;
-  /**
-   * The width of the bar.
-   */
-  width: number;
-  /**
-   * The orientation of the bar.
-   */
-  layout: 'vertical' | 'horizontal';
-  /**
-   * The value of the data point.
-   */
-  value: number | null;
-  /**
-   * If true, no animations should be applied.
-   */
-  skipAnimation: boolean;
-  /**
-   * If provided, the function will be used to format the label of the bar.
-   * It can be set to 'value' to display the current value.
-   * @param {BarItem} item The item to format.
-   * @param {BarLabelContext} context data about the bar.
-   * @returns {string} The formatted label.
-   */
-  barLabel?: 'value' | ((item: BarItem, context: BarLabelContext) => string | null | undefined);
-};
-/**
- * @ignore - internal component.
- */
-declare function BarLabelItem(props: BarLabelItemProps): React.JSX.Element | null;
-declare namespace BarLabelItem {
-  var propTypes: any;
-}
-export { BarLabelItem };

package/modern/BarChart/BarLabel/BarLabelItem.js

@@ -1,131 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["seriesId", "classes", "color", "dataIndex", "barLabel", "slots", "slotProps", "xOrigin", "yOrigin", "x", "y", "width", "height", "value", "skipAnimation", "layout"],
-  _excluded2 = ["ownerState"];
-import * as React from 'react';
-import useSlotProps from '@mui/utils/useSlotProps';
-import PropTypes from 'prop-types';
-import { useUtilityClasses } from "./barLabelClasses.js";
-import { getBarLabel } from "./getBarLabel.js";
-import { BarLabel } from "./BarLabel.js";
-import { useItemHighlighted } from "../../hooks/useItemHighlighted.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @ignore - internal component.
- */
-function BarLabelItem(props) {
-  const {
-      seriesId,
-      classes: innerClasses,
-      color,
-      dataIndex,
-      barLabel,
-      slots,
-      slotProps,
-      xOrigin,
-      yOrigin,
-      x,
-      y,
-      width,
-      height,
-      value,
-      skipAnimation,
-      layout
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const {
-    isFaded,
-    isHighlighted
-  } = useItemHighlighted({
-    seriesId,
-    dataIndex
-  });
-  const ownerState = {
-    seriesId,
-    classes: innerClasses,
-    color,
-    isFaded,
-    isHighlighted,
-    dataIndex,
-    skipAnimation,
-    layout
-  };
-  const classes = useUtilityClasses(ownerState);
-  const Component = slots?.barLabel ?? BarLabel;
-  const _useSlotProps = useSlotProps({
-      elementType: Component,
-      externalSlotProps: slotProps?.barLabel,
-      additionalProps: _extends({}, other, {
-        xOrigin,
-        yOrigin,
-        x,
-        y,
-        width,
-        height,
-        className: classes.root
-      }),
-      ownerState
-    }),
-    {
-      ownerState: barLabelOwnerState
-    } = _useSlotProps,
-    barLabelProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
-  if (!barLabel) {
-    return null;
-  }
-  const formattedLabelText = getBarLabel({
-    barLabel,
-    value,
-    dataIndex,
-    seriesId,
-    height,
-    width
-  });
-  if (!formattedLabelText) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(Component, _extends({}, barLabelProps, barLabelOwnerState, {
-    children: formattedLabelText
-  }));
-}
-process.env.NODE_ENV !== "production" ? BarLabelItem.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * If provided, the function will be used to format the label of the bar.
-   * It can be set to 'value' to display the current value.
-   * @param {BarItem} item The item to format.
-   * @param {BarLabelContext} context data about the bar.
-   * @returns {string} The formatted label.
-   */
-  barLabel: PropTypes.oneOfType([PropTypes.oneOf(['value']), PropTypes.func]),
-  classes: PropTypes.object,
-  color: PropTypes.string.isRequired,
-  dataIndex: PropTypes.number.isRequired,
-  /**
-   * The height of the bar.
-   */
-  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,
-  /**
-   * The value of the data point.
-   */
-  value: PropTypes.number,
-  /**
-   * The width of the bar.
-   */
-  width: PropTypes.number.isRequired
-} : void 0;
-export { BarLabelItem };

package/modern/BarChart/BarLabel/BarLabelPlot.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import type { CompletedBarData } from '../types';
-import { BarLabelItemProps } from "./BarLabelItem.js";
-type BarLabelPlotProps = {
-  bars: CompletedBarData[];
-  skipAnimation?: boolean;
-  barLabel?: BarLabelItemProps['barLabel'];
-};
-/**
- * @ignore - internal component.
- */
-declare function BarLabelPlot(props: BarLabelPlotProps): React.JSX.Element;
-export { BarLabelPlot };

package/modern/BarChart/BarLabel/BarLabelPlot.js

@@ -1,45 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["bars", "skipAnimation"];
-import * as React from 'react';
-import { BarLabelItem } from "./BarLabelItem.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @ignore - internal component.
- */
-function BarLabelPlot(props) {
-  const {
-      bars,
-      skipAnimation
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: bars.map(({
-      xOrigin,
-      yOrigin,
-      x,
-      y,
-      seriesId,
-      dataIndex,
-      color,
-      value,
-      width,
-      height,
-      layout
-    }) => /*#__PURE__*/_jsx(BarLabelItem, _extends({
-      seriesId: seriesId,
-      dataIndex: dataIndex,
-      value: value,
-      color: color,
-      xOrigin: xOrigin,
-      yOrigin: yOrigin,
-      x: x,
-      y: y,
-      width: width,
-      height: height,
-      skipAnimation: skipAnimation ?? false,
-      layout: layout ?? 'vertical'
-    }, other), `${seriesId}-${dataIndex}`))
-  });
-}
-export { BarLabelPlot };

package/modern/BarChart/BarLabel/barLabelClasses.d.ts

@@ -1,15 +0,0 @@
-import type { BarLabelOwnerState } from './BarLabel.types';
-export interface BarLabelClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if it is highlighted. */
-  highlighted: string;
-  /** Styles applied to the root element if it is faded. */
-  faded: string;
-  /** Styles applied to the root element if it is animated. */
-  animate: string;
-}
-export type BarLabelClassKey = keyof BarLabelClasses;
-export declare function getBarLabelUtilityClass(slot: string): string;
-export declare const barLabelClasses: Record<"root" | "animate" | "highlighted" | "faded", string>;
-export declare const useUtilityClasses: (ownerState: BarLabelOwnerState) => Record<"root", string>;

package/modern/BarChart/BarLabel/barLabelClasses.js

@@ -1,20 +0,0 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import composeClasses from '@mui/utils/composeClasses';
-export function getBarLabelUtilityClass(slot) {
-  return generateUtilityClass('MuiBarLabel', slot);
-}
-export const barLabelClasses = generateUtilityClasses('MuiBarLabel', ['root', 'highlighted', 'faded', 'animate']);
-export const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    seriesId,
-    isFaded,
-    isHighlighted,
-    skipAnimation
-  } = ownerState;
-  const slots = {
-    root: ['root', `series-${seriesId}`, isHighlighted && 'highlighted', isFaded && 'faded', !skipAnimation && 'animate']
-  };
-  return composeClasses(slots, getBarLabelUtilityClass, classes);
-};

package/modern/BarChart/BarLabel/getBarLabel.d.ts

@@ -1,10 +0,0 @@
-import { SeriesId } from "../../models/seriesType/common.js";
-import { BarLabelFunction } from "./BarLabel.types.js";
-export declare const getBarLabel: (options: {
-  barLabel: "value" | BarLabelFunction;
-  value: number | null;
-  dataIndex: number;
-  seriesId: SeriesId;
-  height: number;
-  width: number;
-}) => string | null | undefined;

package/modern/BarChart/BarLabel/getBarLabel.js

@@ -1,24 +0,0 @@
-export const getBarLabel = options => {
-  const {
-    barLabel,
-    value,
-    dataIndex,
-    seriesId,
-    height,
-    width
-  } = options;
-  if (barLabel === 'value') {
-    // We don't want to show the label if the value is 0
-    return value ? value?.toString() : null;
-  }
-  return barLabel({
-    seriesId,
-    dataIndex,
-    value
-  }, {
-    bar: {
-      height,
-      width
-    }
-  });
-};

package/modern/BarChart/BarLabel/index.d.ts

@@ -1,6 +0,0 @@
-export { BarLabel } from "./BarLabel.js";
-export type { BarLabelProps } from './BarLabel';
-export { barLabelClasses, getBarLabelUtilityClass } from "./barLabelClasses.js";
-export type { BarLabelSlotProps, BarLabelSlots } from './BarLabelItem';
-export type { BarLabelOwnerState, BarItem, BarLabelContext } from './BarLabel.types';
-export type { BarLabelClasses, BarLabelClassKey } from './barLabelClasses';

package/modern/BarChart/BarLabel/index.js

@@ -1,2 +0,0 @@
-export { BarLabel } from "./BarLabel.js";
-export { barLabelClasses, getBarLabelUtilityClass } from "./barLabelClasses.js";

package/modern/BarChart/BarPlot.d.ts

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import { BarElementSlotProps, BarElementSlots } from "./BarElement.js";
-import { BarItemIdentifier } from "../models/index.js";
-import { BarLabelItemProps, BarLabelSlotProps, BarLabelSlots } from "./BarLabel/BarLabelItem.js";
-export interface BarPlotSlots extends BarElementSlots, BarLabelSlots {}
-export interface BarPlotSlotProps extends BarElementSlotProps, BarLabelSlotProps {}
-export interface BarPlotProps extends Pick<BarLabelItemProps, 'barLabel'> {
-  /**
-   * If `true`, animations are skipped.
-   * @default undefined
-   */
-  skipAnimation?: boolean;
-  /**
-   * Callback fired when a bar item is clicked.
-   * @param {React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.
-   * @param {BarItemIdentifier} barItemIdentifier The bar item identifier.
-   */
-  onItemClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, barItemIdentifier: BarItemIdentifier) => void;
-  /**
-   * Defines the border radius of the bar element.
-   */
-  borderRadius?: number;
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: BarPlotSlotProps;
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots?: BarPlotSlots;
-}
-/**
- * Demos:
- *
- * - [Bars](https://mui.com/x/react-charts/bars/)
- * - [Bar demonstration](https://mui.com/x/react-charts/bar-demo/)
- * - [Stacking](https://mui.com/x/react-charts/stacking/)
- *
- * API:
- *
- * - [BarPlot API](https://mui.com/x/api/charts/bar-plot/)
- */
-declare function BarPlot(props: BarPlotProps): React.JSX.Element;
-declare namespace BarPlot {
-  var propTypes: any;
-}
-export { BarPlot };