@mui/x-charts 7.14.0 → 7.15.0

package/{esm → node}/ChartsLegend/LegendPerItem.js

@@ -1,15 +1,26 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartsLegendRoot = void 0;
+exports.LegendPerItem = LegendPerItem;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _NoSsr = _interopRequireDefault(require("@mui/material/NoSsr"));
+var _styles = require("@mui/material/styles");
+var _RtlProvider = require("@mui/system/RtlProvider");
+var _ChartsText = require("../ChartsText");
+var _getWordsByLines = require("../internals/getWordsByLines");
+var _legendItemsPlacement = require("./legendItemsPlacement");
+var _useDrawingArea = require("../hooks/useDrawingArea");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["rotate", "dominantBaseline"];
-import * as React from 'react';
-import NoSsr from '@mui/material/NoSsr';
-import { useTheme, styled } from '@mui/material/styles';
-import { ChartsText } from '../ChartsText';
-import { getWordsByLines } from '../internals/getWordsByLines';
-import { legendItemPlacements } from './legendItemsPlacement';
-import { useDrawingArea } from '../hooks/useDrawingArea';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const ChartsLegendRoot = styled('g', {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const ChartsLegendRoot = exports.ChartsLegendRoot = (0, _styles.styled)('g', {
   name: 'MuiChartsLegend',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
@@ -26,7 +37,7 @@ const getStandardizedPadding = padding => {
       bottom: padding
     };
   }
-  return _extends({
+  return (0, _extends2.default)({
     left: 0,
     right: 0,
     top: 0,
@@ -39,7 +50,7 @@ const getStandardizedPadding = padding => {
  * Used for series legend, and threshold color legend.
  * @ignore - Do not document
  */
-export function LegendPerItem(props) {
+function LegendPerItem(props) {
   const {
     hidden,
     position,
@@ -53,10 +64,10 @@ export function LegendPerItem(props) {
     padding: paddingProps = 10,
     labelStyle: inLabelStyle
   } = props;
-  const theme = useTheme();
-  const isRTL = theme.direction === 'rtl';
-  const drawingArea = useDrawingArea();
-  const labelStyle = React.useMemo(() => _extends({}, theme.typography.subtitle1, {
+  const theme = (0, _styles.useTheme)();
+  const isRtl = (0, _RtlProvider.useRtl)();
+  const drawingArea = (0, _useDrawingArea.useDrawingArea)();
+  const labelStyle = React.useMemo(() => (0, _extends2.default)({}, theme.typography.subtitle1, {
     color: 'inherit',
     dominantBaseline: 'central',
     textAnchor: 'start',
@@ -67,8 +78,8 @@ export function LegendPerItem(props) {
   [inLabelStyle, theme]);
   const padding = React.useMemo(() => getStandardizedPadding(paddingProps), [paddingProps]);
   const getItemSpace = React.useCallback((label, inStyle = {}) => {
-    const style = _objectWithoutPropertiesLoose(inStyle, _excluded);
-    const linesSize = getWordsByLines({
+    const style = (0, _objectWithoutPropertiesLoose2.default)(inStyle, _excluded);
+    const linesSize = (0, _getWordsByLines.getWordsByLines)({
       style,
       needsComputation: true,
       text: label
@@ -77,7 +88,7 @@ export function LegendPerItem(props) {
       innerWidth: itemMarkWidth + markGap + Math.max(...linesSize.map(size => size.width)),
       innerHeight: Math.max(itemMarkHeight, linesSize.length * linesSize[0].height)
     };
-    return _extends({}, innerSize, {
+    return (0, _extends2.default)({}, innerSize, {
       outerWidth: innerSize.innerWidth + itemGap,
       outerHeight: innerSize.innerHeight + itemGap
     });
@@ -86,7 +97,7 @@ export function LegendPerItem(props) {
   const totalHeight = drawingArea.top + drawingArea.height + drawingArea.bottom;
   const availableWidth = totalWidth - padding.left - padding.right;
   const availableHeight = totalHeight - padding.top - padding.bottom;
-  const [itemsWithPosition, legendWidth, legendHeight] = React.useMemo(() => legendItemPlacements(itemsToDisplay, getItemSpace, labelStyle, direction, availableWidth, availableHeight, itemGap), [itemsToDisplay, getItemSpace, labelStyle, direction, availableWidth, availableHeight, itemGap]);
+  const [itemsWithPosition, legendWidth, legendHeight] = React.useMemo(() => (0, _legendItemsPlacement.legendItemPlacements)(itemsToDisplay, getItemSpace, labelStyle, direction, availableWidth, availableHeight, itemGap), [itemsToDisplay, getItemSpace, labelStyle, direction, availableWidth, availableHeight, itemGap]);
   const gapX = React.useMemo(() => {
     switch (position.horizontal) {
       case 'left':
@@ -110,8 +121,8 @@ export function LegendPerItem(props) {
   if (hidden) {
     return null;
   }
-  return /*#__PURE__*/_jsx(NoSsr, {
-    children: /*#__PURE__*/_jsx(ChartsLegendRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoSsr.default, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ChartsLegendRoot, {
       className: classes?.root,
       children: itemsWithPosition.map(({
         id,
@@ -119,20 +130,20 @@ export function LegendPerItem(props) {
         color,
         positionX,
         positionY
-      }) => /*#__PURE__*/_jsxs("g", {
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
         className: classes?.series,
-        transform: `translate(${gapX + (isRTL ? legendWidth - positionX : positionX)} ${gapY + positionY})`,
-        children: [/*#__PURE__*/_jsx("rect", {
+        transform: `translate(${gapX + (isRtl ? legendWidth - positionX : positionX)} ${gapY + positionY})`,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
           className: classes?.mark,
-          x: isRTL ? -itemMarkWidth : 0,
+          x: isRtl ? -itemMarkWidth : 0,
           y: -itemMarkHeight / 2,
           width: itemMarkWidth,
           height: itemMarkHeight,
           fill: color
-        }), /*#__PURE__*/_jsx(ChartsText, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsText.ChartsText, {
           style: labelStyle,
           text: label,
-          x: (isRTL ? -1 : 1) * (itemMarkWidth + markGap),
+          x: (isRtl ? -1 : 1) * (itemMarkWidth + markGap),
           y: 0
         })]
       }, id))

package/{esm → node}/ChartsLegend/PiecewiseColorLegend.js

@@ -1,12 +1,21 @@
-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");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PiecewiseColorLegend = PiecewiseColorLegend;
+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 _useAxis = require("./useAxis");
+var _LegendPerItem = require("./LegendPerItem");
+var _notNull = require("../internals/notNull");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["axisDirection", "axisId", "hideFirst", "hideLast", "labelFormatter"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useAxis } from './useAxis';
-import { LegendPerItem } from './LegendPerItem';
-import { notNull } from '../internals/notNull';
-import { jsx as _jsx } from "react/jsx-runtime";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function defaultLabelFormatter(params) {
   if (params.min === null) {
     return `<${params.formattedMax}`;
@@ -24,8 +33,8 @@ function PiecewiseColorLegend(props) {
       hideLast,
       labelFormatter = defaultLabelFormatter
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const axisItem = useAxis({
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const axisItem = (0, _useAxis.useAxis)({
     axisDirection,
     axisId
   });
@@ -43,7 +52,7 @@ function PiecewiseColorLegend(props) {
     if (hideFirst && isFirst || hideLast && isLast) {
       return null;
     }
-    const label = labelFormatter(_extends({}, index === 0 ? {
+    const label = labelFormatter((0, _extends2.default)({}, index === 0 ? {
       min: null,
       formattedMin: null
     } : {
@@ -64,8 +73,8 @@ function PiecewiseColorLegend(props) {
       color,
       label
     };
-  }).filter(notNull);
-  return /*#__PURE__*/_jsx(LegendPerItem, _extends({}, other, {
+  }).filter(_notNull.notNull);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LegendPerItem.LegendPerItem, (0, _extends2.default)({}, other, {
     itemsToDisplay: itemsToDisplay
   }));
 }
@@ -78,84 +87,83 @@ process.env.NODE_ENV !== "production" ? PiecewiseColorLegend.propTypes = {
    * The axis direction containing the color configuration to represent.
    * @default 'z'
    */
-  axisDirection: PropTypes.oneOf(['x', 'y', 'z']),
+  axisDirection: _propTypes.default.oneOf(['x', 'y', 'z']),
   /**
    * The id of the axis item with the color configuration to represent.
    * @default The first axis item.
    */
-  axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
+  classes: _propTypes.default.object,
   /**
    * The direction of the legend layout.
    * The default depends on the chart.
    */
-  direction: PropTypes.oneOf(['column', 'row']).isRequired,
+  direction: _propTypes.default.oneOf(['column', 'row']).isRequired,
   /**
    * Set to true to hide the legend.
    * @default false
    */
-  hidden: PropTypes.bool,
+  hidden: _propTypes.default.bool,
   /**
    * Hide the first item of the legend, corresponding to the [-infinity, min] piece.
    * @default false
    */
-  hideFirst: PropTypes.bool,
+  hideFirst: _propTypes.default.bool,
   /**
    * Hide the last item of the legend, corresponding to the [max, +infinity] piece.
    * @default false
    */
-  hideLast: PropTypes.bool,
+  hideLast: _propTypes.default.bool,
   /**
    * Space between two legend items (in px).
    * @default 10
    */
-  itemGap: PropTypes.number,
+  itemGap: _propTypes.default.number,
   /**
    * Height of the item mark (in px).
    * @default 20
    */
-  itemMarkHeight: PropTypes.number,
+  itemMarkHeight: _propTypes.default.number,
   /**
    * Width of the item mark (in px).
    * @default 20
    */
-  itemMarkWidth: PropTypes.number,
+  itemMarkWidth: _propTypes.default.number,
   /**
    * Format the legend labels.
    * @param {PiecewiseLabelFormatterParams} params The bound of the piece to format.
    * @returns {string|null} The displayed label, or `null` to skip the item.
    */
-  labelFormatter: PropTypes.func,
+  labelFormatter: _propTypes.default.func,
   /**
    * Style applied to legend labels.
    * @default theme.typography.subtitle1
    */
-  labelStyle: PropTypes.object,
+  labelStyle: _propTypes.default.object,
   /**
    * Space between the mark and the label (in px).
    * @default 5
    */
-  markGap: PropTypes.number,
+  markGap: _propTypes.default.number,
   /**
    * Legend padding (in px).
    * Can either be a single number, or an object with top, left, bottom, right properties.
    * @default 10
    */
-  padding: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-    bottom: PropTypes.number,
-    left: PropTypes.number,
-    right: PropTypes.number,
-    top: PropTypes.number
+  padding: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+    bottom: _propTypes.default.number,
+    left: _propTypes.default.number,
+    right: _propTypes.default.number,
+    top: _propTypes.default.number
   })]),
   /**
    * The position of the legend.
    */
-  position: PropTypes.shape({
-    horizontal: PropTypes.oneOf(['left', 'middle', 'right']).isRequired,
-    vertical: PropTypes.oneOf(['bottom', 'middle', 'top']).isRequired
+  position: _propTypes.default.shape({
+    horizontal: _propTypes.default.oneOf(['left', 'middle', 'right']).isRequired,
+    vertical: _propTypes.default.oneOf(['bottom', 'middle', 'top']).isRequired
   }).isRequired
-} : void 0;
-export { PiecewiseColorLegend };
+} : void 0;

package/node/ChartsLegend/chartsLegend.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/ChartsLegend/chartsLegendClasses.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLegendUtilityClass = getLegendUtilityClass;
+exports.legendClasses = void 0;
+var _utils = require("@mui/utils");
+function getLegendUtilityClass(slot) {
+  return (0, _utils.unstable_generateUtilityClass)('MuiChartsLegend', slot);
+}
+const legendClasses = exports.legendClasses = (0, _utils.unstable_generateUtilityClasses)('MuiChartsLegend', ['root', 'series', 'mark', 'label', 'column', 'row']);

package/node/ChartsLegend/index.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ChartsLegend = require("./ChartsLegend");
+Object.keys(_ChartsLegend).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsLegend[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsLegend[key];
+    }
+  });
+});
+var _DefaultChartsLegend = require("./DefaultChartsLegend");
+Object.keys(_DefaultChartsLegend).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DefaultChartsLegend[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DefaultChartsLegend[key];
+    }
+  });
+});
+var _ContinuousColorLegend = require("./ContinuousColorLegend");
+Object.keys(_ContinuousColorLegend).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ContinuousColorLegend[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ContinuousColorLegend[key];
+    }
+  });
+});
+var _PiecewiseColorLegend = require("./PiecewiseColorLegend");
+Object.keys(_PiecewiseColorLegend).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PiecewiseColorLegend[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PiecewiseColorLegend[key];
+    }
+  });
+});
+var _chartsLegendClasses = require("./chartsLegendClasses");
+Object.keys(_chartsLegendClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _chartsLegendClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _chartsLegendClasses[key];
+    }
+  });
+});
+var _utils = require("./utils");
+Object.keys(_utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _utils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _utils[key];
+    }
+  });
+});

package/node/ChartsLegend/legend.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/{esm → node}/ChartsLegend/legendItemsPlacement.js

@@ -1,7 +1,14 @@
-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");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.legendItemPlacements = legendItemPlacements;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 const _excluded = ["label"];
-export function legendItemPlacements(itemsToDisplay, getItemSpace, labelStyle, direction, availableWidth, availableHeight, itemGap) {
+function legendItemPlacements(itemsToDisplay, getItemSpace, labelStyle, direction, availableWidth, availableHeight, itemGap) {
   // Start at 0, 0. Will be modified later by padding and position.
   let x = 0;
   let y = 0;
@@ -15,9 +22,9 @@ export function legendItemPlacements(itemsToDisplay, getItemSpace, labelStyle, d
     let {
         label
       } = _ref,
-      other = _objectWithoutPropertiesLoose(_ref, _excluded);
+      other = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
     const itemSpace = getItemSpace(label, labelStyle);
-    const rep = _extends({}, other, {
+    const rep = (0, _extends2.default)({}, other, {
       label,
       positionX: x,
       positionY: y,
@@ -65,7 +72,7 @@ export function legendItemPlacements(itemsToDisplay, getItemSpace, labelStyle, d
     }
     return rep;
   });
-  return [seriesWithRawPosition.map(item => _extends({}, item, {
+  return [seriesWithRawPosition.map(item => (0, _extends2.default)({}, item, {
     positionY: item.positionY + (direction === 'row' ? rowMaxHeight[item.rowIndex] / 2 // Get the center of the entire row
     : item.outerHeight / 2) // Get the center of the item
   })), totalWidthUsed, totalHeightUsed];

package/node/ChartsLegend/useAxis.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAxis = useAxis;
+var React = _interopRequireWildcard(require("react"));
+var _ZAxisContextProvider = require("../context/ZAxisContextProvider");
+var _useCartesianContext = require("../context/CartesianProvider/useCartesianContext");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * Helper to select an axis definition according to its direction and id.
+ */
+function useAxis({
+  axisDirection,
+  axisId
+}) {
+  const {
+    xAxis,
+    xAxisIds,
+    yAxis,
+    yAxisIds
+  } = (0, _useCartesianContext.useCartesianContext)();
+  const {
+    zAxis,
+    zAxisIds
+  } = React.useContext(_ZAxisContextProvider.ZAxisContext);
+  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/ChartsLegend/utils.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSeriesToDisplay = getSeriesToDisplay;
+var _legend = _interopRequireDefault(require("../BarChart/legend"));
+var _legend2 = _interopRequireDefault(require("../ScatterChart/legend"));
+var _legend3 = _interopRequireDefault(require("../LineChart/legend"));
+var _legend4 = _interopRequireDefault(require("../PieChart/legend"));
+const legendGetter = {
+  bar: _legend.default,
+  scatter: _legend2.default,
+  line: _legend3.default,
+  pie: _legend4.default
+};
+function getSeriesToDisplay(series) {
+  return Object.keys(series).flatMap(seriesType => {
+    const getter = legendGetter[seriesType];
+    return getter === undefined ? [] : getter(series[seriesType]);
+  });
+}

package/{esm → node}/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js

@@ -1,25 +1,34 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { InteractionContext } from '../context/InteractionProvider';
-import { useSeries } from '../hooks/useSeries';
-import { useSvgRef } from '../hooks';
-import { useCartesianContext } from '../context/CartesianProvider';
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartsOnAxisClickHandler = ChartsOnAxisClickHandler;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _InteractionProvider = require("../context/InteractionProvider");
+var _useSeries = require("../hooks/useSeries");
+var _hooks = require("../hooks");
+var _CartesianProvider = require("../context/CartesianProvider");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ChartsOnAxisClickHandler(props) {
   const {
     onAxisClick
   } = props;
-  const svgRef = useSvgRef();
-  const series = useSeries();
+  const svgRef = (0, _hooks.useSvgRef)();
+  const series = (0, _useSeries.useSeries)();
   const {
     axis
-  } = React.useContext(InteractionContext);
+  } = React.useContext(_InteractionProvider.InteractionContext);
   const {
     xAxisIds,
     xAxis,
     yAxisIds,
     yAxis
-  } = useCartesianContext();
+  } = (0, _CartesianProvider.useCartesianContext)();
   React.useEffect(() => {
     const element = svgRef.current;
     if (element === null || !onAxisClick) {
@@ -59,7 +68,7 @@ function ChartsOnAxisClickHandler(props) {
   }, [axis.x, axis.y, onAxisClick, series, svgRef, xAxis, xAxisIds, yAxis, yAxisIds]);
 
   // eslint-disable-next-line react/jsx-no-useless-fragment
-  return /*#__PURE__*/_jsx(React.Fragment, {});
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {});
 }
 process.env.NODE_ENV !== "production" ? ChartsOnAxisClickHandler.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -72,6 +81,5 @@ process.env.NODE_ENV !== "production" ? ChartsOnAxisClickHandler.propTypes = {
    * @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.func
-} : void 0;
-export { ChartsOnAxisClickHandler };
+  onAxisClick: _propTypes.default.func
+} : void 0;

package/node/ChartsOnAxisClickHandler/index.js

@@ -0,0 +1,16 @@
+"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

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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…'
+  }));
+}