@mui/x-charts 7.13.0 → 7.15.0

package/ChartsTooltip/DefaultChartsItemTooltipContent.js

@@ -1,19 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-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 _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; }
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { ChartsTooltipTable, ChartsTooltipCell, ChartsTooltipMark, ChartsTooltipPaper, ChartsTooltipRow } from './ChartsTooltipTable';
+import { getLabel } from '../internals/getLabel';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function DefaultChartsItemTooltipContent(props) {
   const {
     series,
@@ -30,36 +21,36 @@ function DefaultChartsItemTooltipContent(props) {
     color
   } = series.type === 'pie' ? {
     color: getColor(itemData.dataIndex),
-    displayedLabel: (0, _getLabel.getLabel)(series.data[itemData.dataIndex].label, 'tooltip')
+    displayedLabel: getLabel(series.data[itemData.dataIndex].label, 'tooltip')
   } : {
     color: getColor(itemData.dataIndex),
-    displayedLabel: (0, _getLabel.getLabel)(series.label, 'tooltip')
+    displayedLabel: 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')
+  const value = series.type === 'pie' ? _extends({}, series.data[itemData.dataIndex], {
+    label: 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, {
+  return /*#__PURE__*/_jsx(ChartsTooltipPaper, {
     sx: sx,
     className: classes.root,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipTable, {
+    children: /*#__PURE__*/_jsx(ChartsTooltipTable, {
       className: classes.table,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltipTable.ChartsTooltipRow, {
+      children: /*#__PURE__*/_jsx("tbody", {
+        children: /*#__PURE__*/_jsxs(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, {
+          children: [/*#__PURE__*/_jsx(ChartsTooltipCell, {
+            className: clsx(classes.markCell, classes.cell),
+            children: /*#__PURE__*/_jsx(ChartsTooltipMark, {
               color: color,
               className: classes.mark
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-            className: (0, _clsx.default)(classes.labelCell, classes.cell),
+          }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
+            className: clsx(classes.labelCell, classes.cell),
             children: displayedLabel
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-            className: (0, _clsx.default)(classes.valueCell, classes.cell),
+          }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
+            className: clsx(classes.valueCell, classes.cell),
             children: formattedValue
           })]
         })
@@ -75,24 +66,25 @@ process.env.NODE_ENV !== "production" ? DefaultChartsItemTooltipContent.propType
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: _propTypes.default.object.isRequired,
+  classes: PropTypes.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,
+  getColor: PropTypes.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
+  itemData: PropTypes.shape({
+    dataIndex: PropTypes.number,
+    seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    type: PropTypes.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;
+  series: PropTypes.object.isRequired,
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
+} : void 0;
+export { DefaultChartsItemTooltipContent };

package/ChartsTooltip/chartsTooltipClasses.js

@@ -1,12 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.chartsTooltipClasses = void 0;
-exports.getChartsTooltipUtilityClass = getChartsTooltipUtilityClass;
-var _utils = require("@mui/utils");
-function getChartsTooltipUtilityClass(slot) {
-  return (0, _utils.unstable_generateUtilityClass)('MuiChartsTooltip', slot);
+import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+export function getChartsTooltipUtilityClass(slot) {
+  return generateUtilityClass('MuiChartsTooltip', slot);
 }
-const chartsTooltipClasses = exports.chartsTooltipClasses = (0, _utils.unstable_generateUtilityClasses)('MuiChartsTooltip', ['root', 'table', 'row', 'cell', 'mark', 'markCell', 'labelCell', 'valueCell']);
+export const chartsTooltipClasses = generateUtilityClasses('MuiChartsTooltip', ['root', 'table', 'row', 'cell', 'mark', 'markCell', 'labelCell', 'valueCell']);

package/ChartsTooltip/index.js

@@ -1,82 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ChartsTooltip = require("./ChartsTooltip");
-Object.keys(_ChartsTooltip).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ChartsTooltip[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ChartsTooltip[key];
-    }
-  });
-});
-var _chartsTooltipClasses = require("./chartsTooltipClasses");
-Object.keys(_chartsTooltipClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _chartsTooltipClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _chartsTooltipClasses[key];
-    }
-  });
-});
-var _ChartsAxisTooltipContent = require("./ChartsAxisTooltipContent");
-Object.keys(_ChartsAxisTooltipContent).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ChartsAxisTooltipContent[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ChartsAxisTooltipContent[key];
-    }
-  });
-});
-var _ChartsItemTooltipContent = require("./ChartsItemTooltipContent");
-Object.keys(_ChartsItemTooltipContent).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ChartsItemTooltipContent[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ChartsItemTooltipContent[key];
-    }
-  });
-});
-var _DefaultChartsAxisTooltipContent = require("./DefaultChartsAxisTooltipContent");
-Object.keys(_DefaultChartsAxisTooltipContent).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _DefaultChartsAxisTooltipContent[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _DefaultChartsAxisTooltipContent[key];
-    }
-  });
-});
-var _DefaultChartsItemTooltipContent = require("./DefaultChartsItemTooltipContent");
-Object.keys(_DefaultChartsItemTooltipContent).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _DefaultChartsItemTooltipContent[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _DefaultChartsItemTooltipContent[key];
-    }
-  });
-});
-var _ChartsTooltipTable = require("./ChartsTooltipTable");
-Object.keys(_ChartsTooltipTable).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ChartsTooltipTable[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ChartsTooltipTable[key];
-    }
-  });
-});
+export * from './ChartsTooltip';
+export * from './chartsTooltipClasses';
+export * from './ChartsAxisTooltipContent';
+export * from './ChartsItemTooltipContent';
+export * from './DefaultChartsAxisTooltipContent';
+export * from './DefaultChartsItemTooltipContent';
+export * from './ChartsTooltipTable';

package/ChartsTooltip/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../esm/ChartsTooltip/index.js",
-  "main": "./index.js",
+  "module": "./index.js",
+  "main": "../node/ChartsTooltip/index.js",
   "types": "./index.d.ts"
 }

package/ChartsTooltip/utils.js

@@ -1,19 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generateVirtualElement = generateVirtualElement;
-exports.getTooltipHasData = getTooltipHasData;
-exports.useMouseTracker = useMouseTracker;
-exports.utcFormatter = utcFormatter;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _hooks = require("../hooks");
-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 generateVirtualElement(mousePosition) {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { useSvgRef } from '../hooks';
+export function generateVirtualElement(mousePosition) {
   if (mousePosition === null) {
     return {
       getBoundingClientRect: () => ({
@@ -44,13 +32,13 @@ function generateVirtualElement(mousePosition) {
     left: x
   };
   return {
-    getBoundingClientRect: () => (0, _extends2.default)({}, boundingBox, {
+    getBoundingClientRect: () => _extends({}, boundingBox, {
       toJSON: () => JSON.stringify(boundingBox)
     })
   };
 }
-function useMouseTracker() {
-  const svgRef = (0, _hooks.useSvgRef)();
+export function useMouseTracker() {
+  const svgRef = useSvgRef();
 
   // Use a ref to avoid rerendering on every mousemove event.
   const [mousePosition, setMousePosition] = React.useState(null);
@@ -83,7 +71,7 @@ function useMouseTracker() {
   }, [svgRef]);
   return mousePosition;
 }
-function getTooltipHasData(trigger, displayedData) {
+export function getTooltipHasData(trigger, displayedData) {
   if (trigger === 'item') {
     return displayedData !== null;
   }
@@ -91,7 +79,7 @@ function getTooltipHasData(trigger, displayedData) {
   const hasAxisYData = displayedData.y !== null;
   return hasAxisXData || hasAxisYData;
 }
-function utcFormatter(v) {
+export function utcFormatter(v) {
   if (v instanceof Date) {
     return v.toUTCString();
   }

package/ChartsVoronoiHandler/ChartsVoronoiHandler.js

@@ -1,54 +1,45 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChartsVoronoiHandler = ChartsVoronoiHandler;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _d3Delaunay = require("@mui/x-charts-vendor/d3-delaunay");
-var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
-var _InteractionProvider = require("../context/InteractionProvider");
-var _CartesianProvider = require("../context/CartesianProvider");
-var _useScale = require("../hooks/useScale");
-var _getSVGPoint = require("../internals/getSVGPoint");
-var _hooks = require("../hooks");
-var _context = require("../context");
-var _useSeries = require("../hooks/useSeries");
-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; }
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { Delaunay } from '@mui/x-charts-vendor/d3-delaunay';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+import { InteractionContext } from '../context/InteractionProvider';
+import { useCartesianContext } from '../context/CartesianProvider';
+import { getValueToPositionMapper } from '../hooks/useScale';
+import { getSVGPoint } from '../internals/getSVGPoint';
+import { useDrawingArea, useSvgRef } from '../hooks';
+import { useHighlighted } from '../context';
+import { useScatterSeries } from '../hooks/useSeries';
+import { jsx as _jsx } from "react/jsx-runtime";
 function ChartsVoronoiHandler(props) {
   const {
     voronoiMaxRadius,
     onItemClick
   } = props;
-  const svgRef = (0, _hooks.useSvgRef)();
-  const drawingArea = (0, _hooks.useDrawingArea)();
+  const svgRef = useSvgRef();
+  const drawingArea = useDrawingArea();
   const {
     xAxis,
     yAxis,
     xAxisIds,
     yAxisIds
-  } = (0, _CartesianProvider.useCartesianContext)();
+  } = useCartesianContext();
   const {
     dispatch
-  } = React.useContext(_InteractionProvider.InteractionContext);
+  } = React.useContext(InteractionContext);
   const {
     series,
     seriesOrder
-  } = (0, _useSeries.useScatterSeries)() ?? {};
+  } = useScatterSeries() ?? {};
   const voronoiRef = React.useRef({});
   const delauneyRef = React.useRef(undefined);
   const lastFind = React.useRef(undefined);
   const {
     setHighlighted,
     clearHighlighted
-  } = (0, _context.useHighlighted)();
+  } = useHighlighted();
   const defaultXAxisId = xAxisIds[0];
   const defaultYAxisId = yAxisIds[0];
-  (0, _useEnhancedEffect.default)(() => {
+  useEnhancedEffect(() => {
     dispatch({
       type: 'updateVoronoiUsage',
       useVoronoiInteraction: true
@@ -60,7 +51,7 @@ function ChartsVoronoiHandler(props) {
       });
     };
   }, [dispatch]);
-  (0, _useEnhancedEffect.default)(() => {
+  useEnhancedEffect(() => {
     // This effect generate and store the Delaunay object that's used to map coordinate to closest point.
 
     if (seriesOrder === undefined || series === undefined) {
@@ -79,8 +70,8 @@ function ChartsVoronoiHandler(props) {
       } = series[seriesId];
       const xScale = xAxis[xAxisId ?? xAxisKey ?? defaultXAxisId].scale;
       const yScale = yAxis[yAxisId ?? yAxisKey ?? defaultYAxisId].scale;
-      const getXPosition = (0, _useScale.getValueToPositionMapper)(xScale);
-      const getYPosition = (0, _useScale.getValueToPositionMapper)(yScale);
+      const getXPosition = getValueToPositionMapper(xScale);
+      const getYPosition = getValueToPositionMapper(yScale);
       const seriesPoints = data.flatMap(({
         x,
         y
@@ -105,7 +96,7 @@ function ChartsVoronoiHandler(props) {
       };
       points = points.concat(seriesPoints);
     });
-    delauneyRef.current = new _d3Delaunay.Delaunay(points);
+    delauneyRef.current = new Delaunay(points);
     lastFind.current = undefined;
   }, [defaultXAxisId, defaultYAxisId, series, seriesOrder, xAxis, yAxis, drawingArea]);
   React.useEffect(() => {
@@ -115,7 +106,7 @@ function ChartsVoronoiHandler(props) {
     }
     function getClosestPoint(event) {
       // Get mouse coordinate in global SVG space
-      const svgPoint = (0, _getSVGPoint.getSVGPoint)(element, event);
+      const svgPoint = getSVGPoint(element, event);
       if (!drawingArea.isPointInside(svgPoint)) {
         lastFind.current = undefined;
         return 'outside-chart';
@@ -221,7 +212,7 @@ function ChartsVoronoiHandler(props) {
   }, [svgRef, dispatch, yAxis, xAxis, voronoiMaxRadius, onItemClick, setHighlighted, clearHighlighted, drawingArea]);
 
   // eslint-disable-next-line react/jsx-no-useless-fragment
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {});
+  return /*#__PURE__*/_jsx(React.Fragment, {});
 }
 process.env.NODE_ENV !== "production" ? ChartsVoronoiHandler.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -233,10 +224,11 @@ process.env.NODE_ENV !== "production" ? ChartsVoronoiHandler.propTypes = {
    * @param {MouseEvent} event Mouse event caught at the svg level
    * @param {ScatterItemIdentifier} scatterItemIdentifier Identify which item got clicked
    */
-  onItemClick: _propTypes.default.func,
+  onItemClick: PropTypes.func,
   /**
    * Defines the maximal distance between a scatter point and the pointer that triggers the interaction.
    * If `undefined`, the radius is assumed to be infinite.
    */
-  voronoiMaxRadius: _propTypes.default.number
-} : void 0;
+  voronoiMaxRadius: PropTypes.number
+} : void 0;
+export { ChartsVoronoiHandler };

package/ChartsVoronoiHandler/index.js

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

package/ChartsVoronoiHandler/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../esm/ChartsVoronoiHandler/index.js",
-  "main": "./index.js",
+  "module": "./index.js",
+  "main": "../node/ChartsVoronoiHandler/index.js",
   "types": "./index.d.ts"
 }