@mui/x-charts 7.14.0 → 7.16.0

package/esm/BarChart/BarLabel/BarLabelItem.js

@@ -1,119 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["seriesId", "classes", "color", "style", "dataIndex", "barLabel", "slots", "slotProps", "height", "width", "value"],
-  _excluded2 = ["ownerState"];
-import * as React from 'react';
-import useSlotProps from '@mui/utils/useSlotProps';
-import PropTypes from 'prop-types';
-import { useUtilityClasses } from './barLabelClasses';
-import { getBarLabel } from './getBarLabel';
-import { BarLabel } from './BarLabel';
-import { useItemHighlighted } from '../../context';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @ignore - internal component.
- */
-function BarLabelItem(props) {
-  const {
-      seriesId,
-      classes: innerClasses,
-      color,
-      style,
-      dataIndex,
-      barLabel,
-      slots,
-      slotProps,
-      height,
-      width,
-      value
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const {
-    isFaded,
-    isHighlighted
-  } = useItemHighlighted({
-    seriesId,
-    dataIndex
-  });
-  const ownerState = {
-    seriesId,
-    classes: innerClasses,
-    color,
-    isFaded,
-    isHighlighted,
-    dataIndex
-  };
-  const classes = useUtilityClasses(ownerState);
-  const Component = slots?.barLabel ?? BarLabel;
-  const _useSlotProps = useSlotProps({
-      elementType: Component,
-      externalSlotProps: slotProps?.barLabel,
-      additionalProps: _extends({}, other, {
-        style,
-        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/esm/BarChart/BarLabel/BarLabelPlot.js

@@ -1,75 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["bars", "skipAnimation"];
-import * as React from 'react';
-import { useTransition } from '@react-spring/web';
-import { BarLabelItem } from './BarLabelItem';
-import { jsx as _jsx } from "react/jsx-runtime";
-const leaveStyle = ({
-  layout,
-  yOrigin,
-  x,
-  width,
-  y,
-  xOrigin,
-  height
-}) => _extends({}, layout === 'vertical' ? {
-  y: yOrigin,
-  x: x + width / 2,
-  height: 0,
-  width
-} : {
-  y: y + height / 2,
-  x: xOrigin,
-  height,
-  width: 0
-});
-const enterStyle = ({
-  x,
-  width,
-  y,
-  height
-}) => ({
-  x: x + width / 2,
-  y: y + height / 2,
-  height,
-  width
-});
-/**
- * @ignore - internal component.
- */
-function BarLabelPlot(props) {
-  const {
-      bars,
-      skipAnimation
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const barLabelTransition = useTransition(bars, {
-    keys: bar => `${bar.seriesId}-${bar.dataIndex}`,
-    from: leaveStyle,
-    leave: null,
-    enter: enterStyle,
-    update: enterStyle,
-    immediate: skipAnimation
-  });
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: barLabelTransition((style, {
-      seriesId,
-      dataIndex,
-      color,
-      value,
-      width,
-      height
-    }) => /*#__PURE__*/_jsx(BarLabelItem, _extends({
-      seriesId: seriesId,
-      dataIndex: dataIndex,
-      value: value,
-      color: color,
-      width: width,
-      height: height
-    }, other, {
-      style: style
-    })))
-  });
-}
-export { BarLabelPlot };

package/esm/BarChart/BarLabel/barLabelClasses.js

@@ -1,19 +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']);
-export const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    seriesId,
-    isFaded,
-    isHighlighted
-  } = ownerState;
-  const slots = {
-    root: ['root', `series-${seriesId}`, isHighlighted && 'highlighted', isFaded && 'faded']
-  };
-  return composeClasses(slots, getBarLabelUtilityClass, classes);
-};

package/esm/BarChart/BarLabel/index.js

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

package/esm/BarChart/index.js

@@ -1,4 +0,0 @@
-export * from './BarChart';
-export * from './BarPlot';
-export * from './BarElement';
-export * from './BarLabel';

package/esm/BarChart/plugin.js

@@ -1,10 +0,0 @@
-import { getExtremumX, getExtremumY } from './extremums';
-import formatter from './formatter';
-import getColor from './getColor';
-export const plugin = {
-  seriesType: 'bar',
-  seriesFormatter: formatter,
-  colorProcessor: getColor,
-  xExtremumGetter: getExtremumX,
-  yExtremumGetter: getExtremumY
-};

package/esm/BarChart/types.js

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

package/esm/ChartContainer/ChartContainer.js

@@ -1,250 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { DrawingProvider } from '../context/DrawingProvider';
-import { SeriesProvider } from '../context/SeriesProvider';
-import { InteractionProvider } from '../context/InteractionProvider';
-import { ChartsSurface } from '../ChartsSurface';
-import { CartesianProvider } from '../context/CartesianProvider';
-import { ChartsAxesGradients } from '../internals/components/ChartsAxesGradients';
-import { HighlightedProvider, ZAxisContextProvider } from '../context';
-import { PluginProvider } from '../context/PluginProvider';
-import { useChartContainerProps } from './useChartContainerProps';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const ChartContainer = /*#__PURE__*/React.forwardRef(function ChartContainer(props, ref) {
-  const {
-    children,
-    drawingProviderProps,
-    seriesProviderProps,
-    cartesianProviderProps,
-    zAxisContextProps,
-    highlightedProviderProps,
-    chartsSurfaceProps,
-    pluginProviderProps
-  } = useChartContainerProps(props, ref);
-  return /*#__PURE__*/_jsx(DrawingProvider, _extends({}, drawingProviderProps, {
-    children: /*#__PURE__*/_jsx(PluginProvider, _extends({}, pluginProviderProps, {
-      children: /*#__PURE__*/_jsx(SeriesProvider, _extends({}, seriesProviderProps, {
-        children: /*#__PURE__*/_jsx(CartesianProvider, _extends({}, cartesianProviderProps, {
-          children: /*#__PURE__*/_jsx(ZAxisContextProvider, _extends({}, zAxisContextProps, {
-            children: /*#__PURE__*/_jsx(InteractionProvider, {
-              children: /*#__PURE__*/_jsx(HighlightedProvider, _extends({}, highlightedProviderProps, {
-                children: /*#__PURE__*/_jsxs(ChartsSurface, _extends({}, chartsSurfaceProps, {
-                  children: [/*#__PURE__*/_jsx(ChartsAxesGradients, {}), children]
-                }))
-              }))
-            })
-          }))
-        }))
-      }))
-    }))
-  }));
-});
-process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  children: PropTypes.node,
-  className: PropTypes.string,
-  /**
-   * Color palette used to colorize multiple series.
-   * @default blueberryTwilightPalette
-   */
-  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.
-   */
-  height: PropTypes.number.isRequired,
-  /**
-   * The item currently highlighted. Turns highlighting into a controlled prop.
-   */
-  highlightedItem: PropTypes.shape({
-    dataIndex: PropTypes.number,
-    seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
-  }),
-  /**
-   * 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 an object with the optional properties: `top`, `bottom`, `left`, and `right`.
-   * @default object Depends on the charts type.
-   */
-  margin: PropTypes.shape({
-    bottom: PropTypes.number,
-    left: PropTypes.number,
-    right: PropTypes.number,
-    top: PropTypes.number
-  }),
-  /**
-   * The callback fired when the highlighted item changes.
-   *
-   * @param {HighlightItemData | null} highlightedItem  The newly highlighted item.
-   */
-  onHighlightChange: PropTypes.func,
-  /**
-   * An array of plugins defining how to preprocess data.
-   * If not provided, the container supports line, bar, scatter and pie charts.
-   */
-  plugins: PropTypes.arrayOf(PropTypes.object),
-  /**
-   * The array of series to display.
-   * Each type of series has its own specificity.
-   * Please refer to the appropriate docs page to learn more about it.
-   */
-  series: PropTypes.arrayOf(PropTypes.object).isRequired,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  title: PropTypes.string,
-  viewBox: PropTypes.shape({
-    height: PropTypes.number,
-    width: PropTypes.number,
-    x: PropTypes.number,
-    y: PropTypes.number
-  }),
-  /**
-   * The width of the chart in px.
-   */
-  width: PropTypes.number.isRequired,
-  /**
-   * 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({
-    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,
-    fill: PropTypes.string,
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    label: PropTypes.string,
-    labelFontSize: PropTypes.number,
-    labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    position: PropTypes.oneOf(['bottom', 'top']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
-    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]),
-    tickFontSize: PropTypes.number,
-    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
-  })),
-  /**
-   * 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({
-    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,
-    fill: PropTypes.string,
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    label: PropTypes.string,
-    labelFontSize: PropTypes.number,
-    labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    position: PropTypes.oneOf(['left', 'right']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
-    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]),
-    tickFontSize: PropTypes.number,
-    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
-  })),
-  /**
-   * 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 { ChartContainer };

package/esm/ChartContainer/index.js

@@ -1 +0,0 @@
-export * from './ChartContainer';

package/esm/ChartsAxis/axisClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getAxisUtilityClass(slot) {
-  return generateUtilityClass('MuiChartsAxis', slot);
-}
-export const axisClasses = generateUtilityClasses('MuiChartsAxis', ['root', 'line', 'tickContainer', 'tick', 'tickLabel', 'label', 'directionX', 'directionY', 'top', 'bottom', 'left', 'right']);

package/esm/ChartsAxis/index.js

@@ -1,2 +0,0 @@
-export * from './ChartsAxis';
-export * from './axisClasses';

package/esm/ChartsAxisHighlight/index.js

@@ -1 +0,0 @@
-export * from './ChartsAxisHighlight';

package/esm/ChartsClipPath/ChartsClipPath.js

@@ -1,51 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useDrawingArea } from '../hooks/useDrawingArea';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * API:
- *
- * - [ChartsClipPath API](https://mui.com/x/api/charts/charts-clip-path/)
- */
-function ChartsClipPath(props) {
-  const {
-    id,
-    offset: offsetProps
-  } = props;
-  const {
-    left,
-    top,
-    width,
-    height
-  } = useDrawingArea();
-  const offset = _extends({
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0
-  }, offsetProps);
-  return /*#__PURE__*/_jsx("clipPath", {
-    id: id,
-    children: /*#__PURE__*/_jsx("rect", {
-      x: left - offset.left,
-      y: top - offset.top,
-      width: width + offset.left + offset.right,
-      height: height + offset.top + offset.bottom
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? ChartsClipPath.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  id: PropTypes.string.isRequired,
-  offset: PropTypes.shape({
-    bottom: PropTypes.number,
-    left: PropTypes.number,
-    right: PropTypes.number,
-    top: PropTypes.number
-  })
-} : void 0;
-export { ChartsClipPath };

package/esm/ChartsClipPath/index.js

@@ -1 +0,0 @@
-export * from './ChartsClipPath';