@mui/x-charts-pro 7.22.3 → 8.0.0-alpha.1

package/ResponsiveChartContainerPro/index.d.ts

@@ -1 +0,0 @@
-export * from './ResponsiveChartContainerPro';

package/ResponsiveChartContainerPro/index.js

@@ -1 +0,0 @@
-export * from "./ResponsiveChartContainerPro.js";

package/ResponsiveChartContainerPro/package.json

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

package/ResponsiveChartContainerPro/useResponsiveChartContainerProProps.d.ts

@@ -1,42 +0,0 @@
-import type { ResponsiveChartContainerProProps } from './ResponsiveChartContainerPro';
-export declare const useResponsiveChartContainerProProps: (props: ResponsiveChartContainerProProps, ref: React.ForwardedRef<unknown>) => {
-    chartContainerProProps: {
-        zoom?: import("..").ZoomData[] | undefined;
-        onZoomChange?: ((zoomData: import("..").ZoomData[] | ((zoomData: import("..").ZoomData[]) => import("..").ZoomData[])) => void) | undefined;
-        height: number;
-        width: number;
-        margin?: Partial<import("@mui/x-charts").CardinalDirections<number>> | undefined;
-        title?: string | undefined;
-        desc?: string | undefined;
-        className?: string | undefined;
-        viewBox?: {
-            x?: number;
-            y?: number;
-            width?: number;
-            height?: number;
-        } | undefined;
-        plugins?: import("@mui/x-charts/internals").ChartsPlugin<import("@mui/x-charts/internals").ChartSeriesType>[] | undefined;
-        sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
-        series: (import("@mui/x-charts").ScatterSeriesType | import("@mui/x-charts").LineSeriesType | import("@mui/x-charts").BarSeriesType | import("@mui/x-charts").PieSeriesType<import("@mui/x-charts/internals").MakeOptional<import("@mui/x-charts").PieValueType, "id">> | import("../models").HeatmapSeriesType)[];
-        onHighlightChange?: ((highlightedItem: import("@mui/x-charts").HighlightItemData | null) => void) | undefined;
-        skipAnimation?: boolean | undefined;
-        zAxis?: import("@mui/x-charts/internals").MakeOptional<import("@mui/x-charts/internals").ZAxisConfig, "id">[] | undefined;
-        dataset?: import("@mui/x-charts/internals").DatasetType | undefined;
-        colors?: import("@mui/x-charts").ChartsColorPalette | undefined;
-        disableAxisListener?: boolean | undefined;
-        highlightedItem?: (import("@mui/x-charts").HighlightItemData | null) | undefined;
-        xAxis?: import("@mui/x-charts/internals").MakeOptional<import("@mui/x-charts").AxisConfig<import("@mui/x-charts").ScaleName, any, import("@mui/x-charts").ChartsXAxisProps>, "id">[];
-        yAxis?: import("@mui/x-charts/internals").MakeOptional<import("@mui/x-charts").AxisConfig<import("@mui/x-charts").ScaleName, any, import("@mui/x-charts").ChartsYAxisProps>, "id">[];
-        children?: React.ReactNode;
-        ref: React.ForwardedRef<unknown>;
-    };
-    resizableChartContainerProps: {
-        ownerState: {
-            width: number | undefined;
-            height: number | undefined;
-        };
-        ref: import("react").MutableRefObject<null>;
-        className?: string | undefined;
-    };
-    hasIntrinsicSize: number;
-};

package/ResponsiveChartContainerPro/useResponsiveChartContainerProProps.js

@@ -1,27 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["zoom", "onZoomChange"];
-import { useResponsiveChartContainerProps } from '@mui/x-charts/internals';
-export const useResponsiveChartContainerProProps = (props, ref) => {
-  const {
-      zoom,
-      onZoomChange
-    } = props,
-    baseProps = _objectWithoutPropertiesLoose(props, _excluded);
-  const chartContainerProProps = {
-    zoom,
-    onZoomChange
-  };
-  const {
-    chartContainerProps,
-    resizableChartContainerProps,
-    hasIntrinsicSize
-  } = useResponsiveChartContainerProps(baseProps, ref);
-  return {
-    chartContainerProProps: _extends({}, chartContainerProps, chartContainerProProps),
-    resizableChartContainerProps,
-    hasIntrinsicSize
-  };
-};

package/modern/Heatmap/DefaultHeatmapTooltip.js

@@ -1,99 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { ChartsTooltipPaper, ChartsTooltipTable, ChartsTooltipRow, ChartsTooltipCell, ChartsTooltipMark } from '@mui/x-charts/ChartsTooltip';
-import { useXAxis, useYAxis } from '@mui/x-charts/hooks';
-import { getLabel } from '@mui/x-charts/internals';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function DefaultHeatmapTooltip(props) {
-  const {
-    series,
-    itemData,
-    sx,
-    classes,
-    getColor
-  } = props;
-  const xAxis = useXAxis();
-  const yAxis = useYAxis();
-  if (itemData.dataIndex === undefined || !series.data[itemData.dataIndex]) {
-    return null;
-  }
-  const color = getColor(itemData.dataIndex);
-  const valueItem = series.data[itemData.dataIndex];
-  const [xIndex, yIndex] = valueItem;
-  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.valueFormatter(valueItem, {
-    dataIndex: itemData.dataIndex
-  });
-  const seriesLabel = getLabel(series.label, 'tooltip');
-  return /*#__PURE__*/_jsx(ChartsTooltipPaper, {
-    sx: sx,
-    className: classes.root,
-    children: /*#__PURE__*/_jsxs(ChartsTooltipTable, {
-      className: classes.table,
-      children: [/*#__PURE__*/_jsx("thead", {
-        children: /*#__PURE__*/_jsxs(ChartsTooltipRow, {
-          children: [/*#__PURE__*/_jsx(ChartsTooltipCell, {
-            children: formattedX
-          }), formattedX && formattedY && /*#__PURE__*/_jsx(ChartsTooltipCell, {}), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-            children: formattedY
-          })]
-        })
-      }), /*#__PURE__*/_jsx("tbody", {
-        children: /*#__PURE__*/_jsxs(ChartsTooltipRow, {
-          className: classes.row,
-          children: [/*#__PURE__*/_jsx(ChartsTooltipCell, {
-            className: clsx(classes.markCell, classes.cell),
-            children: /*#__PURE__*/_jsx(ChartsTooltipMark, {
-              color: color,
-              className: classes.mark
-            })
-          }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-            className: clsx(classes.labelCell, classes.cell),
-            children: seriesLabel
-          }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-            className: clsx(classes.valueCell, classes.cell),
-            children: formattedValue
-          })]
-        })
-      })]
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? DefaultHeatmapTooltip.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.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.func.isRequired,
-  /**
-   * The data used to identify the triggered item.
-   */
-  itemData: PropTypes.shape({
-    dataIndex: PropTypes.number.isRequired,
-    seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-    type: PropTypes.oneOf(['heatmap']).isRequired
-  }).isRequired,
-  /**
-   * The series linked to the triggered item.
-   */
-  series: PropTypes.object.isRequired,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export { DefaultHeatmapTooltip };

package/modern/ResponsiveChartContainerPro/index.js

@@ -1 +0,0 @@
-export * from "./ResponsiveChartContainerPro.js";

package/modern/ResponsiveChartContainerPro/useResponsiveChartContainerProProps.js

@@ -1,27 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["zoom", "onZoomChange"];
-import { useResponsiveChartContainerProps } from '@mui/x-charts/internals';
-export const useResponsiveChartContainerProProps = (props, ref) => {
-  const {
-      zoom,
-      onZoomChange
-    } = props,
-    baseProps = _objectWithoutPropertiesLoose(props, _excluded);
-  const chartContainerProProps = {
-    zoom,
-    onZoomChange
-  };
-  const {
-    chartContainerProps,
-    resizableChartContainerProps,
-    hasIntrinsicSize
-  } = useResponsiveChartContainerProps(baseProps, ref);
-  return {
-    chartContainerProProps: _extends({}, chartContainerProps, chartContainerProProps),
-    resizableChartContainerProps,
-    hasIntrinsicSize
-  };
-};

package/node/Heatmap/DefaultHeatmapTooltip.js

@@ -1,105 +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.DefaultHeatmapTooltip = DefaultHeatmapTooltip;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _ChartsTooltip = require("@mui/x-charts/ChartsTooltip");
-var _hooks = require("@mui/x-charts/hooks");
-var _internals = require("@mui/x-charts/internals");
-var _jsxRuntime = require("react/jsx-runtime");
-function DefaultHeatmapTooltip(props) {
-  const {
-    series,
-    itemData,
-    sx,
-    classes,
-    getColor
-  } = props;
-  const xAxis = (0, _hooks.useXAxis)();
-  const yAxis = (0, _hooks.useYAxis)();
-  if (itemData.dataIndex === undefined || !series.data[itemData.dataIndex]) {
-    return null;
-  }
-  const color = getColor(itemData.dataIndex);
-  const valueItem = series.data[itemData.dataIndex];
-  const [xIndex, yIndex] = valueItem;
-  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.valueFormatter(valueItem, {
-    dataIndex: itemData.dataIndex
-  });
-  const seriesLabel = (0, _internals.getLabel)(series.label, 'tooltip');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltip.ChartsTooltipPaper, {
-    sx: sx,
-    className: classes.root,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltip.ChartsTooltipTable, {
-      className: classes.table,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltip.ChartsTooltipRow, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltip.ChartsTooltipCell, {
-            children: formattedX
-          }), formattedX && formattedY && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltip.ChartsTooltipCell, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltip.ChartsTooltipCell, {
-            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)(_ChartsTooltip.ChartsTooltipMark, {
-              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" ? DefaultHeatmapTooltip.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.isRequired,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
-    type: _propTypes.default.oneOf(['heatmap']).isRequired
-  }).isRequired,
-  /**
-   * The series linked to the triggered item.
-   */
-  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/ResponsiveChartContainerPro/index.js

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

package/node/ResponsiveChartContainerPro/useResponsiveChartContainerProProps.js

@@ -1,34 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useResponsiveChartContainerProProps = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _internals = require("@mui/x-charts/internals");
-const _excluded = ["zoom", "onZoomChange"];
-const useResponsiveChartContainerProProps = (props, ref) => {
-  const {
-      zoom,
-      onZoomChange
-    } = props,
-    baseProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const chartContainerProProps = {
-    zoom,
-    onZoomChange
-  };
-  const {
-    chartContainerProps,
-    resizableChartContainerProps,
-    hasIntrinsicSize
-  } = (0, _internals.useResponsiveChartContainerProps)(baseProps, ref);
-  return {
-    chartContainerProProps: (0, _extends2.default)({}, chartContainerProps, chartContainerProProps),
-    resizableChartContainerProps,
-    hasIntrinsicSize
-  };
-};
-exports.useResponsiveChartContainerProProps = useResponsiveChartContainerProProps;