@mui/x-charts 8.0.0-alpha.1 → 8.0.0-alpha.2

package/internals/useCharts.js

@@ -1,29 +0,0 @@
-import * as React from 'react';
-import { ChartStore } from "./plugins/utils/ChartStore.js";
-let globalId = 0;
-export function useCharts() {
-  const storeRef = React.useRef(null);
-  if (storeRef.current == null) {
-    // eslint-disable-next-line react-compiler/react-compiler
-    globalId += 1;
-    const initialState = {
-      interaction: {
-        item: null,
-        axis: {
-          x: null,
-          y: null
-        }
-      },
-      cacheKey: {
-        id: globalId
-      }
-    };
-    storeRef.current = new ChartStore(initialState);
-  }
-  const contextValue = React.useMemo(() => ({
-    store: storeRef.current
-  }), []);
-  return {
-    contextValue
-  };
-}

package/internals/useSelector.d.ts

@@ -1,4 +0,0 @@
-import { ChartState } from './plugins/models';
-import { ChartsSelector } from './plugins/utils/selectors';
-import { ChartStore } from './plugins/utils/ChartStore';
-export declare const useSelector: <TArgs, TValue>(store: ChartStore, selector: ChartsSelector<ChartState, TArgs, TValue>, args?: TArgs, equals?: (a: TValue, b: TValue) => boolean) => TValue;

package/internals/useStore.d.ts

@@ -1,2 +0,0 @@
-import { ChartStore } from './plugins/utils/ChartStore';
-export declare function useStore(skipError?: boolean): ChartStore;

package/modern/ChartContainer/ResizableContainer.js

@@ -1,60 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { styled } from '@mui/material/styles';
-import { useSize } from "../context/SizeProvider/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Wrapping div that take the shape of its parent.
- *
- * @ignore - do not document.
- */
-export const ResizableContainerRoot = styled('div', {
-  name: 'MuiResponsiveChart',
-  slot: 'Container'
-})(({
-  ownerState
-}) => ({
-  width: ownerState.width ?? '100%',
-  height: ownerState.height ?? '100%',
-  display: 'flex',
-  position: 'relative',
-  flexGrow: 1,
-  flexDirection: 'column',
-  alignItems: 'center',
-  justifyContent: 'center',
-  overflow: 'hidden',
-  '&>svg': {
-    width: '100%',
-    height: '100%'
-  }
-}));
-
-/**
- * Wrapping div that take the shape of its parent.
- *
- * @ignore - do not document.
- */
-function ResizableContainer(props) {
-  const {
-    inHeight,
-    inWidth,
-    containerRef
-  } = useSize();
-  return /*#__PURE__*/_jsx(ResizableContainerRoot, _extends({}, props, {
-    ownerState: {
-      width: inWidth,
-      height: inHeight
-    },
-    ref: containerRef,
-    children: props.children
-  }));
-}
-process.env.NODE_ENV !== "production" ? ResizableContainer.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  children: PropTypes.node
-} : void 0;
-export { ResizableContainer };

package/modern/context/InteractionProvider.js

@@ -1,22 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { useCharts } from "../internals/useCharts.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const ChartsContext = /*#__PURE__*/React.createContext(null);
-if (process.env.NODE_ENV !== 'production') {
-  ChartsContext.displayName = 'ChartsContext';
-}
-function InteractionProvider(props) {
-  const {
-    children
-  } = props;
-  const {
-    contextValue
-  } = useCharts();
-  return /*#__PURE__*/_jsx(ChartsContext.Provider, {
-    value: contextValue,
-    children: children
-  });
-}
-export { InteractionProvider };

package/modern/context/SvgRefProvider/SvgRefContext.js

@@ -1,17 +0,0 @@
-'use client';
-
-import * as React from 'react';
-export const SvgRefContext = /*#__PURE__*/React.createContext({
-  isInitialized: false,
-  data: {
-    svgRef: {
-      current: null
-    },
-    surfaceRef: {
-      current: null
-    }
-  }
-});
-if (process.env.NODE_ENV !== 'production') {
-  SvgRefContext.displayName = 'SvgRefContext';
-}

package/modern/context/SvgRefProvider/SvgRefProvider.js

@@ -1,24 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import useForkRef from '@mui/utils/useForkRef';
-import { SvgRefContext } from "./SvgRefContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function SvgRefProvider(props) {
-  const {
-    children
-  } = props;
-  const svgRef = React.useRef(null);
-  const surfaceRef = useForkRef(svgRef);
-  const refValue = React.useMemo(() => ({
-    isInitialized: true,
-    data: {
-      svgRef,
-      surfaceRef
-    }
-  }), [svgRef, surfaceRef]);
-  return /*#__PURE__*/_jsx(SvgRefContext.Provider, {
-    value: refValue,
-    children: children
-  });
-}

package/modern/context/SvgRefProvider/index.js

@@ -1,4 +0,0 @@
-export * from "./SvgRef.types.js";
-export * from "./SvgRefProvider.js";
-export * from "./SvgRefContext.js";
-export * from "./useSurfaceRef.js";

package/modern/context/SvgRefProvider/useSurfaceRef.js

@@ -1,14 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { SvgRefContext } from "./SvgRefContext.js";
-export function useSurfaceRef() {
-  const {
-    isInitialized,
-    data
-  } = React.useContext(SvgRefContext);
-  if (!isInitialized) {
-    throw new Error(['MUI X: Could not find the svg ref context.', 'It looks like you rendered your component outside of a ChartsContainer parent component.'].join('\n'));
-  }
-  return data.surfaceRef;
-}

package/modern/internals/plugins/utils/ChartsStore.js

@@ -1,26 +0,0 @@
-// For now this is fixed. Will need to support generic if we add plugins
-
-export class ChartsStore {
-  constructor(value) {
-    this.value = void 0;
-    this.listeners = void 0;
-    this.subscribe = fn => {
-      this.listeners.add(fn);
-      return () => {
-        this.listeners.delete(fn);
-      };
-    };
-    this.getSnapshot = () => {
-      return this.value;
-    };
-    this.update = updater => {
-      const newState = updater(this.value);
-      if (newState !== this.value) {
-        this.value = newState;
-        this.listeners.forEach(l => l(newState));
-      }
-    };
-    this.value = value;
-    this.listeners = new Set();
-  }
-}

package/modern/internals/useCharts.js

@@ -1,29 +0,0 @@
-import * as React from 'react';
-import { ChartStore } from "./plugins/utils/ChartStore.js";
-let globalId = 0;
-export function useCharts() {
-  const storeRef = React.useRef(null);
-  if (storeRef.current == null) {
-    // eslint-disable-next-line react-compiler/react-compiler
-    globalId += 1;
-    const initialState = {
-      interaction: {
-        item: null,
-        axis: {
-          x: null,
-          y: null
-        }
-      },
-      cacheKey: {
-        id: globalId
-      }
-    };
-    storeRef.current = new ChartStore(initialState);
-  }
-  const contextValue = React.useMemo(() => ({
-    store: storeRef.current
-  }), []);
-  return {
-    contextValue
-  };
-}

package/node/ChartContainer/ResizableContainer.js

@@ -1,68 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ResizableContainer = ResizableContainer;
-exports.ResizableContainerRoot = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@mui/material/styles");
-var _SizeProvider = require("../context/SizeProvider");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Wrapping div that take the shape of its parent.
- *
- * @ignore - do not document.
- */
-const ResizableContainerRoot = exports.ResizableContainerRoot = (0, _styles.styled)('div', {
-  name: 'MuiResponsiveChart',
-  slot: 'Container'
-})(({
-  ownerState
-}) => ({
-  width: ownerState.width ?? '100%',
-  height: ownerState.height ?? '100%',
-  display: 'flex',
-  position: 'relative',
-  flexGrow: 1,
-  flexDirection: 'column',
-  alignItems: 'center',
-  justifyContent: 'center',
-  overflow: 'hidden',
-  '&>svg': {
-    width: '100%',
-    height: '100%'
-  }
-}));
-
-/**
- * Wrapping div that take the shape of its parent.
- *
- * @ignore - do not document.
- */
-function ResizableContainer(props) {
-  const {
-    inHeight,
-    inWidth,
-    containerRef
-  } = (0, _SizeProvider.useSize)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ResizableContainerRoot, (0, _extends2.default)({}, props, {
-    ownerState: {
-      width: inWidth,
-      height: inHeight
-    },
-    ref: containerRef,
-    children: props.children
-  }));
-}
-process.env.NODE_ENV !== "production" ? ResizableContainer.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
-} : void 0;

package/node/context/InteractionProvider.js

@@ -1,28 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChartsContext = void 0;
-exports.InteractionProvider = InteractionProvider;
-var React = _interopRequireWildcard(require("react"));
-var _useCharts = require("../internals/useCharts");
-var _jsxRuntime = require("react/jsx-runtime");
-const ChartsContext = exports.ChartsContext = /*#__PURE__*/React.createContext(null);
-if (process.env.NODE_ENV !== 'production') {
-  ChartsContext.displayName = 'ChartsContext';
-}
-function InteractionProvider(props) {
-  const {
-    children
-  } = props;
-  const {
-    contextValue
-  } = (0, _useCharts.useCharts)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ChartsContext.Provider, {
-    value: contextValue,
-    children: children
-  });
-}

package/node/context/SvgRefProvider/SvgRefContext.js

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

package/node/context/SvgRefProvider/SvgRefProvider.js

@@ -1,31 +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.SvgRefProvider = SvgRefProvider;
-var React = _interopRequireWildcard(require("react"));
-var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
-var _SvgRefContext = require("./SvgRefContext");
-var _jsxRuntime = require("react/jsx-runtime");
-function SvgRefProvider(props) {
-  const {
-    children
-  } = props;
-  const svgRef = React.useRef(null);
-  const surfaceRef = (0, _useForkRef.default)(svgRef);
-  const refValue = React.useMemo(() => ({
-    isInitialized: true,
-    data: {
-      svgRef,
-      surfaceRef
-    }
-  }), [svgRef, surfaceRef]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SvgRefContext.SvgRefContext.Provider, {
-    value: refValue,
-    children: children
-  });
-}

package/node/context/SvgRefProvider/index.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _SvgRef = require("./SvgRef.types");
-Object.keys(_SvgRef).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _SvgRef[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _SvgRef[key];
-    }
-  });
-});
-var _SvgRefProvider = require("./SvgRefProvider");
-Object.keys(_SvgRefProvider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _SvgRefProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _SvgRefProvider[key];
-    }
-  });
-});
-var _SvgRefContext = require("./SvgRefContext");
-Object.keys(_SvgRefContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _SvgRefContext[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _SvgRefContext[key];
-    }
-  });
-});
-var _useSurfaceRef = require("./useSurfaceRef");
-Object.keys(_useSurfaceRef).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useSurfaceRef[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useSurfaceRef[key];
-    }
-  });
-});

package/node/context/SvgRefProvider/useSurfaceRef.js

@@ -1,20 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSurfaceRef = useSurfaceRef;
-var React = _interopRequireWildcard(require("react"));
-var _SvgRefContext = require("./SvgRefContext");
-function useSurfaceRef() {
-  const {
-    isInitialized,
-    data
-  } = React.useContext(_SvgRefContext.SvgRefContext);
-  if (!isInitialized) {
-    throw new Error(['MUI X: Could not find the svg ref context.', 'It looks like you rendered your component outside of a ChartsContainer parent component.'].join('\n'));
-  }
-  return data.surfaceRef;
-}

package/node/internals/plugins/utils/ChartsStore.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChartsStore = void 0;
-// For now this is fixed. Will need to support generic if we add plugins
-
-class ChartsStore {
-  constructor(value) {
-    this.value = void 0;
-    this.listeners = void 0;
-    this.subscribe = fn => {
-      this.listeners.add(fn);
-      return () => {
-        this.listeners.delete(fn);
-      };
-    };
-    this.getSnapshot = () => {
-      return this.value;
-    };
-    this.update = updater => {
-      const newState = updater(this.value);
-      if (newState !== this.value) {
-        this.value = newState;
-        this.listeners.forEach(l => l(newState));
-      }
-    };
-    this.value = value;
-    this.listeners = new Set();
-  }
-}
-exports.ChartsStore = ChartsStore;

package/node/internals/useCharts.js

@@ -1,36 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCharts = useCharts;
-var React = _interopRequireWildcard(require("react"));
-var _ChartStore = require("./plugins/utils/ChartStore");
-let globalId = 0;
-function useCharts() {
-  const storeRef = React.useRef(null);
-  if (storeRef.current == null) {
-    // eslint-disable-next-line react-compiler/react-compiler
-    globalId += 1;
-    const initialState = {
-      interaction: {
-        item: null,
-        axis: {
-          x: null,
-          y: null
-        }
-      },
-      cacheKey: {
-        id: globalId
-      }
-    };
-    storeRef.current = new _ChartStore.ChartStore(initialState);
-  }
-  const contextValue = React.useMemo(() => ({
-    store: storeRef.current
-  }), []);
-  return {
-    contextValue
-  };
-}