@mui/x-charts 8.0.0-alpha.6 → 8.0.0-alpha.8

package/node/context/SeriesProvider/SeriesContext.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SeriesContext = void 0;
-var React = _interopRequireWildcard(require("react"));
-const SeriesContext = exports.SeriesContext = /*#__PURE__*/React.createContext({
-  isInitialized: false,
-  data: {}
-});
-if (process.env.NODE_ENV !== 'production') {
-  SeriesContext.displayName = 'SeriesContext';
-}

package/node/context/SeriesProvider/SeriesProvider.js

@@ -1,38 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SeriesProvider = SeriesProvider;
-var React = _interopRequireWildcard(require("react"));
-var _styles = require("@mui/material/styles");
-var _colorPalettes = require("../../colorPalettes");
-var _SeriesContext = require("./SeriesContext");
-var _processSeries = require("./processSeries");
-var _PluginProvider = require("../PluginProvider");
-var _jsxRuntime = require("react/jsx-runtime");
-function SeriesProvider(props) {
-  const {
-    series,
-    dataset,
-    colors = _colorPalettes.blueberryTwilightPalette,
-    children
-  } = props;
-  const seriesFormatters = (0, _PluginProvider.useSeriesFormatter)();
-  const theme = (0, _styles.useTheme)();
-  const formattedSeries = React.useMemo(() => ({
-    isInitialized: true,
-    data: (0, _processSeries.preprocessSeries)({
-      series,
-      colors: typeof colors === 'function' ? colors(theme.palette.mode) : colors,
-      seriesFormatters,
-      dataset: dataset
-    })
-  }), [series, colors, theme.palette.mode, seriesFormatters, dataset]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SeriesContext.SeriesContext.Provider, {
-    value: formattedSeries,
-    children: children
-  });
-}

package/node/context/SeriesProvider/index.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  seriesProviderUtils: true
-};
-exports.seriesProviderUtils = void 0;
-var _processSeries = require("./processSeries");
-var _SeriesProvider = require("./SeriesProvider");
-Object.keys(_SeriesProvider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _SeriesProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _SeriesProvider[key];
-    }
-  });
-});
-var _SeriesContext = require("./SeriesContext");
-Object.keys(_SeriesContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _SeriesContext[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _SeriesContext[key];
-    }
-  });
-});
-var _Series = require("./Series.types");
-Object.keys(_Series).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Series[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Series[key];
-    }
-  });
-});
-const seriesProviderUtils = exports.seriesProviderUtils = {
-  preprocessSeries: _processSeries.preprocessSeries
-};

package/node/context/SizeProvider/SizeContext.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SizeContext = void 0;
-var React = _interopRequireWildcard(require("react"));
-const SizeContext = exports.SizeContext = /*#__PURE__*/React.createContext({
-  isInitialized: false,
-  data: {
-    hasIntrinsicSize: false,
-    svgRef: {
-      current: null
-    },
-    height: 0,
-    width: 0
-  }
-});
-if (process.env.NODE_ENV !== 'production') {
-  SizeContext.displayName = 'SizeContext';
-}

package/node/context/SizeProvider/SizeProvider.js

@@ -1,29 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SizeProvider = SizeProvider;
-var React = _interopRequireWildcard(require("react"));
-var _SizeContext = require("./SizeContext");
-var _useChartContainerDimensions = require("./useChartContainerDimensions");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * The size provider.
- *
- * This differs from the DrawingProvider in that it provides the full size of the container.
- *
- * This provider is also responsible for resolving the size of the container before rendering and if the parent size changes.
- */function SizeProvider(props) {
-  const dimensions = (0, _useChartContainerDimensions.useChartContainerDimensions)(props.width, props.height);
-  const value = React.useMemo(() => ({
-    isInitialized: true,
-    data: dimensions
-  }), [dimensions]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SizeContext.SizeContext.Provider, {
-    value: value,
-    children: props.children
-  });
-}

package/node/context/SizeProvider/index.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _SizeProvider = require("./SizeProvider");
-Object.keys(_SizeProvider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _SizeProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _SizeProvider[key];
-    }
-  });
-});
-var _SizeContext = require("./SizeContext");
-Object.keys(_SizeContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _SizeContext[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _SizeContext[key];
-    }
-  });
-});
-var _useSize = require("./useSize");
-Object.keys(_useSize).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useSize[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useSize[key];
-    }
-  });
-});
-var _Size = require("./Size.types");
-Object.keys(_Size).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Size[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Size[key];
-    }
-  });
-});

package/node/context/SizeProvider/useChartContainerDimensions.js

@@ -1,116 +0,0 @@
-"use strict";
-'use client';
-
-/* eslint-disable react-compiler/react-compiler */
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useChartContainerDimensions = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
-var _ownerWindow = _interopRequireDefault(require("@mui/utils/ownerWindow"));
-const MAX_COMPUTE_RUN = 10;
-const useChartContainerDimensions = (inWidth, inHeight) => {
-  const hasInSize = inWidth !== undefined && inHeight !== undefined;
-  const stateRef = React.useRef({
-    displayError: false,
-    initialCompute: true,
-    computeRun: 0
-  });
-  const rootRef = React.useRef(null);
-  const [width, setWidth] = React.useState(0);
-  const [height, setHeight] = React.useState(0);
-
-  // Adaptation of the `computeSizeAndPublishResizeEvent` from the grid.
-  const computeSize = React.useCallback(() => {
-    const mainEl = rootRef?.current;
-    if (!mainEl) {
-      if (process.env.NODE_ENV !== 'production') {
-        // This is mostly for internal use.
-        throw new Error([`MUI X: ChartContainer does not have a valid reference to the <svg /> element.`, 'This may be caused by a ref forwarding issue.', 'Make sure that the ref from SizedProvider is forwarded correctly.'].join('\n'));
-      }
-      return {};
-    }
-    const win = (0, _ownerWindow.default)(mainEl);
-    const computedStyle = win.getComputedStyle(mainEl);
-    const newHeight = Math.floor(parseFloat(computedStyle.height)) || 0;
-    const newWidth = Math.floor(parseFloat(computedStyle.width)) || 0;
-    setWidth(newWidth);
-    setHeight(newHeight);
-    return {
-      width: newWidth,
-      height: newHeight
-    };
-  }, []);
-  React.useEffect(() => {
-    // Ensure the error detection occurs after the first rendering.
-    stateRef.current.displayError = true;
-  }, []);
-
-  // This effect is used to compute the size of the container on the initial render.
-  // It is not bound to the raf loop to avoid an unwanted "resize" event.
-  // https://github.com/mui/mui-x/issues/13477#issuecomment-2336634785
-  (0, _useEnhancedEffect.default)(() => {
-    // computeRun is used to avoid infinite loops.
-    if (hasInSize || !stateRef.current.initialCompute || stateRef.current.computeRun > MAX_COMPUTE_RUN) {
-      return;
-    }
-    const computedSize = computeSize();
-    if (computedSize.width !== width || computedSize.height !== height) {
-      stateRef.current.computeRun += 1;
-    } else if (stateRef.current.initialCompute) {
-      stateRef.current.initialCompute = false;
-    }
-  }, [width, height, computeSize, hasInSize]);
-  (0, _useEnhancedEffect.default)(() => {
-    if (hasInSize) {
-      return () => {};
-    }
-    computeSize();
-    const elementToObserve = rootRef.current;
-    if (typeof ResizeObserver === 'undefined') {
-      return () => {};
-    }
-    let animationFrame;
-    const observer = new ResizeObserver(() => {
-      // See https://github.com/mui/mui-x/issues/8733
-      animationFrame = requestAnimationFrame(() => {
-        computeSize();
-      });
-    });
-    if (elementToObserve) {
-      observer.observe(elementToObserve);
-    }
-    return () => {
-      if (animationFrame) {
-        cancelAnimationFrame(animationFrame);
-      }
-      if (elementToObserve) {
-        observer.unobserve(elementToObserve);
-      }
-    };
-  }, [computeSize, hasInSize]);
-  if (process.env.NODE_ENV !== 'production') {
-    if (stateRef.current.displayError && inWidth === undefined && width === 0) {
-      console.error(`MUI X: ChartContainer does not have \`width\` prop, and its container has no \`width\` defined.`);
-      stateRef.current.displayError = false;
-    }
-    if (stateRef.current.displayError && inHeight === undefined && height === 0) {
-      console.error(`MUI X: ChartContainer does not have \`height\` prop, and its container has no \`height\` defined.`);
-      stateRef.current.displayError = false;
-    }
-  }
-  const finalWidth = inWidth ?? width;
-  const finalHeight = inHeight ?? height;
-  return {
-    svgRef: rootRef,
-    width: finalWidth,
-    height: finalHeight,
-    hasIntrinsicSize: finalWidth > 0 && finalHeight > 0,
-    inWidth,
-    inHeight
-  };
-};
-exports.useChartContainerDimensions = useChartContainerDimensions;

package/node/context/SizeProvider/useSize.js

@@ -1,20 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSize = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _SizeContext = require("./SizeContext");
-/**
- * Returns the size of the chart. And the ref of the container element that the chart is rendered in.
- */
-const useSize = () => {
-  const {
-    data
-  } = React.useContext(_SizeContext.SizeContext);
-  return data;
-};
-exports.useSize = useSize;

package/node/context/ZAxisContextProvider.js

@@ -1,103 +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.ZAxisContext = void 0;
-exports.ZAxisContextProvider = ZAxisContextProvider;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _colorScale = require("../internals/colorScale");
-var _jsxRuntime = require("react/jsx-runtime");
-const ZAxisContext = exports.ZAxisContext = /*#__PURE__*/React.createContext({
-  zAxis: {},
-  zAxisIds: []
-});
-if (process.env.NODE_ENV !== 'production') {
-  ZAxisContext.displayName = 'ZAxisContext';
-}
-function ZAxisContextProvider(props) {
-  const {
-    zAxis: inZAxis,
-    dataset,
-    children
-  } = props;
-  const zAxis = React.useMemo(() => inZAxis?.map(axisConfig => {
-    const dataKey = axisConfig.dataKey;
-    if (dataKey === undefined || axisConfig.data !== undefined) {
-      return axisConfig;
-    }
-    if (dataset === undefined) {
-      throw new Error('MUI X: z-axis uses `dataKey` but no `dataset` is provided.');
-    }
-    return (0, _extends2.default)({}, axisConfig, {
-      data: dataset.map(d => d[dataKey])
-    });
-  }), [inZAxis, dataset]);
-  const value = React.useMemo(() => {
-    const allZAxis = zAxis?.map((axis, index) => (0, _extends2.default)({
-      id: `defaultized-z-axis-${index}`
-    }, axis)) ?? [];
-    const completedZAxis = {};
-    allZAxis.forEach(axis => {
-      completedZAxis[axis.id] = (0, _extends2.default)({}, axis, {
-        colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' && axis.data ? (0, _colorScale.getOrdinalColorScale)((0, _extends2.default)({
-          values: axis.data
-        }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap.type === 'continuous' ? (0, _extends2.default)({
-          min: axis.min,
-          max: axis.max
-        }, axis.colorMap) : axis.colorMap))
-      });
-    });
-    return {
-      zAxis: completedZAxis,
-      zAxisIds: allZAxis.map(({
-        id
-      }) => id)
-    };
-  }, [zAxis]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ZAxisContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-process.env.NODE_ENV !== "production" ? ZAxisContextProvider.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  children: _propTypes.default.node,
-  /**
-   * An array of objects that can be used to populate series and axes data using their `dataKey` property.
-   */
-  dataset: _propTypes.default.arrayOf(_propTypes.default.object),
-  /**
-   * The configuration of the z-axes.
-   */
-  zAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
-    colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
-      colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
-      type: _propTypes.default.oneOf(['ordinal']).isRequired,
-      unknownColor: _propTypes.default.string,
-      values: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired)
-    }), _propTypes.default.shape({
-      color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
-      max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-      min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-      type: _propTypes.default.oneOf(['continuous']).isRequired
-    }), _propTypes.default.shape({
-      colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
-      thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired,
-      type: _propTypes.default.oneOf(['piecewise']).isRequired
-    })]),
-    data: _propTypes.default.array,
-    dataKey: _propTypes.default.string,
-    id: _propTypes.default.string,
-    max: _propTypes.default.number,
-    min: _propTypes.default.number
-  }))
-} : void 0;