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

package/node/Heatmap/HeatmapTooltip.js

@@ -1,280 +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.HeatmapTooltip = HeatmapTooltip;
-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 _HTMLElementType = _interopRequireDefault(require("@mui/utils/HTMLElementType"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _ChartsTooltip = require("@mui/x-charts/ChartsTooltip");
-var _hooks = require("@mui/x-charts/hooks");
-var _internals = require("@mui/x-charts/internals");
-var _useSeries = require("../hooks/useSeries");
-var _jsxRuntime = require("react/jsx-runtime");
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root'],
-    paper: ['paper'],
-    table: ['table'],
-    row: ['row'],
-    cell: ['cell'],
-    mark: ['mark'],
-    markCell: ['markCell'],
-    labelCell: ['labelCell'],
-    valueCell: ['valueCell']
-  };
-  return (0, _composeClasses.default)(slots, _ChartsTooltip.getChartsTooltipUtilityClass, classes);
-};
-function DefaultHeatmapTooltipContent(props) {
-  const {
-    classes
-  } = props;
-  const xAxis = (0, _hooks.useXAxis)();
-  const yAxis = (0, _hooks.useYAxis)();
-  const heatmapSeries = (0, _useSeries.useHeatmapSeries)();
-  const tooltipData = (0, _ChartsTooltip.useItemTooltip)();
-  if (!tooltipData || !heatmapSeries || heatmapSeries.seriesOrder.length === 0) {
-    return null;
-  }
-  const {
-    series,
-    seriesOrder
-  } = heatmapSeries;
-  const seriesId = seriesOrder[0];
-  const {
-    color,
-    value,
-    identifier,
-    markType
-  } = tooltipData;
-  const [xIndex, yIndex] = value;
-  const formattedX = xAxis.valueFormatter?.(xAxis.data[xIndex], {
-    location: 'tooltip'
-  }) ?? xAxis.data[xIndex].toLocaleString();
-  const formattedY = yAxis.valueFormatter?.(yAxis.data[yIndex], {
-    location: 'tooltip'
-  }) ?? yAxis.data[yIndex].toLocaleString();
-  const formattedValue = series[seriesId].valueFormatter(value, {
-    dataIndex: identifier.dataIndex
-  });
-  const seriesLabel = (0, _internals.getLabel)(series[seriesId].label, 'tooltip');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltip.ChartsTooltipPaper, {
-    className: classes?.paper,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltip.ChartsTooltipTable, {
-      className: classes?.table,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltip.ChartsTooltipRow, {
-          className: classes?.row,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltip.ChartsTooltipCell, {
-            className: classes?.cell,
-            children: formattedX
-          }), formattedX && formattedY && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltip.ChartsTooltipCell, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltip.ChartsTooltipCell, {
-            className: classes?.cell,
-            children: formattedY
-          })]
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltip.ChartsTooltipRow, {
-          className: classes?.row,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltip.ChartsTooltipCell, {
-            className: (0, _clsx.default)(classes?.markCell, classes?.cell),
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.ChartsLabelMark, {
-              type: markType,
-              color: color,
-              className: classes?.mark
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltip.ChartsTooltipCell, {
-            className: (0, _clsx.default)(classes?.labelCell, classes?.cell),
-            children: seriesLabel
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltip.ChartsTooltipCell, {
-            className: (0, _clsx.default)(classes?.valueCell, classes?.cell),
-            children: formattedValue
-          })]
-        })
-      })]
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? DefaultHeatmapTooltipContent.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
-} : void 0;
-function HeatmapTooltip(props) {
-  const classes = useUtilityClasses({
-    classes: props.classes
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltip.ChartsTooltipContainer, (0, _extends2.default)({}, props, {
-    classes: classes,
-    trigger: "item",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultHeatmapTooltipContent, {
-      classes: classes
-    })
-  }));
-}
-process.env.NODE_ENV !== "production" ? HeatmapTooltip.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
-   * or a function that returns either.
-   * It's used to set the position of the popper.
-   * The return value will passed as the reference object of the Popper instance.
-   */
-  anchorEl: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_HTMLElementType.default, _propTypes.default.object, _propTypes.default.func]),
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _propTypes.default.object,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: _propTypes.default.elementType,
-  /**
-   * The components used for each slot inside the Popper.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  components: _propTypes.default.shape({
-    Root: _propTypes.default.elementType
-  }),
-  /**
-   * The props used for each slot inside the Popper.
-   * @default {}
-   */
-  componentsProps: _propTypes.default.shape({
-    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
-  }),
-  /**
-   * An HTML element or function that returns one.
-   * The `container` will have the portal children appended to it.
-   *
-   * You can also provide a callback, which is called in a React layout effect.
-   * This lets you set the container from a ref, and also makes server-side rendering possible.
-   *
-   * By default, it uses the body of the top-level document object,
-   * so it's simply `document.body` most of the time.
-   */
-  container: _propTypes.default.oneOfType([(props, propName) => {
-    if (props[propName] == null) {
-      return new Error(`Prop '${propName}' is required but wasn't specified`);
-    }
-    if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-      return new Error(`Expected prop '${propName}' to be of type Element`);
-    }
-    return null;
-  }, _propTypes.default.func]),
-  /**
-   * The `children` will be under the DOM hierarchy of the parent component.
-   * @default false
-   */
-  disablePortal: _propTypes.default.bool,
-  /**
-   * Always keep the children in the DOM.
-   * This prop can be useful in SEO situation or
-   * when you want to maximize the responsiveness of the Popper.
-   * @default false
-   */
-  keepMounted: _propTypes.default.bool,
-  /**
-   * Popper.js is based on a "plugin-like" architecture,
-   * most of its features are fully encapsulated "modifiers".
-   *
-   * A modifier is a function that is called each time Popper.js needs to
-   * compute the position of the popper.
-   * For this reason, modifiers should be very performant to avoid bottlenecks.
-   * To learn how to create a modifier, [read the modifiers documentation](https://popper.js.org/docs/v2/modifiers/).
-   */
-  modifiers: _propTypes.default.arrayOf(_propTypes.default.shape({
-    data: _propTypes.default.object,
-    effect: _propTypes.default.func,
-    enabled: _propTypes.default.bool,
-    fn: _propTypes.default.func,
-    name: _propTypes.default.any,
-    options: _propTypes.default.object,
-    phase: _propTypes.default.oneOf(['afterMain', 'afterRead', 'afterWrite', 'beforeMain', 'beforeRead', 'beforeWrite', 'main', 'read', 'write']),
-    requires: _propTypes.default.arrayOf(_propTypes.default.string),
-    requiresIfExists: _propTypes.default.arrayOf(_propTypes.default.string)
-  })),
-  /**
-   * If `true`, the component is shown.
-   */
-  open: _propTypes.default.bool,
-  /**
-   * Popper placement.
-   * @default 'bottom'
-   */
-  placement: _propTypes.default.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
-  /**
-   * Options provided to the [`Popper.js`](https://popper.js.org/docs/v2/constructors/#options) instance.
-   * @default {}
-   */
-  popperOptions: _propTypes.default.shape({
-    modifiers: _propTypes.default.array,
-    onFirstUpdate: _propTypes.default.func,
-    placement: _propTypes.default.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
-    strategy: _propTypes.default.oneOf(['absolute', 'fixed'])
-  }),
-  /**
-   * A ref that points to the used popper instance.
-   */
-  popperRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
-    current: _propTypes.default.shape({
-      destroy: _propTypes.default.func.isRequired,
-      forceUpdate: _propTypes.default.func.isRequired,
-      setOptions: _propTypes.default.func.isRequired,
-      state: _propTypes.default.shape({
-        attributes: _propTypes.default.object.isRequired,
-        elements: _propTypes.default.object.isRequired,
-        modifiersData: _propTypes.default.object.isRequired,
-        options: _propTypes.default.object.isRequired,
-        orderedModifiers: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
-        placement: _propTypes.default.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']).isRequired,
-        rects: _propTypes.default.object.isRequired,
-        reset: _propTypes.default.bool.isRequired,
-        scrollParents: _propTypes.default.object.isRequired,
-        strategy: _propTypes.default.oneOf(['absolute', 'fixed']).isRequired,
-        styles: _propTypes.default.object.isRequired
-      }).isRequired,
-      update: _propTypes.default.func.isRequired
-    })
-  })]),
-  /**
-   * The props used for each slot inside the Popper.
-   * @default {}
-   */
-  slotProps: _propTypes.default.object,
-  /**
-   * The components used for each slot inside the Popper.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: _propTypes.default.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  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]),
-  /**
-   * Help supporting a react-transition-group/Transition component.
-   * @default false
-   */
-  transition: _propTypes.default.bool
-} : void 0;

package/node/Heatmap/heatmapClasses.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getHeatmapUtilityClass = getHeatmapUtilityClass;
-exports.heatmapClasses = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-function getHeatmapUtilityClass(slot) {
-  // Those should be common to all charts
-  if (['highlighted', 'faded'].includes(slot)) {
-    return (0, _generateUtilityClass.default)('Charts', slot);
-  }
-  return (0, _generateUtilityClass.default)('MuiHeatmap', slot);
-}
-const heatmapClasses = exports.heatmapClasses = (0, _extends2.default)({}, (0, _generateUtilityClasses.default)('MuiHeatmap', ['cell']), {
-  highlighted: 'Charts-highlighted',
-  faded: 'Charts-faded'
-});

package/node/Heatmap/index.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  Heatmap: true,
-  HeatmapPlot: true
-};
-Object.defineProperty(exports, "Heatmap", {
-  enumerable: true,
-  get: function () {
-    return _Heatmap.Heatmap;
-  }
-});
-Object.defineProperty(exports, "HeatmapPlot", {
-  enumerable: true,
-  get: function () {
-    return _HeatmapPlot.HeatmapPlot;
-  }
-});
-var _Heatmap = require("./Heatmap");
-var _HeatmapPlot = require("./HeatmapPlot");
-var _HeatmapTooltip = require("./HeatmapTooltip");
-Object.keys(_HeatmapTooltip).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _HeatmapTooltip[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _HeatmapTooltip[key];
-    }
-  });
-});
-var _heatmapClasses = require("./heatmapClasses");
-Object.keys(_heatmapClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _heatmapClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _heatmapClasses[key];
-    }
-  });
-});

package/node/Heatmap/plugin.js

@@ -1,17 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.plugin = void 0;
-var _extremums = require("./extremums");
-var _formatter = _interopRequireDefault(require("./formatter"));
-var _getColor = _interopRequireDefault(require("./getColor"));
-const plugin = exports.plugin = {
-  seriesProcessor: _formatter.default,
-  colorProcessor: _getColor.default,
-  legendGetter: () => [],
-  xExtremumGetter: _extremums.getBaseExtremum,
-  yExtremumGetter: _extremums.getBaseExtremum
-};