@mui/x-charts-premium 8.27.2 → 8.27.4

package/esm/ChartsDataProviderPremium/ChartsDataProviderPremium.js

@@ -0,0 +1,148 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import PropTypes from 'prop-types';
+import { Watermark } from '@mui/x-license/Watermark';
+import { ChartsProvider, ChartsSlotsProvider } from '@mui/x-charts/internals';
+import { ChartsLocalizationProvider } from '@mui/x-charts/ChartsLocalizationProvider';
+import { defaultSlotsMaterial } from '@mui/x-charts-pro/internals';
+import { useLicenseVerifier } from '@mui/x-license/useLicenseVerifier';
+import { defaultSeriesConfigPro } from '@mui/x-charts-pro/internals';
+import { rangeBarSeriesConfig } from "../BarChartPremium/RangeBar/seriesConfig/index.js";
+import { DEFAULT_PLUGINS } from "../internals/plugins/allPlugins.js";
+import { useChartsDataProviderPremiumProps } from "./useChartsDataProviderPremiumProps.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const releaseInfo = "MTc3MjY2ODgwMDAwMA==";
+const packageIdentifier = 'x-charts-premium';
+export const defaultSeriesConfigPremium = _extends({}, defaultSeriesConfigPro, {
+  rangeBar: rangeBarSeriesConfig
+});
+
+/**
+ * Orchestrates the data providers for the chart components and hooks.
+ *
+ * Use this component if you have custom HTML components that need to access the chart data.
+ *
+ * Demos:
+ *
+ * - [Composition](https://mui.com/x/api/charts/composition/)
+ *
+ * API:
+ *
+ * - [ChartsDataProviderPremium API](https://mui.com/x/api/charts/charts-data-provider-premium/)
+ *
+ * @example
+ * ```jsx
+ * <ChartsDataProviderPremium
+ *   series={[{ label: "Label", type: "bar", data: [10, 20] }]}
+ *   xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
+ * >
+ *   <ChartsSurface>
+ *      <BarPlot />
+ *      <ChartsXAxis axisId="x-axis" />
+ *   </ChartsSurface>
+ *   {'Custom Legend Component'}
+ * </ChartsDataProviderPremium>
+ * ```
+ */
+function ChartsDataProviderPremium(props) {
+  const {
+    children,
+    localeText,
+    chartProviderProps,
+    slots,
+    slotProps
+  } = useChartsDataProviderPremiumProps(_extends({}, props, {
+    seriesConfig: props.seriesConfig ?? defaultSeriesConfigPremium,
+    plugins: props.plugins ?? DEFAULT_PLUGINS
+  }));
+  useLicenseVerifier(packageIdentifier, releaseInfo);
+  return /*#__PURE__*/_jsxs(ChartsProvider, _extends({}, chartProviderProps, {
+    children: [/*#__PURE__*/_jsx(ChartsLocalizationProvider, {
+      localeText: localeText,
+      children: /*#__PURE__*/_jsx(ChartsSlotsProvider, {
+        slots: slots,
+        slotProps: slotProps,
+        defaultSlots: defaultSlotsMaterial,
+        children: children
+      })
+    }), /*#__PURE__*/_jsx(Watermark, {
+      packageName: packageIdentifier,
+      releaseInfo: releaseInfo
+    })]
+  }));
+}
+process.env.NODE_ENV !== "production" ? ChartsDataProviderPremium.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  apiRef: PropTypes.shape({
+    current: PropTypes.any
+  }),
+  /**
+   * Color palette used to colorize multiple series.
+   * @default rainbowSurgePalette
+   */
+  colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
+  /**
+   * An array of objects that can be used to populate series and axes data using their `dataKey` property.
+   */
+  dataset: PropTypes.arrayOf(PropTypes.object),
+  /**
+   * Options to enable features planned for the next major.
+   */
+  experimentalFeatures: PropTypes.shape({
+    preferStrictDomainInLineCharts: PropTypes.bool
+  }),
+  /**
+   * The height of the chart in px. If not defined, it takes the height of the parent element.
+   */
+  height: PropTypes.number,
+  /**
+   * This prop is used to help implement the accessibility logic.
+   * If you don't provide this prop. It falls back to a randomly generated id.
+   */
+  id: PropTypes.string,
+  /**
+   * Localized text for chart components.
+   */
+  localeText: PropTypes.object,
+  /**
+   * The margin between the SVG and the drawing area.
+   * It's used for leaving some space for extra information such as the x- and y-axis or legend.
+   *
+   * Accepts a `number` to be used on all sides or an object with the optional properties: `top`, `bottom`, `left`, and `right`.
+   */
+  margin: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+    bottom: PropTypes.number,
+    left: PropTypes.number,
+    right: PropTypes.number,
+    top: PropTypes.number
+  })]),
+  /**
+   * The array of series to display.
+   * Each type of series has its own specificity.
+   * Please refer to the appropriate docs page to learn more about it.
+   */
+  series: PropTypes.arrayOf(PropTypes.object),
+  /**
+   * If `true`, animations are skipped.
+   * If unset or `false`, the animations respects the user's `prefers-reduced-motion` setting.
+   */
+  skipAnimation: PropTypes.bool,
+  /**
+   * The props for the slots.
+   */
+  slotProps: PropTypes.object,
+  /**
+   * Slots to customize charts' components.
+   */
+  slots: PropTypes.object,
+  theme: PropTypes.oneOf(['dark', 'light']),
+  /**
+   * The width of the chart in px. If not defined, it takes the width of the parent element.
+   */
+  width: PropTypes.number
+} : void 0;
+export { ChartsDataProviderPremium };

package/esm/ChartsDataProviderPremium/index.d.ts

@@ -0,0 +1,2 @@
+import "../typeOverloads/index.js";
+export { ChartsDataProviderPremium, type ChartsDataProviderPremiumProps, type ChartsDataProviderPremiumSlots, type ChartsDataProviderPremiumSlotProps } from "./ChartsDataProviderPremium.js";

package/esm/ChartsDataProviderPremium/index.js

@@ -0,0 +1,2 @@
+import "../typeOverloads/index.js";
+export { ChartsDataProviderPremium } from "./ChartsDataProviderPremium.js";

package/esm/ChartsDataProviderPremium/useChartsDataProviderPremiumProps.d.ts

@@ -0,0 +1,10 @@
+import { type ChartAnyPluginSignature, type ChartSeriesType } from '@mui/x-charts/internals';
+import type { ChartsDataProviderPremiumProps } from "./ChartsDataProviderPremium.js";
+import type { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
+export declare const useChartsDataProviderPremiumProps: <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartsDataProviderPremiumProps<TSeries, TSignatures>) => {
+  children: import("react").ReactNode;
+  localeText: Partial<import("@mui/x-charts/locales").ChartsLocaleText> | undefined;
+  chartProviderProps: import("@mui/x-charts/internals").ChartsProviderProps<TSeries, TSignatures>;
+  slots: Partial<import("@mui/x-charts").ChartsDataProviderSlots> | undefined;
+  slotProps: Partial<import("@mui/x-charts").ChartsDataProviderSlotProps> | undefined;
+};

package/esm/ChartsDataProviderPremium/useChartsDataProviderPremiumProps.js

@@ -0,0 +1,19 @@
+'use client';
+
+import { useChartsDataProviderProps } from '@mui/x-charts/internals';
+export const useChartsDataProviderPremiumProps = props => {
+  const {
+    chartProviderProps,
+    localeText,
+    slots,
+    slotProps,
+    children
+  } = useChartsDataProviderProps(props);
+  return {
+    children,
+    localeText,
+    chartProviderProps,
+    slots,
+    slotProps
+  };
+};

package/esm/ChartsDataProviderPro/index.d.ts

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

package/esm/ChartsDataProviderPro/index.js

@@ -0,0 +1,2 @@
+// Re-export automatically generated, to customize, simply remove this line.
+export * from '@mui/x-charts-pro/ChartsDataProviderPro';

package/esm/ChartsZoomSlider/index.d.ts

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

package/esm/ChartsZoomSlider/index.js

@@ -0,0 +1,2 @@
+// Re-export automatically generated, to customize, simply remove this line.
+export * from '@mui/x-charts-pro/ChartsZoomSlider';

package/esm/context/useChartPremiumApiContext.d.ts

@@ -1,7 +1,7 @@
 import { type ChartPremiumApi } from "./ChartPremiumApi.js";
 /**
  * The `useChartPremiumApiContext` hook provides access to the chart API.
- * This is only available when the chart is rendered within a chart or a `ChartDataProviderPremium` component.
+ * This is only available when the chart is rendered within a chart or a `ChartsDataProviderPremium` component.
  * If you want to access the chart API outside those components, you should use the `apiRef` prop instead.
  * @example
  * const apiRef = useChartPremiumApiContext<ChartPremiumApi<'bar'>>();

package/esm/context/useChartPremiumApiContext.js

@@ -1,7 +1,7 @@
 import { useChartApiContext as useChartApiContextCommunity } from '@mui/x-charts/context';
 /**
  * The `useChartPremiumApiContext` hook provides access to the chart API.
- * This is only available when the chart is rendered within a chart or a `ChartDataProviderPremium` component.
+ * This is only available when the chart is rendered within a chart or a `ChartsDataProviderPremium` component.
  * If you want to access the chart API outside those components, you should use the `apiRef` prop instead.
  * @example
  * const apiRef = useChartPremiumApiContext<ChartPremiumApi<'bar'>>();

package/esm/index.d.ts

@@ -19,11 +19,15 @@ export * from '@mui/x-charts/SparkLineChart';
 export * from '@mui/x-charts/Gauge';
 export * from '@mui/x-charts/RadarChart';
 export * from '@mui/x-charts/ChartsSurface';
+export * from '@mui/x-charts/ChartsDataProvider';
 export * from '@mui/x-charts/ChartDataProvider';
 export * from '@mui/x-charts/ChartsLabel';
 export * from '@mui/x-charts-pro/Heatmap';
+export { ChartsContainerPro } from '@mui/x-charts-pro/ChartsContainerPro';
+export type { ChartsContainerProProps } from '@mui/x-charts-pro/ChartsContainerPro';
 export { ChartContainerPro } from '@mui/x-charts-pro/ChartContainerPro';
 export type { ChartContainerProProps } from '@mui/x-charts-pro/ChartContainerPro';
+export * from '@mui/x-charts-pro/ChartsDataProviderPro';
 export * from '@mui/x-charts-pro/ChartDataProviderPro';
 export * from '@mui/x-charts-pro/ScatterChartPro';
 export * from '@mui/x-charts-pro/BarChartPro';
@@ -31,6 +35,7 @@ export * from '@mui/x-charts-pro/LineChartPro';
 export * from '@mui/x-charts-pro/PieChartPro';
 export * from '@mui/x-charts-pro/FunnelChart';
 export * from '@mui/x-charts-pro/RadarChartPro';
+export * from '@mui/x-charts-pro/ChartsZoomSlider';
 export * from '@mui/x-charts-pro/ChartZoomSlider';
 export * from '@mui/x-charts-pro/ChartsToolbarPro';
 export * from "./colorPalettes/index.js";
@@ -40,6 +45,8 @@ export * from "./context/index.js";
 export * from "./models/index.js";
 export * from "./plugins/index.js";
 export * from "./ChartsRenderer/index.js";
+export * from "./ChartsDataProviderPremium/index.js";
 export * from "./ChartDataProviderPremium/index.js";
+export * from "./ChartsContainerPremium/index.js";
 export * from "./ChartContainerPremium/index.js";
 export * from "./BarChartPremium/index.js";

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-premium v8.27.2
+ * @mui/x-charts-premium v8.27.4
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the
@@ -28,12 +28,15 @@ export * from '@mui/x-charts/SparkLineChart';
 export * from '@mui/x-charts/Gauge';
 export * from '@mui/x-charts/RadarChart';
 export * from '@mui/x-charts/ChartsSurface';
+export * from '@mui/x-charts/ChartsDataProvider';
 export * from '@mui/x-charts/ChartDataProvider';
 export * from '@mui/x-charts/ChartsLabel';
 
 // Pro components
 export * from '@mui/x-charts-pro/Heatmap';
+export { ChartsContainerPro } from '@mui/x-charts-pro/ChartsContainerPro';
 export { ChartContainerPro } from '@mui/x-charts-pro/ChartContainerPro';
+export * from '@mui/x-charts-pro/ChartsDataProviderPro';
 export * from '@mui/x-charts-pro/ChartDataProviderPro';
 export * from '@mui/x-charts-pro/ScatterChartPro';
 export * from '@mui/x-charts-pro/BarChartPro';
@@ -41,6 +44,7 @@ export * from '@mui/x-charts-pro/LineChartPro';
 export * from '@mui/x-charts-pro/PieChartPro';
 export * from '@mui/x-charts-pro/FunnelChart';
 export * from '@mui/x-charts-pro/RadarChartPro';
+export * from '@mui/x-charts-pro/ChartsZoomSlider';
 export * from '@mui/x-charts-pro/ChartZoomSlider';
 export * from '@mui/x-charts-pro/ChartsToolbarPro';
 
@@ -56,6 +60,8 @@ export * from "./plugins/index.js";
 
 // Premium components
 export * from "./ChartsRenderer/index.js";
+export * from "./ChartsDataProviderPremium/index.js";
 export * from "./ChartDataProviderPremium/index.js";
+export * from "./ChartsContainerPremium/index.js";
 export * from "./ChartContainerPremium/index.js";
 export * from "./BarChartPremium/index.js";

package/index.d.ts

@@ -19,11 +19,15 @@ export * from '@mui/x-charts/SparkLineChart';
 export * from '@mui/x-charts/Gauge';
 export * from '@mui/x-charts/RadarChart';
 export * from '@mui/x-charts/ChartsSurface';
+export * from '@mui/x-charts/ChartsDataProvider';
 export * from '@mui/x-charts/ChartDataProvider';
 export * from '@mui/x-charts/ChartsLabel';
 export * from '@mui/x-charts-pro/Heatmap';
+export { ChartsContainerPro } from '@mui/x-charts-pro/ChartsContainerPro';
+export type { ChartsContainerProProps } from '@mui/x-charts-pro/ChartsContainerPro';
 export { ChartContainerPro } from '@mui/x-charts-pro/ChartContainerPro';
 export type { ChartContainerProProps } from '@mui/x-charts-pro/ChartContainerPro';
+export * from '@mui/x-charts-pro/ChartsDataProviderPro';
 export * from '@mui/x-charts-pro/ChartDataProviderPro';
 export * from '@mui/x-charts-pro/ScatterChartPro';
 export * from '@mui/x-charts-pro/BarChartPro';
@@ -31,6 +35,7 @@ export * from '@mui/x-charts-pro/LineChartPro';
 export * from '@mui/x-charts-pro/PieChartPro';
 export * from '@mui/x-charts-pro/FunnelChart';
 export * from '@mui/x-charts-pro/RadarChartPro';
+export * from '@mui/x-charts-pro/ChartsZoomSlider';
 export * from '@mui/x-charts-pro/ChartZoomSlider';
 export * from '@mui/x-charts-pro/ChartsToolbarPro';
 export * from "./colorPalettes/index.js";
@@ -40,6 +45,8 @@ export * from "./context/index.js";
 export * from "./models/index.js";
 export * from "./plugins/index.js";
 export * from "./ChartsRenderer/index.js";
+export * from "./ChartsDataProviderPremium/index.js";
 export * from "./ChartDataProviderPremium/index.js";
+export * from "./ChartsContainerPremium/index.js";
 export * from "./ChartContainerPremium/index.js";
 export * from "./BarChartPremium/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-premium v8.27.2
+ * @mui/x-charts-premium v8.27.4
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the
@@ -11,6 +11,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
+  ChartsContainerPro: true,
   ChartContainerPro: true
 };
 Object.defineProperty(exports, "ChartContainerPro", {
@@ -19,6 +20,12 @@ Object.defineProperty(exports, "ChartContainerPro", {
     return _ChartContainerPro.ChartContainerPro;
   }
 });
+Object.defineProperty(exports, "ChartsContainerPro", {
+  enumerable: true,
+  get: function () {
+    return _ChartsContainerPro.ChartsContainerPro;
+  }
+});
 require("@mui/x-charts-pro/typeOverloads");
 require("./typeOverloads/modules");
 var _ChartsClipPath = require("@mui/x-charts/ChartsClipPath");
@@ -249,6 +256,18 @@ Object.keys(_ChartsSurface).forEach(function (key) {
     }
   });
 });
+var _ChartsDataProvider = require("@mui/x-charts/ChartsDataProvider");
+Object.keys(_ChartsDataProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChartsDataProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsDataProvider[key];
+    }
+  });
+});
 var _ChartDataProvider = require("@mui/x-charts/ChartDataProvider");
 Object.keys(_ChartDataProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -285,7 +304,20 @@ Object.keys(_Heatmap).forEach(function (key) {
     }
   });
 });
+var _ChartsContainerPro = require("@mui/x-charts-pro/ChartsContainerPro");
 var _ChartContainerPro = require("@mui/x-charts-pro/ChartContainerPro");
+var _ChartsDataProviderPro = require("@mui/x-charts-pro/ChartsDataProviderPro");
+Object.keys(_ChartsDataProviderPro).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChartsDataProviderPro[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsDataProviderPro[key];
+    }
+  });
+});
 var _ChartDataProviderPro = require("@mui/x-charts-pro/ChartDataProviderPro");
 Object.keys(_ChartDataProviderPro).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -370,6 +402,18 @@ Object.keys(_RadarChartPro).forEach(function (key) {
     }
   });
 });
+var _ChartsZoomSlider = require("@mui/x-charts-pro/ChartsZoomSlider");
+Object.keys(_ChartsZoomSlider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChartsZoomSlider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsZoomSlider[key];
+    }
+  });
+});
 var _ChartZoomSlider = require("@mui/x-charts-pro/ChartZoomSlider");
 Object.keys(_ChartZoomSlider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -478,6 +522,18 @@ Object.keys(_ChartsRenderer).forEach(function (key) {
     }
   });
 });
+var _ChartsDataProviderPremium = require("./ChartsDataProviderPremium");
+Object.keys(_ChartsDataProviderPremium).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChartsDataProviderPremium[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsDataProviderPremium[key];
+    }
+  });
+});
 var _ChartDataProviderPremium = require("./ChartDataProviderPremium");
 Object.keys(_ChartDataProviderPremium).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -490,6 +546,18 @@ Object.keys(_ChartDataProviderPremium).forEach(function (key) {
     }
   });
 });
+var _ChartsContainerPremium = require("./ChartsContainerPremium");
+Object.keys(_ChartsContainerPremium).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChartsContainerPremium[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsContainerPremium[key];
+    }
+  });
+});
 var _ChartContainerPremium = require("./ChartContainerPremium");
 Object.keys(_ChartContainerPremium).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts-premium",
-  "version": "8.27.2",
+  "version": "8.27.4",
   "author": "MUI Team",
   "description": "The Premium plan edition of the MUI X Charts components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -31,11 +31,11 @@
     "@mui/utils": "^7.3.5",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-charts": "8.27.0",
+    "@mui/x-charts": "8.27.4",
+    "@mui/x-license": "8.26.0",
     "@mui/x-charts-vendor": "8.26.0",
-    "@mui/x-charts-pro": "8.27.2",
-    "@mui/x-internals": "8.26.0",
-    "@mui/x-license": "8.26.0"
+    "@mui/x-charts-pro": "8.27.4",
+    "@mui/x-internals": "8.26.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",