@mui/x-charts-premium 8.21.0 → 8.22.1

package/esm/BarChartPremium/BarChartPremium.plugins.d.ts

@@ -0,0 +1,4 @@
+import { type ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
+import { type BarChartProPluginSignatures } from '@mui/x-charts-pro/BarChartPro';
+export type BarChartPremiumPluginSignatures = BarChartProPluginSignatures;
+export declare const BAR_CHART_PREMIUM_PLUGINS: ConvertSignaturesIntoPlugins<BarChartPremiumPluginSignatures>;

package/esm/BarChartPremium/BarChartPremium.plugins.js

@@ -0,0 +1,2 @@
+import { BAR_CHART_PRO_PLUGINS } from '@mui/x-charts-pro/BarChartPro';
+export const BAR_CHART_PREMIUM_PLUGINS = BAR_CHART_PRO_PLUGINS;

package/esm/BarChartPremium/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./BarChartPremium.js";
+export * from "./BarChartPremium.plugins.js";

package/esm/BarChartPremium/index.js

@@ -0,0 +1,2 @@
+export * from "./BarChartPremium.js";
+export * from "./BarChartPremium.plugins.js";

package/esm/BarChartPremium/useBarChartPremiumProps.d.ts

@@ -0,0 +1,23 @@
+import { type BarChartPremiumProps } from "./BarChartPremium.js";
+/**
+ * A helper function that extracts BarChartPremiumProps from the input props
+ * and returns an object with props for the children components of BarChartPremium.
+ *
+ * @param props The input props for BarChartPremium
+ * @returns An object with props for the children components of BarChartPremium
+ */
+export declare function useBarChartPremiumProps(props: BarChartPremiumProps): {
+  chartsWrapperProps: Omit<import("@mui/x-charts").ChartsWrapperProps, "children">;
+  chartContainerProps: import("@mui/x-charts").ChartContainerProps<"bar", import("@mui/x-charts").BarChartPluginSignatures>;
+  barPlotProps: import("@mui/x-charts").BarPlotProps;
+  gridProps: import("@mui/x-charts").ChartsGridProps;
+  clipPathProps: import("@mui/x-charts").ChartsClipPathProps;
+  clipPathGroupProps: {
+    clipPath: string;
+  };
+  overlayProps: import("@mui/x-charts/ChartsOverlay").ChartsOverlayProps;
+  chartsAxisProps: import("@mui/x-charts").ChartsAxisProps;
+  axisHighlightProps: import("@mui/x-charts").ChartsAxisHighlightProps;
+  legendProps: import("@mui/x-charts").ChartsLegendSlotExtension;
+  children: React.ReactNode;
+};

package/esm/BarChartPremium/useBarChartPremiumProps.js

@@ -0,0 +1,11 @@
+import { useBarChartProps } from '@mui/x-charts/internals';
+/**
+ * A helper function that extracts BarChartPremiumProps from the input props
+ * and returns an object with props for the children components of BarChartPremium.
+ *
+ * @param props The input props for BarChartPremium
+ * @returns An object with props for the children components of BarChartPremium
+ */
+export function useBarChartPremiumProps(props) {
+  return useBarChartProps(props);
+}

package/esm/ChartDataProviderPremium/ChartDataProviderPremium.d.ts

@@ -0,0 +1,46 @@
+import { type ChartSeriesType, type ChartAnyPluginSignature, type ChartProviderProps } from '@mui/x-charts/internals';
+import { type ChartDataProviderProProps } from '@mui/x-charts-pro/ChartDataProviderPro';
+import { type ChartsSlotPropsPro, type ChartsSlotsPro } from '@mui/x-charts-pro/internals';
+import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
+export type ChartDataProviderPremiumProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>> = ChartDataProviderProProps<TSeries, TSignatures> & ChartProviderProps<TSeries, TSignatures>['pluginParams'] & {
+  /**
+   * Slots to customize charts' components.
+   */
+  slots?: Partial<ChartsSlotsPro>;
+  /**
+   * The props for the slots.
+   */
+  slotProps?: Partial<ChartsSlotPropsPro>;
+};
+/**
+ * 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:
+ *
+ * - [ChartDataProviderPro API](https://mui.com/x/api/charts/chart-data-provider/)
+ *
+ * @example
+ * ```jsx
+ * <ChartDataProviderPro
+ *   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'}
+ * </ChartDataProviderPro>
+ * ```
+ */
+declare function ChartDataProviderPremium<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderPremiumProps<TSeries, TSignatures>): import("react/jsx-runtime").JSX.Element;
+declare namespace ChartDataProviderPremium {
+  var propTypes: any;
+}
+export { ChartDataProviderPremium };

package/esm/ChartDataProviderPremium/ChartDataProviderPremium.js

@@ -0,0 +1,140 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import PropTypes from 'prop-types';
+import { Watermark } from '@mui/x-license/Watermark';
+import { ChartProvider, ChartsSlotsProvider, defaultSlotsMaterial } from '@mui/x-charts/internals';
+import { ChartsLocalizationProvider } from '@mui/x-charts/ChartsLocalizationProvider';
+import { useLicenseVerifier } from '@mui/x-license/useLicenseVerifier';
+import { DEFAULT_PLUGINS } from "../internals/plugins/allPlugins.js";
+import { useChartDataProviderPremiumProps } from "./useChartDataProviderPremiumProps.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const releaseInfo = "MTc2NjAxNjAwMDAwMA==";
+const packageIdentifier = 'x-charts-premium';
+/**
+ * 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:
+ *
+ * - [ChartDataProviderPro API](https://mui.com/x/api/charts/chart-data-provider/)
+ *
+ * @example
+ * ```jsx
+ * <ChartDataProviderPro
+ *   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'}
+ * </ChartDataProviderPro>
+ * ```
+ */
+function ChartDataProviderPremium(props) {
+  const {
+    children,
+    localeText,
+    chartProviderProps,
+    slots,
+    slotProps
+  } = useChartDataProviderPremiumProps(_extends({}, props, {
+    plugins: props.plugins ?? DEFAULT_PLUGINS
+  }));
+  useLicenseVerifier(packageIdentifier, releaseInfo);
+  return /*#__PURE__*/_jsxs(ChartProvider, _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" ? ChartDataProviderPremium.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 { ChartDataProviderPremium };

package/esm/ChartDataProviderPremium/index.d.ts

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

package/esm/ChartDataProviderPremium/index.js

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

package/esm/ChartDataProviderPremium/useChartDataProviderPremiumProps.d.ts

@@ -0,0 +1,10 @@
+import { type ChartAnyPluginSignature, type ChartSeriesType } from '@mui/x-charts/internals';
+import type { ChartDataProviderPremiumProps } from "./ChartDataProviderPremium.js";
+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;
+};

package/esm/ChartDataProviderPremium/useChartDataProviderPremiumProps.js

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

package/esm/ChartsRenderer/colors.d.ts

@@ -1,2 +1,2 @@
-import { ChartsColorPaletteCallback } from '@mui/x-charts/colorPalettes';
+import { type ChartsColorPaletteCallback } from '@mui/x-charts/colorPalettes';
 export declare const colorPaletteLookup: Map<string, ChartsColorPaletteCallback>;

package/esm/ChartsRenderer/configuration.d.ts

@@ -1,4 +1,4 @@
 import type { GridChartsConfigurationOptions } from '@mui/x-internals/types';
-import { ChartsLocaleText } from '@mui/x-charts/locales';
+import { type ChartsLocaleText } from '@mui/x-charts/locales';
 export declare const getLocalizedConfigurationOptions: (locale?: Partial<ChartsLocaleText>) => GridChartsConfigurationOptions;
 export declare const configurationOptions: GridChartsConfigurationOptions;

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-premium v8.21.0
+ * @mui/x-charts-premium v8.22.1
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/esm/internals/plugins/allPlugins.d.ts

@@ -0,0 +1,8 @@
+import { type ChartSeriesType, type ConvertSignaturesIntoPlugins, type UseChartCartesianAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartZAxisSignature, type UseChartHighlightSignature, type UseChartPolarAxisSignature, type UseChartBrushSignature } from '@mui/x-charts/internals';
+import { type UseChartProExportSignature, type UseChartProZoomSignature } from '@mui/x-charts-pro/plugins';
+export type AllPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<TSeries>, UseChartPolarAxisSignature<TSeries>, UseChartHighlightSignature, UseChartProZoomSignature, UseChartProExportSignature];
+export type AllPluginsType<TSeries extends ChartSeriesType = ChartSeriesType> = ConvertSignaturesIntoPlugins<AllPluginSignatures<TSeries>>;
+export declare const ALL_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartTooltipSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartPolarAxisSignature<any>>)[];
+export type DefaultPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<TSeries>, UseChartPolarAxisSignature<TSeries>, UseChartHighlightSignature, UseChartProZoomSignature, UseChartProExportSignature];
+export type DefaultPluginsType<TSeries extends ChartSeriesType = ChartSeriesType> = ConvertSignaturesIntoPlugins<DefaultPluginSignatures<TSeries>>;
+export declare const DEFAULT_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartTooltipSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>>)[];

package/esm/internals/plugins/allPlugins.js

@@ -0,0 +1,6 @@
+// This file should be removed after creating all plugins in favor of a file per chart type.
+
+import { useChartCartesianAxis, useChartTooltip, useChartInteraction, useChartZAxis, useChartHighlight, useChartPolarAxis, useChartBrush } from '@mui/x-charts/internals';
+import { useChartProExport, useChartProZoom } from '@mui/x-charts-pro/plugins';
+export const ALL_PLUGINS = [useChartZAxis, useChartBrush, useChartTooltip, useChartInteraction, useChartCartesianAxis, useChartPolarAxis, useChartHighlight, useChartProZoom, useChartProExport];
+export const DEFAULT_PLUGINS = [useChartZAxis, useChartBrush, useChartTooltip, useChartInteraction, useChartCartesianAxis, useChartHighlight, useChartProZoom, useChartProExport];

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-premium v8.21.0
+ * @mui/x-charts-premium v8.22.1
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/internals/plugins/allPlugins.d.ts

@@ -0,0 +1,8 @@
+import { type ChartSeriesType, type ConvertSignaturesIntoPlugins, type UseChartCartesianAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartZAxisSignature, type UseChartHighlightSignature, type UseChartPolarAxisSignature, type UseChartBrushSignature } from '@mui/x-charts/internals';
+import { type UseChartProExportSignature, type UseChartProZoomSignature } from '@mui/x-charts-pro/plugins';
+export type AllPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<TSeries>, UseChartPolarAxisSignature<TSeries>, UseChartHighlightSignature, UseChartProZoomSignature, UseChartProExportSignature];
+export type AllPluginsType<TSeries extends ChartSeriesType = ChartSeriesType> = ConvertSignaturesIntoPlugins<AllPluginSignatures<TSeries>>;
+export declare const ALL_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartTooltipSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartPolarAxisSignature<any>>)[];
+export type DefaultPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<TSeries>, UseChartPolarAxisSignature<TSeries>, UseChartHighlightSignature, UseChartProZoomSignature, UseChartProExportSignature];
+export type DefaultPluginsType<TSeries extends ChartSeriesType = ChartSeriesType> = ConvertSignaturesIntoPlugins<DefaultPluginSignatures<TSeries>>;
+export declare const DEFAULT_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartTooltipSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>>)[];

package/internals/plugins/allPlugins.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_PLUGINS = exports.ALL_PLUGINS = void 0;
+var _internals = require("@mui/x-charts/internals");
+var _plugins = require("@mui/x-charts-pro/plugins");
+// This file should be removed after creating all plugins in favor of a file per chart type.
+
+const ALL_PLUGINS = exports.ALL_PLUGINS = [_internals.useChartZAxis, _internals.useChartBrush, _internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartCartesianAxis, _internals.useChartPolarAxis, _internals.useChartHighlight, _plugins.useChartProZoom, _plugins.useChartProExport];
+const DEFAULT_PLUGINS = exports.DEFAULT_PLUGINS = [_internals.useChartZAxis, _internals.useChartBrush, _internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartCartesianAxis, _internals.useChartHighlight, _plugins.useChartProZoom, _plugins.useChartProExport];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts-premium",
-  "version": "8.21.0",
+  "version": "8.22.1",
   "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-pro": "8.21.0",
-    "@mui/x-charts-vendor": "8.21.0",
-    "@mui/x-license": "8.21.0",
-    "@mui/x-internals": "8.21.0",
-    "@mui/x-charts": "8.21.0"
+    "@mui/x-charts": "8.22.1",
+    "@mui/x-charts-vendor": "8.22.0",
+    "@mui/x-internals": "8.22.0",
+    "@mui/x-charts-pro": "8.22.1",
+    "@mui/x-license": "8.22.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",