@mui/x-charts 8.0.0-alpha.0 → 8.0.0-alpha.2

package/modern/context/InteractionProvider.js

@@ -1,78 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const InteractionContext = /*#__PURE__*/React.createContext({
-  item: null,
-  axis: {
-    x: null,
-    y: null
-  },
-  useVoronoiInteraction: false,
-  dispatch: () => null
-});
-if (process.env.NODE_ENV !== 'production') {
-  InteractionContext.displayName = 'InteractionContext';
-}
-const dataReducer = (prevState, action) => {
-  switch (action.type) {
-    case 'enterItem':
-      return _extends({}, prevState, {
-        item: action.data
-      });
-    case 'exitChart':
-      if (prevState.item === null && prevState.axis.x === null && prevState.axis.y === null) {
-        return prevState;
-      }
-      return _extends({}, prevState, {
-        axis: {
-          x: null,
-          y: null
-        },
-        item: null
-      });
-    case 'updateVoronoiUsage':
-      return _extends({}, prevState, {
-        useVoronoiInteraction: action.useVoronoiInteraction
-      });
-    case 'leaveItem':
-      if (prevState.item === null || Object.keys(action.data).some(key => action.data[key] !== prevState.item[key])) {
-        // The item is already something else
-        return prevState;
-      }
-      return _extends({}, prevState, {
-        item: null
-      });
-    case 'updateAxis':
-      if (action.data.x === prevState.axis.x && action.data.y === prevState.axis.y) {
-        return prevState;
-      }
-      return _extends({}, prevState, {
-        axis: action.data
-      });
-    default:
-      return prevState;
-  }
-};
-function InteractionProvider(props) {
-  const {
-    children
-  } = props;
-  const [data, dispatch] = React.useReducer(dataReducer, {
-    item: null,
-    axis: {
-      x: null,
-      y: null
-    },
-    useVoronoiInteraction: false
-  });
-  const value = React.useMemo(() => _extends({}, data, {
-    dispatch
-  }), [data]);
-  return /*#__PURE__*/_jsx(InteractionContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-export { InteractionProvider };

package/node/ChartContainer/ResizableContainer.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ResizableContainer = void 0;
-var _styles = require("@mui/material/styles");
-/**
- * Wrapping div that take the shape of its parent.
- *
- * @ignore - do not document.
- */
-const ResizableContainer = exports.ResizableContainer = (0, _styles.styled)('div', {
-  name: 'MuiResponsiveChart',
-  slot: 'Container'
-})(({
-  ownerState
-}) => ({
-  width: ownerState.width ?? '100%',
-  height: ownerState.height ?? '100%',
-  display: 'flex',
-  position: 'relative',
-  flexGrow: 1,
-  flexDirection: 'column',
-  alignItems: 'center',
-  justifyContent: 'center',
-  overflow: 'hidden',
-  '&>svg': {
-    width: '100%',
-    height: '100%'
-  }
-}));

package/node/ChartsTooltip/DefaultChartsAxisTooltipContent.js

@@ -1,129 +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.DefaultChartsAxisTooltipContent = DefaultChartsAxisTooltipContent;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _ChartsTooltipTable = require("./ChartsTooltipTable");
-var _utils = require("./utils");
-var _getLabel = require("../internals/getLabel");
-var _isCartesian = require("../internals/isCartesian");
-var _jsxRuntime = require("react/jsx-runtime");
-function DefaultChartsAxisTooltipContent(props) {
-  const {
-    series,
-    axis,
-    dataIndex,
-    axisValue,
-    sx,
-    classes
-  } = props;
-  if (dataIndex == null) {
-    return null;
-  }
-  const axisFormatter = axis.valueFormatter ?? (v => axis.scaleType === 'utc' ? (0, _utils.utcFormatter)(v) : v.toLocaleString());
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipPaper, {
-    sx: sx,
-    className: classes.paper,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltipTable.ChartsTooltipTable, {
-      className: classes.table,
-      children: [axisValue != null && !axis.hideTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipRow, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-            colSpan: 3,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-              children: axisFormatter(axisValue, {
-                location: 'tooltip'
-              })
-            })
-          })
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
-        children: series.filter(_isCartesian.isCartesianSeries).map(({
-          id,
-          label,
-          valueFormatter,
-          data,
-          getColor
-        }) => {
-          // @ts-ignore
-          const formattedValue = valueFormatter(data[dataIndex] ?? null, {
-            dataIndex
-          });
-          if (formattedValue == null) {
-            return null;
-          }
-          const formattedLabel = (0, _getLabel.getLabel)(label, 'tooltip');
-          const color = getColor(dataIndex);
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltipTable.ChartsTooltipRow, {
-            className: classes.row,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-              className: (0, _clsx.default)(classes.markCell, classes.cell),
-              children: color && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipMark, {
-                color: color,
-                className: classes.mark
-              })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-              className: (0, _clsx.default)(classes.labelCell, classes.cell),
-              children: formattedLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-                children: formattedLabel
-              }) : null
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-              className: (0, _clsx.default)(classes.valueCell, classes.cell),
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-                children: formattedValue
-              })
-            })]
-          }, id);
-        })
-      })]
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? DefaultChartsAxisTooltipContent.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The properties of the triggered axis.
-   */
-  axis: _propTypes.default.object.isRequired,
-  /**
-   * Data identifying the triggered axis.
-   */
-  axisData: _propTypes.default.shape({
-    x: _propTypes.default.shape({
-      index: _propTypes.default.number,
-      value: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired
-    }),
-    y: _propTypes.default.shape({
-      index: _propTypes.default.number,
-      value: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired
-    })
-  }).isRequired,
-  /**
-   * The value associated to the current mouse position.
-   */
-  axisValue: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]),
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _propTypes.default.object.isRequired,
-  /**
-   * The index of the data item triggered.
-   */
-  dataIndex: _propTypes.default.number,
-  /**
-   * The series linked to the triggered axis.
-   */
-  series: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
-} : void 0;

package/node/ChartsTooltip/DefaultChartsItemTooltipContent.js

@@ -1,98 +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.DefaultChartsItemTooltipContent = DefaultChartsItemTooltipContent;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _ChartsTooltipTable = require("./ChartsTooltipTable");
-var _getLabel = require("../internals/getLabel");
-var _jsxRuntime = require("react/jsx-runtime");
-function DefaultChartsItemTooltipContent(props) {
-  const {
-    series,
-    itemData,
-    sx,
-    classes,
-    getColor
-  } = props;
-  if (itemData.dataIndex === undefined || !series.data[itemData.dataIndex]) {
-    return null;
-  }
-  const {
-    displayedLabel,
-    color
-  } = series.type === 'pie' ? {
-    color: getColor(itemData.dataIndex),
-    displayedLabel: (0, _getLabel.getLabel)(series.data[itemData.dataIndex].label, 'tooltip')
-  } : {
-    color: getColor(itemData.dataIndex),
-    displayedLabel: (0, _getLabel.getLabel)(series.label, 'tooltip')
-  };
-  const value = series.type === 'pie' ? (0, _extends2.default)({}, series.data[itemData.dataIndex], {
-    label: (0, _getLabel.getLabel)(series.data[itemData.dataIndex].label, 'tooltip')
-  }) : series.data[itemData.dataIndex];
-  const formattedValue = series.valueFormatter?.(value, {
-    dataIndex: itemData.dataIndex
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipPaper, {
-    sx: sx,
-    className: classes.paper,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipTable, {
-      className: classes.table,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltipTable.ChartsTooltipRow, {
-          className: classes.row,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-            className: (0, _clsx.default)(classes.markCell, classes.cell),
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipMark, {
-              color: color,
-              className: classes.mark
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-            className: (0, _clsx.default)(classes.labelCell, classes.cell),
-            children: displayedLabel
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-            className: (0, _clsx.default)(classes.valueCell, classes.cell),
-            children: formattedValue
-          })]
-        })
-      })
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? DefaultChartsItemTooltipContent.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _propTypes.default.object.isRequired,
-  /**
-   * Get the color of the item with index `dataIndex`.
-   * @param {number} dataIndex The data index of the item.
-   * @returns {string} The color to display.
-   */
-  getColor: _propTypes.default.func.isRequired,
-  /**
-   * The data used to identify the triggered item.
-   */
-  itemData: _propTypes.default.shape({
-    dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
-    type: _propTypes.default.oneOf(['bar', 'line', 'pie', 'scatter']).isRequired
-  }).isRequired,
-  /**
-   * The series linked to the triggered axis.
-   */
-  series: _propTypes.default.object.isRequired,
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
-} : void 0;

package/node/context/InteractionProvider.js

@@ -1,85 +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.InteractionContext = void 0;
-exports.InteractionProvider = InteractionProvider;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
-const InteractionContext = exports.InteractionContext = /*#__PURE__*/React.createContext({
-  item: null,
-  axis: {
-    x: null,
-    y: null
-  },
-  useVoronoiInteraction: false,
-  dispatch: () => null
-});
-if (process.env.NODE_ENV !== 'production') {
-  InteractionContext.displayName = 'InteractionContext';
-}
-const dataReducer = (prevState, action) => {
-  switch (action.type) {
-    case 'enterItem':
-      return (0, _extends2.default)({}, prevState, {
-        item: action.data
-      });
-    case 'exitChart':
-      if (prevState.item === null && prevState.axis.x === null && prevState.axis.y === null) {
-        return prevState;
-      }
-      return (0, _extends2.default)({}, prevState, {
-        axis: {
-          x: null,
-          y: null
-        },
-        item: null
-      });
-    case 'updateVoronoiUsage':
-      return (0, _extends2.default)({}, prevState, {
-        useVoronoiInteraction: action.useVoronoiInteraction
-      });
-    case 'leaveItem':
-      if (prevState.item === null || Object.keys(action.data).some(key => action.data[key] !== prevState.item[key])) {
-        // The item is already something else
-        return prevState;
-      }
-      return (0, _extends2.default)({}, prevState, {
-        item: null
-      });
-    case 'updateAxis':
-      if (action.data.x === prevState.axis.x && action.data.y === prevState.axis.y) {
-        return prevState;
-      }
-      return (0, _extends2.default)({}, prevState, {
-        axis: action.data
-      });
-    default:
-      return prevState;
-  }
-};
-function InteractionProvider(props) {
-  const {
-    children
-  } = props;
-  const [data, dispatch] = React.useReducer(dataReducer, {
-    item: null,
-    axis: {
-      x: null,
-      y: null
-    },
-    useVoronoiInteraction: false
-  });
-  const value = React.useMemo(() => (0, _extends2.default)({}, data, {
-    dispatch
-  }), [data]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(InteractionContext.Provider, {
-    value: value,
-    children: children
-  });
-}