@mui/x-charts-premium 8.26.0 → 9.0.0-alpha.0

package/ChartDataProviderPremium/useChartDataProviderPremiumProps.d.ts

@@ -4,7 +4,7 @@ import type { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
 export declare const useChartDataProviderPremiumProps: <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderPremiumProps<TSeries, TSignatures>) => {
   children: import("react").ReactNode;
   localeText: Partial<import("@mui/x-charts/locales").ChartsLocaleText> | undefined;
-  chartProviderProps: import("@mui/x-charts/internals").ChartProviderProps<TSeries, TSignatures>;
-  slots: Partial<import("@mui/x-charts/internals").ChartsSlots> | undefined;
-  slotProps: Partial<import("@mui/x-charts/internals").ChartsSlotProps> | undefined;
+  chartProviderProps: import("@mui/x-charts/internals").ChartProviderProps<keyof import("@mui/x-charts/internals").ChartsSeriesConfig, TSignatures>;
+  slots: Partial<import("@mui/x-charts").ChartDataProviderSlots> | undefined;
+  slotProps: Partial<import("@mui/x-charts").ChartDataProviderSlotProps> | undefined;
 };

package/ChartZoomSlider/internals/previews/RangeBarPreviewPlot.js

@@ -35,7 +35,7 @@ function RangeBarPreviewPlot(props) {
         height
       }) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarChart.BarElement, {
-          id: seriesId,
+          seriesId: seriesId,
           dataIndex: dataIndex,
           color: color,
           skipAnimation: true,

package/ChartsContainer/index.d.ts

@@ -0,0 +1 @@
+export * from '@mui/x-charts/ChartsContainer';

package/ChartsContainer/index.js

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

package/ChartsContainerPremium/ChartsContainerPremium.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { type ChartsSurfaceProps } from '@mui/x-charts/ChartsSurface';
+import { type ChartAnyPluginSignature, type ChartSeriesType } from '@mui/x-charts/internals';
+import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
+import { type ChartDataProviderPremiumProps } from "../ChartDataProviderPremium/index.js";
+export interface ChartsContainerPremiumSlots {}
+export interface ChartsContainerPremiumSlotProps {}
+export type ChartsContainerPremiumProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>> = ChartDataProviderPremiumProps<TSeries, TSignatures> & ChartsSurfaceProps;
+type ChartsContainerPremiumComponent = <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartsContainerPremiumProps<TSeries, TSignatures> & {
+  ref?: React.ForwardedRef<SVGSVGElement>;
+}) => React.JSX.Element;
+/**
+ * It sets up the data providers as well as the `<svg>` for the chart.
+ *
+ * This is a combination of both the `ChartDataProviderPremium` and `ChartsSurface` components.
+ *
+ * Demos:
+ *
+ * - [Composition](https://mui.com/x/api/charts/composition/)
+ *
+ * API:
+ *
+ * - [ChartsContainerPremium API](https://mui.com/x/api/charts/charts-container-premium/)
+ *
+ * @example
+ * ```jsx
+ * <ChartsContainerPremium
+ *   series={[{ label: "Label", type: "bar", data: [10, 20] }]}
+ *   xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
+ * >
+ *    <BarPlot />
+ *    <ChartsXAxis axisId="x-axis" />
+ * </ChartsContainerPremium>
+ * ```
+ */
+declare const ChartsContainerPremium: ChartsContainerPremiumComponent;
+export { ChartsContainerPremium };

package/ChartsContainerPremium/ChartsContainerPremium.js

@@ -0,0 +1,52 @@
+"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.ChartsContainerPremium = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _ChartsSurface = require("@mui/x-charts/ChartsSurface");
+var _ChartDataProviderPremium = require("../ChartDataProviderPremium");
+var _useChartsContainerPremiumProps = require("./useChartsContainerPremiumProps");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * It sets up the data providers as well as the `<svg>` for the chart.
+ *
+ * This is a combination of both the `ChartDataProviderPremium` and `ChartsSurface` components.
+ *
+ * Demos:
+ *
+ * - [Composition](https://mui.com/x/api/charts/composition/)
+ *
+ * API:
+ *
+ * - [ChartsContainerPremium API](https://mui.com/x/api/charts/charts-container-premium/)
+ *
+ * @example
+ * ```jsx
+ * <ChartsContainerPremium
+ *   series={[{ label: "Label", type: "bar", data: [10, 20] }]}
+ *   xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
+ * >
+ *    <BarPlot />
+ *    <ChartsXAxis axisId="x-axis" />
+ * </ChartsContainerPremium>
+ * ```
+ */
+const ChartsContainerPremium = exports.ChartsContainerPremium = /*#__PURE__*/React.forwardRef(function ChartsContainerPremium(props, ref) {
+  const {
+    chartDataProviderPremiumProps,
+    children,
+    chartsSurfaceProps
+  } = (0, _useChartsContainerPremiumProps.useChartsContainerPremiumProps)(props, ref);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartDataProviderPremium.ChartDataProviderPremium, (0, _extends2.default)({}, chartDataProviderPremiumProps, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({}, chartsSurfaceProps, {
+      children: children
+    }))
+  }));
+});
+if (process.env.NODE_ENV !== "production") ChartsContainerPremium.displayName = "ChartsContainerPremium";

package/ChartsContainerPremium/index.d.ts

@@ -0,0 +1,2 @@
+import "../typeOverloads/index.js";
+export * from "./ChartsContainerPremium.js";

package/ChartsContainerPremium/index.js

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

package/ChartsContainerPremium/useChartsContainerPremiumProps.d.ts

@@ -0,0 +1,9 @@
+import type * as React from 'react';
+import { type ChartAnyPluginSignature, type ChartSeriesType, type UseChartsContainerPropsReturnValue } from '@mui/x-charts/internals';
+import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
+import type { ChartsContainerPremiumProps } from "./ChartsContainerPremium.js";
+import type { ChartDataProviderPremiumProps } from "../ChartDataProviderPremium/index.js";
+export type UseChartsContainerPremiumPropsReturnValue<TSeries extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = Pick<UseChartsContainerPropsReturnValue<TSeries, TSignatures>, 'chartsSurfaceProps' | 'children'> & {
+  chartDataProviderPremiumProps: ChartDataProviderPremiumProps<TSeries, TSignatures>;
+};
+export declare function useChartsContainerPremiumProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartsContainerPremiumProps<TSeries, TSignatures>, ref: React.Ref<SVGSVGElement>): UseChartsContainerPremiumPropsReturnValue<TSeries, TSignatures>;

package/ChartsContainerPremium/useChartsContainerPremiumProps.js

@@ -0,0 +1,33 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChartsContainerPremiumProps = useChartsContainerPremiumProps;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _internals = require("@mui/x-charts-pro/internals");
+var _allPlugins = require("../internals/plugins/allPlugins");
+const _excluded = ["initialZoom", "zoomData", "onZoomChange", "zoomInteractionConfig", "plugins", "apiRef"];
+function useChartsContainerPremiumProps(props, ref) {
+  const _ref = props,
+    {
+      plugins
+    } = _ref,
+    baseProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  const {
+    chartDataProviderProProps,
+    chartsSurfaceProps,
+    children
+  } = (0, _internals.useChartsContainerProProps)(baseProps, ref);
+  const chartDataProviderPremiumProps = (0, _extends2.default)({}, chartDataProviderProProps, {
+    plugins: plugins ?? _allPlugins.DEFAULT_PLUGINS
+  });
+  return {
+    chartDataProviderPremiumProps,
+    chartsSurfaceProps,
+    children
+  };
+}

package/ChartsContainerPro/index.d.ts

@@ -0,0 +1 @@
+export * from '@mui/x-charts-pro/ChartsContainerPro';

package/ChartsContainerPro/index.js

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

package/HeatmapPremium/HeatmapPlotPremium.d.ts

@@ -0,0 +1,9 @@
+import { type HeatmapRendererPlotProps } from '@mui/x-charts-pro/internals';
+export interface HeatmapPlotPremiumProps extends HeatmapRendererPlotProps {
+  renderer: 'svg-single' | 'webgl';
+}
+export declare function HeatmapPlotPremium({
+  renderer,
+  borderRadius,
+  ...props
+}: HeatmapPlotPremiumProps): import("react/jsx-runtime").JSX.Element;

package/HeatmapPremium/HeatmapPlotPremium.js

@@ -0,0 +1,29 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HeatmapPlotPremium = HeatmapPlotPremium;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _internals = require("@mui/x-charts-pro/internals");
+var _HeatmapWebGLRenderer = require("./webgl/HeatmapWebGLRenderer");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["renderer", "borderRadius"];
+function HeatmapPlotPremium(_ref) {
+  let {
+      renderer,
+      borderRadius
+    } = _ref,
+    props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  if (renderer === 'webgl') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeatmapWebGLRenderer.HeatmapWebGLRenderer, {
+      borderRadius: borderRadius
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.HeatmapSVGPlot, (0, _extends2.default)({
+    borderRadius: borderRadius
+  }, props));
+}

package/HeatmapPremium/HeatmapPremium.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { type HeatmapProps, type HeatmapSlots, type HeatmapSlotProps } from '@mui/x-charts-pro/Heatmap';
+export interface HeatmapPremiumSlots extends HeatmapSlots {}
+export interface HeatmapPremiumSlotProps extends HeatmapSlotProps {}
+export interface HeatmapPremiumProps extends HeatmapProps {
+  /**
+   * The type of renderer to use for the heatmap plot.
+   * - `svg-single`: Renders every scatter item in a `<rect />` element.
+   * - `webgl`: Renders heatmap cells using WebGL for better performance, at the cost of some limitations.
+   *                Read more: https://mui.com/x/react-charts/heatmap/#performance
+   */
+  renderer?: 'svg-single' | 'webgl';
+}
+declare const HeatmapPremium: React.ForwardRefExoticComponent<HeatmapPremiumProps & React.RefAttributes<SVGSVGElement>>;
+export { HeatmapPremium };