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

package/node/ChartsLegend/index.js

@@ -1,135 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  legendClasses: true,
-  continuousColorLegendClasses: true,
-  piecewiseColorLegendClasses: true,
-  piecewiseColorDefaultLabelFormatter: true
-};
-Object.defineProperty(exports, "continuousColorLegendClasses", {
-  enumerable: true,
-  get: function () {
-    return _continuousColorLegendClasses.continuousColorLegendClasses;
-  }
-});
-Object.defineProperty(exports, "legendClasses", {
-  enumerable: true,
-  get: function () {
-    return _chartsLegendClasses.legendClasses;
-  }
-});
-Object.defineProperty(exports, "piecewiseColorDefaultLabelFormatter", {
-  enumerable: true,
-  get: function () {
-    return _piecewiseColorDefaultLabelFormatter.piecewiseColorDefaultLabelFormatter;
-  }
-});
-Object.defineProperty(exports, "piecewiseColorLegendClasses", {
-  enumerable: true,
-  get: function () {
-    return _piecewiseColorLegendClasses.piecewiseColorLegendClasses;
-  }
-});
-var _ChartsLegend = require("./ChartsLegend");
-Object.keys(_ChartsLegend).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ChartsLegend[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ChartsLegend[key];
-    }
-  });
-});
-var _chartsLegend = require("./chartsLegend.types");
-Object.keys(_chartsLegend).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _chartsLegend[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _chartsLegend[key];
-    }
-  });
-});
-var _direction = require("./direction");
-Object.keys(_direction).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _direction[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _direction[key];
-    }
-  });
-});
-var _legendContext = require("./legendContext.types");
-Object.keys(_legendContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _legendContext[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _legendContext[key];
-    }
-  });
-});
-var _chartsLegendClasses = require("./chartsLegendClasses");
-var _ContinuousColorLegend = require("./ContinuousColorLegend");
-Object.keys(_ContinuousColorLegend).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ContinuousColorLegend[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ContinuousColorLegend[key];
-    }
-  });
-});
-var _colorLegend = require("./colorLegend.types");
-Object.keys(_colorLegend).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _colorLegend[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _colorLegend[key];
-    }
-  });
-});
-var _continuousColorLegendClasses = require("./continuousColorLegendClasses");
-var _PiecewiseColorLegend = require("./PiecewiseColorLegend");
-Object.keys(_PiecewiseColorLegend).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _PiecewiseColorLegend[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _PiecewiseColorLegend[key];
-    }
-  });
-});
-var _piecewiseColorLegendClasses = require("./piecewiseColorLegendClasses");
-var _piecewiseColorDefaultLabelFormatter = require("./piecewiseColorDefaultLabelFormatter");
-var _legend = require("./legend.types");
-Object.keys(_legend).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _legend[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _legend[key];
-    }
-  });
-});

package/node/ChartsLegend/onClickContextBuilder.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.seriesContextBuilder = void 0;
-const seriesContextBuilder = context => ({
-  type: 'series',
-  color: context.color,
-  label: context.label,
-  seriesId: context.seriesId,
-  itemId: context.itemId
-});
-exports.seriesContextBuilder = seriesContextBuilder;

package/node/ChartsLegend/piecewiseColorDefaultLabelFormatter.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.piecewiseColorDefaultLabelFormatter = piecewiseColorDefaultLabelFormatter;
-function piecewiseColorDefaultLabelFormatter(params) {
-  if (params.min === null) {
-    return `<${params.formattedMax}`;
-  }
-  if (params.max === null) {
-    return `>${params.formattedMin}`;
-  }
-  return `${params.formattedMin}-${params.formattedMax}`;
-}

package/node/ChartsLegend/piecewiseColorLegendClasses.js

@@ -1,31 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useUtilityClasses = exports.piecewiseColorLegendClasses = void 0;
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-function getLegendUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiPiecewiseColorLegendClasses', slot);
-}
-const useUtilityClasses = props => {
-  const {
-    classes,
-    direction,
-    labelPosition
-  } = props;
-  const slots = {
-    root: ['root', direction, labelPosition],
-    minLabel: ['minLabel'],
-    maxLabel: ['maxLabel'],
-    item: ['item'],
-    mark: ['mark'],
-    label: ['label']
-  };
-  return (0, _composeClasses.default)(slots, getLegendUtilityClass, classes);
-};
-exports.useUtilityClasses = useUtilityClasses;
-const piecewiseColorLegendClasses = exports.piecewiseColorLegendClasses = (0, _generateUtilityClasses.default)('MuiPiecewiseColorLegendClasses', ['root', 'minLabel', 'maxLabel', 'item', 'vertical', 'horizontal', 'start', 'end', 'extremes', 'mark', 'label']);

package/node/ChartsLegend/useAxis.js

@@ -1,47 +0,0 @@
-"use strict";
-'use client';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAxis = useAxis;
-var _useZAxis = require("../hooks/useZAxis");
-var _useAxis = require("../hooks/useAxis");
-/**
- * Helper to select an axis definition according to its direction and id.
- */
-function useAxis({
-  axisDirection,
-  axisId
-}) {
-  const {
-    xAxis,
-    xAxisIds
-  } = (0, _useAxis.useXAxes)();
-  const {
-    yAxis,
-    yAxisIds
-  } = (0, _useAxis.useYAxes)();
-  const {
-    zAxis,
-    zAxisIds
-  } = (0, _useZAxis.useZAxes)();
-  switch (axisDirection) {
-    case 'x':
-      {
-        const id = typeof axisId === 'string' ? axisId : xAxisIds[axisId ?? 0];
-        return xAxis[id];
-      }
-    case 'y':
-      {
-        const id = typeof axisId === 'string' ? axisId : yAxisIds[axisId ?? 0];
-        return yAxis[id];
-      }
-    case 'z':
-    default:
-      {
-        const id = typeof axisId === 'string' ? axisId : zAxisIds[axisId ?? 0];
-        return zAxis[id];
-      }
-  }
-}

package/node/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js

@@ -1,88 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChartsOnAxisClickHandler = ChartsOnAxisClickHandler;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _useSeries = require("../hooks/useSeries");
-var _hooks = require("../hooks");
-var _useStore = require("../internals/store/useStore");
-var _jsxRuntime = require("react/jsx-runtime");
-function ChartsOnAxisClickHandler(props) {
-  const {
-    onAxisClick
-  } = props;
-  const svgRef = (0, _hooks.useSvgRef)();
-  const series = (0, _useSeries.useSeries)();
-  const store = (0, _useStore.useStore)();
-  const {
-    xAxis,
-    xAxisIds
-  } = (0, _hooks.useXAxes)();
-  const {
-    yAxis,
-    yAxisIds
-  } = (0, _hooks.useYAxes)();
-  React.useEffect(() => {
-    const element = svgRef.current;
-    if (element === null || !onAxisClick) {
-      return () => {};
-    }
-    const handleMouseClick = event => {
-      event.preventDefault();
-      const {
-        x: axisX,
-        y: axisY
-      } = store.value.interaction.axis;
-      const isXaxis = axisX && axisX.index !== -1;
-      const USED_AXIS_ID = isXaxis ? xAxisIds[0] : yAxisIds[0];
-      const dataIndex = isXaxis ? axisX && axisX.index : axisY && axisY.index;
-      if (dataIndex == null) {
-        return;
-      }
-      const seriesValues = {};
-      Object.keys(series).filter(seriesType => ['bar', 'line'].includes(seriesType)).forEach(seriesType => {
-        series[seriesType]?.seriesOrder.forEach(seriesId => {
-          const seriesItem = series[seriesType].series[seriesId];
-          const providedXAxisId = seriesItem.xAxisId;
-          const providedYAxisId = seriesItem.yAxisId;
-          const axisKey = isXaxis ? providedXAxisId : providedYAxisId;
-          if (axisKey === undefined || axisKey === USED_AXIS_ID) {
-            seriesValues[seriesId] = seriesItem.data[dataIndex];
-          }
-        });
-      });
-      const axisValue = (isXaxis ? xAxis : yAxis)[USED_AXIS_ID].data?.[dataIndex];
-      onAxisClick(event, {
-        dataIndex,
-        axisValue,
-        seriesValues
-      });
-    };
-    element.addEventListener('click', handleMouseClick);
-    return () => {
-      element.removeEventListener('click', handleMouseClick);
-    };
-  }, [onAxisClick, series, store, svgRef, xAxis, xAxisIds, yAxis, yAxisIds]);
-
-  // eslint-disable-next-line react/jsx-no-useless-fragment
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {});
-}
-process.env.NODE_ENV !== "production" ? ChartsOnAxisClickHandler.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The function called for onClick events.
-   * The second argument contains information about all line/bar elements at the current mouse position.
-   * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
-   * @param {null | AxisData} data The data about the clicked axis and items associated with it.
-   */
-  onAxisClick: _propTypes.default.func
-} : void 0;

package/node/ChartsOnAxisClickHandler/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ChartsOnAxisClickHandler = require("./ChartsOnAxisClickHandler");
-Object.keys(_ChartsOnAxisClickHandler).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ChartsOnAxisClickHandler[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ChartsOnAxisClickHandler[key];
-    }
-  });
-});

package/node/ChartsOverlay/ChartsLoadingOverlay.js

@@ -1,43 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChartsLoadingOverlay = ChartsLoadingOverlay;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _styles = require("@mui/material/styles");
-var _useDrawingArea = require("../hooks/useDrawingArea");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["message"];
-const StyledText = (0, _styles.styled)('text')(({
-  theme
-}) => (0, _extends2.default)({}, theme.typography.body2, {
-  stroke: 'none',
-  fill: theme.palette.text.primary,
-  shapeRendering: 'crispEdges',
-  textAnchor: 'middle',
-  dominantBaseline: 'middle'
-}));
-function ChartsLoadingOverlay(props) {
-  const {
-      message
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const {
-    top,
-    left,
-    height,
-    width
-  } = (0, _useDrawingArea.useDrawingArea)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledText, (0, _extends2.default)({
-    x: left + width / 2,
-    y: top + height / 2
-  }, other, {
-    children: message ?? 'Loading data…'
-  }));
-}

package/node/ChartsOverlay/ChartsNoDataOverlay.js

@@ -1,43 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChartsNoDataOverlay = ChartsNoDataOverlay;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _styles = require("@mui/material/styles");
-var _useDrawingArea = require("../hooks/useDrawingArea");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["message"];
-const StyledText = (0, _styles.styled)('text')(({
-  theme
-}) => (0, _extends2.default)({}, theme.typography.body2, {
-  stroke: 'none',
-  fill: theme.palette.text.primary,
-  shapeRendering: 'crispEdges',
-  textAnchor: 'middle',
-  dominantBaseline: 'middle'
-}));
-function ChartsNoDataOverlay(props) {
-  const {
-      message
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const {
-    top,
-    left,
-    height,
-    width
-  } = (0, _useDrawingArea.useDrawingArea)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledText, (0, _extends2.default)({
-    x: left + width / 2,
-    y: top + height / 2
-  }, other, {
-    children: message ?? 'No data to display'
-  }));
-}

package/node/ChartsOverlay/ChartsOverlay.js

@@ -1,41 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChartsOverlay = ChartsOverlay;
-exports.useNoData = useNoData;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _ChartsLoadingOverlay = require("./ChartsLoadingOverlay");
-var _useSeries = require("../hooks/useSeries");
-var _ChartsNoDataOverlay = require("./ChartsNoDataOverlay");
-var _jsxRuntime = require("react/jsx-runtime");
-function useNoData() {
-  const seriesPerType = (0, _useSeries.useSeries)();
-  return Object.values(seriesPerType).every(seriesOfGivenType => {
-    if (!seriesOfGivenType) {
-      return true;
-    }
-    const {
-      series,
-      seriesOrder
-    } = seriesOfGivenType;
-    return seriesOrder.every(seriesId => series[seriesId].data.length === 0);
-  });
-}
-function ChartsOverlay(props) {
-  const noData = useNoData();
-  if (props.loading) {
-    const LoadingOverlay = props.slots?.loadingOverlay ?? _ChartsLoadingOverlay.ChartsLoadingOverlay;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingOverlay, (0, _extends2.default)({}, props.slotProps?.loadingOverlay));
-  }
-  if (noData) {
-    const NoDataOverlay = props.slots?.noDataOverlay ?? _ChartsNoDataOverlay.ChartsNoDataOverlay;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(NoDataOverlay, (0, _extends2.default)({}, props.slotProps?.noDataOverlay));
-  }
-  return null;
-}

package/node/ChartsOverlay/index.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ChartsLoadingOverlay", {
-  enumerable: true,
-  get: function () {
-    return _ChartsLoadingOverlay.ChartsLoadingOverlay;
-  }
-});
-Object.defineProperty(exports, "ChartsNoDataOverlay", {
-  enumerable: true,
-  get: function () {
-    return _ChartsNoDataOverlay.ChartsNoDataOverlay;
-  }
-});
-Object.defineProperty(exports, "ChartsOverlay", {
-  enumerable: true,
-  get: function () {
-    return _ChartsOverlay.ChartsOverlay;
-  }
-});
-var _ChartsOverlay = require("./ChartsOverlay");
-var _ChartsLoadingOverlay = require("./ChartsLoadingOverlay");
-var _ChartsNoDataOverlay = require("./ChartsNoDataOverlay");

package/node/ChartsReferenceLine/ChartsReferenceLine.js

@@ -1,82 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChartsReferenceLine = ChartsReferenceLine;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _ChartsXReferenceLine = require("./ChartsXReferenceLine");
-var _ChartsYReferenceLine = require("./ChartsYReferenceLine");
-var _jsxRuntime = require("react/jsx-runtime");
-function ChartsReferenceLine(props) {
-  const {
-    x,
-    y
-  } = props;
-  if (x !== undefined && y !== undefined) {
-    throw new Error('MUI X: The ChartsReferenceLine cannot have both `x` and `y` props set.');
-  }
-  if (x === undefined && y === undefined) {
-    throw new Error('MUI X: The ChartsReferenceLine should have a value in `x` or `y` prop.');
-  }
-  if (x !== undefined) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsXReferenceLine.ChartsXReferenceLine, (0, _extends2.default)({}, props));
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsYReferenceLine.ChartsYReferenceLine, (0, _extends2.default)({}, props));
-}
-process.env.NODE_ENV !== "production" ? ChartsReferenceLine.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The id of the axis used for the reference value.
-   * @default The `id` of the first defined axis.
-   */
-  axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _propTypes.default.object,
-  /**
-   * The label to display along the reference line.
-   */
-  label: _propTypes.default.string,
-  /**
-   * The alignment if the label is in the chart drawing area.
-   * @default 'middle'
-   */
-  labelAlign: _propTypes.default.oneOf(['end', 'middle', 'start']),
-  /**
-   * The style applied to the label.
-   */
-  labelStyle: _propTypes.default.object,
-  /**
-   * The style applied to the line.
-   */
-  lineStyle: _propTypes.default.object,
-  /**
-   * Additional space around the label in px.
-   * Can be a number or an object `{ x, y }` to distinguish space with the reference line and space with axes.
-   * @default 5
-   */
-  spacing: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
-    x: _propTypes.default.number,
-    y: _propTypes.default.number
-  })]),
-  /**
-   * The x value associated with the reference line.
-   * If defined the reference line will be vertical.
-   */
-  x: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]),
-  /**
-   * The y value associated with the reference line.
-   * If defined the reference line will be horizontal.
-   */
-  y: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string])
-} : void 0;