@mui/x-charts 6.18.1 → 6.18.3

package/BarChart/BarElement.d.ts

@@ -1355,4 +1355,8 @@ export type BarElementProps = Omit<BarElementOwnerState, 'isFaded' | 'isHighligh
         bar?: React.ElementType;
     };
 };
-export declare function BarElement(props: BarElementProps): React.JSX.Element;
+declare function BarElement(props: BarElementProps): React.JSX.Element;
+declare namespace BarElement {
+    var propTypes: any;
+}
+export { BarElement };

package/BarChart/BarElement.js

@@ -10,6 +10,7 @@ exports.getBarElementUtilityClass = getBarElementUtilityClass;
 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 _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _utils = require("@mui/base/utils");
 var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
@@ -100,4 +101,26 @@ function BarElement(props) {
     ownerState
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Bar, (0, _extends2.default)({}, barProps));
-}
+}
+process.env.NODE_ENV !== "production" ? BarElement.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  classes: _propTypes.default.object,
+  dataIndex: _propTypes.default.number.isRequired,
+  highlightScope: _propTypes.default.shape({
+    faded: _propTypes.default.oneOf(['global', 'none', 'series']),
+    highlighted: _propTypes.default.oneOf(['item', 'none', 'series'])
+  }),
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: _propTypes.default.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: _propTypes.default.object
+} : void 0;

package/BarChart/index.d.ts

@@ -1,2 +1,3 @@
-export { BarPlot } from './BarPlot';
-export { BarChart } from './BarChart';
+export * from './BarChart';
+export * from './BarPlot';
+export * from './BarElement';

package/BarChart/index.js

@@ -3,17 +3,36 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "BarChart", {
-  enumerable: true,
-  get: function () {
-    return _BarChart.BarChart;
-  }
-});
-Object.defineProperty(exports, "BarPlot", {
-  enumerable: true,
-  get: function () {
-    return _BarPlot.BarPlot;
-  }
+var _BarChart = require("./BarChart");
+Object.keys(_BarChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _BarChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _BarChart[key];
+    }
+  });
 });
 var _BarPlot = require("./BarPlot");
-var _BarChart = require("./BarChart");
+Object.keys(_BarPlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _BarPlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _BarPlot[key];
+    }
+  });
+});
+var _BarElement = require("./BarElement");
+Object.keys(_BarElement).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _BarElement[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _BarElement[key];
+    }
+  });
+});

package/CHANGELOG.md

@@ -3,6 +3,118 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.18.3
+
+_Dec 4, 2023_
+
+We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 📈 Fix a lot of Charts package issues
+- 🌍 Improve Bulgarian (bg-BG) locale on Data Grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.18.3`
+
+- [DataGrid] Fix cell editing adding a leading "v" on paste (#11166) @prasad5795
+- [DataGrid] Fix handling of event target in portal (#11209) @cherniavskii
+- [DataGrid] Fix `onFilterModelChange` being fired with stale field value (#11244) @gitstart
+- [l10n] Improve Bulgarian (bg-BG) locale (#10856) (#11206) @Kristiqn95
+
+#### `@mui/x-data-grid-pro@6.18.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@6.18.3`.
+
+#### `@mui/x-data-grid-premium@6.18.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@6.18.3`, plus:
+
+- [DataGridPremium] Fix aggregated column ignoring column definition changes (#11176) @cherniavskii
+- [DataGridPremium] Fix custom filter operators not working on aggregated column (#11201) @cherniavskii
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.18.3`
+
+- [pickers] Correctly format `MultiSectionDigitalClock` number sections (#11297) @LukasTy
+- [pickers] Expand field placeholder methods flexibility by providing `format` parameter (#11254) @LukasTy
+
+#### `@mui/x-date-pickers-pro@6.18.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@6.18.3`.
+
+### Charts / `@mui/x-charts@6.18.3`
+
+- [charts] Adjusted `defaultizeValueFormatter` util to accept an optional `series.valueFormatter` value (#11213) @michelengelen
+- [charts] Apply `labelStyle` and `tickLabelStyle` props on `<ChartsYAxis />` (#11180) @akamfoad
+- [charts] Fix TS config (#11259) @alexfauquette
+- [charts] Fix error with empty dataset (#11063) @alexfauquette
+- [charts] Fix export strategy (#11235) @alexfauquette
+
+### Docs
+
+- [docs] Add LTS section to support page (#11300) @joserodolfofreitas
+- [docs] Add end v6 blogpost to whats new page (#11299) @joserodolfofreitas
+- [docs] Document charts composition (#10710) @alexfauquette
+- [docs] Fix version links (#11167) @LukasTy
+- [docs] Improve Data Grid togglable columns example (#11241) @MBilalShafi
+- [docs] Split charts overview and getting started in distinct pages (#10910) @alexfauquette
+
+## 6.18.2
+
+_Nov 23, 2023_
+
+We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Arabic (ar-SD), Czech (cs-CZ), and Hebrew (he-IL) locales on Data Grid
+- 🌍 Add Basque (eu) and Macedonian (mk) locales on Pickers
+- 🌍 Improve German (de-DE) and Spanish (es-ES) locales on Pickers
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.18.2`
+
+- [l10n] Improve Arabic (ar-SD) locale (#11096) @OmarWebDev
+- [l10n] Improve Czech (cs-CZ) locale (#10968) @luborepka
+- [l10n] Improve Hebrew (he-IL) locale (#11056) @LironKiloma
+
+#### `@mui/x-data-grid-pro@6.18.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@6.18.2`.
+
+#### `@mui/x-data-grid-premium@6.18.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@6.18.2`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.18.2`
+
+- [l10n] Add Basque (eu) locale and improve Spanish (es-ES) locale (#10985) @lajtomekadimon
+- [l10n] Add Macedonian (mk) locale (#11155) @brsnik
+- [l10n] Improve German (de-DE) locale (#11104) @jho-vema
+- [pickers] Deprecate `defaultCalendarMonth` prop (#11138) @flaviendelangle
+- [pickers] Fix `DateCalendar` crashing when given an invalid value (#11101) @flaviendelangle
+
+#### `@mui/x-date-pickers-pro@6.18.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@6.18.2`.
+
+### Charts / `@mui/x-charts@6.18.2`
+
+- [charts] Fix `ChartsTooltip` component setup (#11157) @LukasTy
+- [charts] Remove outdated prop-types (#10998) @alexfauquette
+
+### Docs
+
+- [docs] Fix incoherent naming of a component in `Custom slots and subcomponents` page (#11003) @lhilgert9
+- [test] Skip flaky e2e test in webkit (#11115) @cherniavskii
+- [test] Wait for images to load (#11109) @cherniavskii
+
 ## 6.18.1
 
 _Nov 9, 2023_

package/ChartsLegend/index.d.ts

@@ -1,2 +1,3 @@
 export * from './ChartsLegend';
 export * from './chartsLegendClasses';
+export * from './utils';

package/ChartsLegend/index.js

@@ -24,4 +24,15 @@ Object.keys(_chartsLegendClasses).forEach(function (key) {
       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/ChartsTooltip/ChartsAxisTooltipContent.d.ts

@@ -3,7 +3,7 @@ import { SxProps, Theme } from '@mui/material/styles';
 import { AxisInteractionData } from '../context/InteractionProvider';
 import { ChartSeriesDefaultized, ChartSeriesType } from '../models/seriesType/config';
 import { AxisDefaultized } from '../models/axis';
-import { ChartsTooltipClasses } from './tooltipClasses';
+import { ChartsTooltipClasses } from './chartsTooltipClasses';
 export type ChartsAxisContentProps = {
     /**
      * Data identifying the triggered axis.
@@ -31,11 +31,14 @@ export type ChartsAxisContentProps = {
     classes: ChartsTooltipClasses;
     sx?: SxProps<Theme>;
 };
-export declare function DefaultChartsAxisContent(props: ChartsAxisContentProps): React.JSX.Element | null;
-export declare function ChartsAxisTooltipContent(props: {
+declare function ChartsAxisTooltipContent(props: {
     axisData: AxisInteractionData;
     content?: React.ElementType<ChartsAxisContentProps>;
     contentProps?: Partial<ChartsAxisContentProps>;
     sx?: SxProps<Theme>;
     classes: ChartsAxisContentProps['classes'];
 }): React.JSX.Element;
+declare namespace ChartsAxisTooltipContent {
+    var propTypes: any;
+}
+export { ChartsAxisTooltipContent };

package/ChartsTooltip/ChartsAxisTooltipContent.js

@@ -5,81 +5,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChartsAxisTooltipContent = ChartsAxisTooltipContent;
-exports.DefaultChartsAxisContent = DefaultChartsAxisContent;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("@mui/base/utils");
 var _SeriesContextProvider = require("../context/SeriesContextProvider");
 var _CartesianContextProvider = require("../context/CartesianContextProvider");
-var _ChartsTooltipTable = require("./ChartsTooltipTable");
+var _DefaultChartsAxisTooltipContent = require("./DefaultChartsAxisTooltipContent");
 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 && Object.prototype.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 DefaultChartsAxisContent(props) {
-  const {
-    series,
-    axis,
-    dataIndex,
-    axisValue,
-    sx,
-    classes
-  } = props;
-  if (dataIndex == null) {
-    return null;
-  }
-  const axisFormatter = axis.valueFormatter ?? (v => v.toLocaleString());
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipPaper, {
-    sx: sx,
-    className: classes.root,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltipTable.ChartsTooltipTable, {
-      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)
-            })
-          })
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
-        children: series.map(({
-          color,
-          id,
-          label,
-          valueFormatter,
-          data
-        }) => {
-          const formattedValue = valueFormatter(data[dataIndex]);
-          if (formattedValue == null) {
-            return null;
-          }
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltipTable.ChartsTooltipRow, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-              className: classes.markCell,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipMark, {
-                ownerState: {
-                  color
-                },
-                boxShadow: 1
-              })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-              className: classes.labelCell,
-              children: label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-                children: label
-              }) : null
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-              className: classes.valueCell,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-                children: formattedValue
-              })
-            })]
-          }, id);
-        })
-      })]
-    })
-  });
-}
 function ChartsAxisTooltipContent(props) {
   const {
     content,
@@ -115,7 +50,7 @@ function ChartsAxisTooltipContent(props) {
   const relevantAxis = React.useMemo(() => {
     return isXaxis ? xAxis[USED_AXIS_ID] : yAxis[USED_AXIS_ID];
   }, [USED_AXIS_ID, isXaxis, xAxis, yAxis]);
-  const Content = content ?? DefaultChartsAxisContent;
+  const Content = content ?? _DefaultChartsAxisTooltipContent.DefaultChartsAxisTooltipContent;
   const chartTooltipContentProps = (0, _utils.useSlotProps)({
     elementType: Content,
     externalSlotProps: contentProps,
@@ -131,4 +66,93 @@ function ChartsAxisTooltipContent(props) {
     ownerState: {}
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Content, (0, _extends2.default)({}, chartTooltipContentProps));
-}
+}
+process.env.NODE_ENV !== "production" ? ChartsAxisTooltipContent.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  axisData: _propTypes.default.shape({
+    x: _propTypes.default.shape({
+      index: _propTypes.default.number,
+      value: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired
+    }),
+    y: _propTypes.default.shape({
+      index: _propTypes.default.number,
+      value: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired
+    })
+  }).isRequired,
+  classes: _propTypes.default.object.isRequired,
+  content: _propTypes.default.elementType,
+  contentProps: _propTypes.default.shape({
+    axis: _propTypes.default.shape({
+      axisId: _propTypes.default.string,
+      classes: _propTypes.default.object,
+      data: _propTypes.default.array,
+      dataKey: _propTypes.default.string,
+      disableLine: _propTypes.default.bool,
+      disableTicks: _propTypes.default.bool,
+      fill: _propTypes.default.string,
+      hideTooltip: _propTypes.default.bool,
+      id: _propTypes.default.string.isRequired,
+      label: _propTypes.default.string,
+      labelFontSize: _propTypes.default.number,
+      labelStyle: _propTypes.default.object,
+      max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+      min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+      position: _propTypes.default.oneOf(['bottom', 'left', 'right', 'top']),
+      scale: _propTypes.default.func.isRequired,
+      scaleType: _propTypes.default.oneOf(['time']).isRequired,
+      slotProps: _propTypes.default.object,
+      slots: _propTypes.default.object,
+      stroke: _propTypes.default.string,
+      tickFontSize: _propTypes.default.number,
+      tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
+      tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
+      tickLabelStyle: _propTypes.default.object,
+      tickMaxStep: _propTypes.default.number,
+      tickMinStep: _propTypes.default.number,
+      tickNumber: _propTypes.default.number.isRequired,
+      tickSize: _propTypes.default.number,
+      valueFormatter: _propTypes.default.func
+    }),
+    axisData: _propTypes.default.shape({
+      x: _propTypes.default.shape({
+        index: _propTypes.default.number,
+        value: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired
+      }),
+      y: _propTypes.default.shape({
+        index: _propTypes.default.number,
+        value: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired
+      })
+    }),
+    axisValue: _propTypes.default.any,
+    classes: _propTypes.default.object,
+    dataIndex: _propTypes.default.number,
+    series: _propTypes.default.arrayOf(_propTypes.default.shape({
+      area: _propTypes.default.bool,
+      color: _propTypes.default.string.isRequired,
+      connectNulls: _propTypes.default.bool,
+      curve: _propTypes.default.oneOf(['catmullRom', 'linear', 'monotoneX', 'monotoneY', 'natural', 'step', 'stepAfter', 'stepBefore']),
+      data: _propTypes.default.arrayOf(_propTypes.default.number).isRequired,
+      dataKey: _propTypes.default.string,
+      disableHighlight: _propTypes.default.bool,
+      highlightScope: _propTypes.default.shape({
+        faded: _propTypes.default.oneOf(['global', 'none', 'series']),
+        highlighted: _propTypes.default.oneOf(['item', 'none', 'series'])
+      }),
+      id: _propTypes.default.string.isRequired,
+      label: _propTypes.default.string,
+      showMark: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.bool]),
+      stack: _propTypes.default.string,
+      stackOffset: _propTypes.default.oneOf(['diverging', 'expand', 'none', 'silhouette', 'wiggle']),
+      stackOrder: _propTypes.default.oneOf(['appearance', 'ascending', 'descending', 'insideOut', 'none', 'reverse']),
+      type: _propTypes.default.oneOf(['line']).isRequired,
+      valueFormatter: _propTypes.default.func.isRequired,
+      xAxisKey: _propTypes.default.string,
+      yAxisKey: _propTypes.default.string
+    })),
+    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])
+  }),
+  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/ChartsTooltip/ChartsItemTooltipContent.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
 import { ItemInteractionData } from '../context/InteractionProvider';
 import { ChartSeriesDefaultized, ChartSeriesType } from '../models/seriesType/config';
-import { ChartsTooltipClasses } from './tooltipClasses';
+import { ChartsTooltipClasses } from './chartsTooltipClasses';
 export type ChartsItemContentProps<T extends ChartSeriesType = ChartSeriesType> = {
     /**
      * The data used to identify the triggered item.
@@ -18,11 +18,14 @@ export type ChartsItemContentProps<T extends ChartSeriesType = ChartSeriesType>
     classes: ChartsTooltipClasses;
     sx?: SxProps<Theme>;
 };
-export declare function DefaultChartsItemContent<T extends ChartSeriesType = ChartSeriesType>(props: ChartsItemContentProps<T>): React.JSX.Element | null;
-export declare function ChartsItemTooltipContent<T extends ChartSeriesType>(props: {
+declare function ChartsItemTooltipContent<T extends ChartSeriesType>(props: {
     itemData: ItemInteractionData<T>;
     content?: React.ElementType<ChartsItemContentProps<T>>;
     contentProps?: Partial<ChartsItemContentProps<T>>;
     sx?: SxProps<Theme>;
     classes: ChartsItemContentProps<T>['classes'];
 }): React.JSX.Element;
+declare namespace ChartsItemTooltipContent {
+    var propTypes: any;
+}
+export { ChartsItemTooltipContent };

package/ChartsTooltip/ChartsItemTooltipContent.js

@@ -5,64 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChartsItemTooltipContent = ChartsItemTooltipContent;
-exports.DefaultChartsItemContent = DefaultChartsItemContent;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("@mui/base/utils");
 var _SeriesContextProvider = require("../context/SeriesContextProvider");
-var _ChartsTooltipTable = require("./ChartsTooltipTable");
+var _DefaultChartsItemTooltipContent = require("./DefaultChartsItemTooltipContent");
 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 && Object.prototype.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 DefaultChartsItemContent(props) {
-  const {
-    series,
-    itemData,
-    sx,
-    classes
-  } = props;
-  if (itemData.dataIndex === undefined) {
-    return null;
-  }
-  const {
-    displayedLabel,
-    color
-  } = series.type === 'pie' ? {
-    color: series.data[itemData.dataIndex].color,
-    displayedLabel: series.data[itemData.dataIndex].label
-  } : {
-    color: series.color,
-    displayedLabel: series.label
-  };
-
-  // TODO: Manage to let TS understand series.data and series.valueFormatter are coherent
-  // @ts-ignore
-  const formattedValue = series.valueFormatter(series.data[itemData.dataIndex]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipPaper, {
-    sx: sx,
-    className: classes.root,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipTable, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltipTable.ChartsTooltipRow, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-            className: classes.markCell,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipMark, {
-              ownerState: {
-                color
-              }
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-            className: classes.labelCell,
-            children: displayedLabel
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-            className: classes.valueCell,
-            children: formattedValue
-          })]
-        })
-      })
-    })
-  });
-}
 function ChartsItemTooltipContent(props) {
   const {
     content,
@@ -72,7 +23,7 @@ function ChartsItemTooltipContent(props) {
     contentProps
   } = props;
   const series = React.useContext(_SeriesContextProvider.SeriesContext)[itemData.type].series[itemData.seriesId];
-  const Content = content ?? DefaultChartsItemContent;
+  const Content = content ?? _DefaultChartsItemTooltipContent.DefaultChartsItemTooltipContent;
   const chartTooltipContentProps = (0, _utils.useSlotProps)({
     elementType: Content,
     externalSlotProps: contentProps,
@@ -85,4 +36,38 @@ function ChartsItemTooltipContent(props) {
     ownerState: {}
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Content, (0, _extends2.default)({}, chartTooltipContentProps));
-}
+}
+process.env.NODE_ENV !== "production" ? ChartsItemTooltipContent.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  classes: _propTypes.default.object.isRequired,
+  content: _propTypes.default.elementType,
+  contentProps: _propTypes.default.shape({
+    classes: _propTypes.default.object,
+    itemData: _propTypes.default.shape({
+      dataIndex: _propTypes.default.number,
+      seriesId: _propTypes.default.string.isRequired,
+      type: _propTypes.default.oneOf(['bar', 'line', 'pie', 'scatter']).isRequired
+    }),
+    series: _propTypes.default.shape({
+      color: _propTypes.default.string,
+      data: _propTypes.default.arrayOf(_propTypes.default.number).isRequired,
+      highlightScope: _propTypes.default.shape({
+        faded: _propTypes.default.oneOf(['global', 'none', 'series']),
+        highlighted: _propTypes.default.oneOf(['item', 'none', 'series'])
+      }),
+      id: _propTypes.default.string.isRequired,
+      type: _propTypes.default.oneOf(['bar', 'line', 'pie', 'scatter']).isRequired,
+      valueFormatter: _propTypes.default.func.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])
+  }),
+  itemData: _propTypes.default.shape({
+    dataIndex: _propTypes.default.number,
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['bar', 'line', 'pie', 'scatter']).isRequired
+  }).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/ChartsTooltip/ChartsTooltip.d.ts

@@ -3,7 +3,7 @@ import { PopperProps } from '@mui/base/Popper';
 import { TriggerOptions } from './utils';
 import { ChartsItemContentProps } from './ChartsItemTooltipContent';
 import { ChartsAxisContentProps } from './ChartsAxisTooltipContent';
-import { ChartsTooltipClasses } from './tooltipClasses';
+import { ChartsTooltipClasses } from './chartsTooltipClasses';
 export interface ChartsTooltipSlotsComponent {
     popper?: React.ElementType<PopperProps>;
     axisContent?: React.ElementType<ChartsAxisContentProps>;