@mui/x-charts 8.0.0-alpha.11 → 8.0.0-alpha.12

package/BarChart/types.d.ts

@@ -1,23 +1,23 @@
 import type { BarSeriesType } from '../models';
 import type { SeriesId } from '../models/seriesType/common';
 export type AnimationData = {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    yOrigin?: number;
-    xOrigin?: number;
-    layout: BarSeriesType['layout'];
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+  yOrigin?: number;
+  xOrigin?: number;
+  layout: BarSeriesType['layout'];
 };
 export interface CompletedBarData extends AnimationData {
-    seriesId: SeriesId;
-    dataIndex: number;
-    color: string;
-    value: number | null;
-    maskId: string;
+  seriesId: SeriesId;
+  dataIndex: number;
+  color: string;
+  value: number | null;
+  maskId: string;
 }
 export interface MaskData extends AnimationData {
-    id: string;
-    hasNegative: boolean;
-    hasPositive: boolean;
-}
+  id: string;
+  hasNegative: boolean;
+  hasPositive: boolean;
+}

package/BarChart/types.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/BarChart/useBarChartProps.d.ts

@@ -1,14 +1,14 @@
 import type { BarChartProps } from './BarChart';
-import { ChartContainerProps } from '../ChartContainer';
-import { BarPlotProps } from './BarPlot';
-import { ChartsGridProps } from '../ChartsGrid';
-import { ChartsClipPathProps } from '../ChartsClipPath';
-import { ChartsOverlayProps } from '../ChartsOverlay';
-import { ChartsAxisProps } from '../ChartsAxis';
-import { ChartsAxisHighlightProps } from '../ChartsAxisHighlight';
-import { ChartsLegendSlotExtension } from '../ChartsLegend';
+import { ChartContainerProps } from "../ChartContainer/index.js";
+import { BarPlotProps } from "./BarPlot.js";
+import { ChartsGridProps } from "../ChartsGrid/index.js";
+import { ChartsClipPathProps } from "../ChartsClipPath/index.js";
+import { ChartsOverlayProps } from "../ChartsOverlay/index.js";
+import { ChartsAxisProps } from "../ChartsAxis/index.js";
+import { ChartsAxisHighlightProps } from "../ChartsAxisHighlight/index.js";
+import { ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
 import type { ChartsWrapperProps } from '../internals/components/ChartsWrapper';
-import { BarChartPluginsSignatures } from './BarChart.plugins';
+import { BarChartPluginsSignatures } from "./BarChart.plugins.js";
 /**
  * A helper function that extracts BarChartProps from the input props
  * and returns an object with props for the children components of BarChart.
@@ -17,17 +17,17 @@ import { BarChartPluginsSignatures } from './BarChart.plugins';
  * @returns An object with props for the children components of BarChart
  */
 export declare const useBarChartProps: (props: BarChartProps) => {
-    chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
-    chartContainerProps: ChartContainerProps<"bar", BarChartPluginsSignatures>;
-    barPlotProps: BarPlotProps;
-    gridProps: ChartsGridProps;
-    clipPathProps: ChartsClipPathProps;
-    clipPathGroupProps: {
-        clipPath: string;
-    };
-    overlayProps: ChartsOverlayProps;
-    chartsAxisProps: ChartsAxisProps;
-    axisHighlightProps: ChartsAxisHighlightProps;
-    legendProps: ChartsLegendSlotExtension;
-    children: import("react").ReactNode;
-};
+  chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
+  chartContainerProps: ChartContainerProps<"bar", BarChartPluginsSignatures>;
+  barPlotProps: BarPlotProps;
+  gridProps: ChartsGridProps;
+  clipPathProps: ChartsClipPathProps;
+  clipPathGroupProps: {
+    clipPath: string;
+  };
+  overlayProps: ChartsOverlayProps;
+  chartsAxisProps: ChartsAxisProps;
+  axisHighlightProps: ChartsAxisHighlightProps;
+  legendProps: ChartsLegendSlotExtension;
+  children: import("react").ReactNode;
+};

package/BarChart/useBarChartProps.js

@@ -1,13 +1,18 @@
+"use strict";
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBarChartProps = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _useId = _interopRequireDefault(require("@mui/utils/useId"));
+var _constants = require("../constants");
+var _calculateMargins = require("../internals/calculateMargins");
+var _BarChart = require("./BarChart.plugins");
 const _excluded = ["xAxis", "yAxis", "series", "width", "height", "margin", "colors", "dataset", "sx", "axisHighlight", "grid", "topAxis", "leftAxis", "rightAxis", "bottomAxis", "children", "slots", "slotProps", "skipAnimation", "loading", "layout", "onItemClick", "highlightedItem", "onHighlightChange", "borderRadius", "barLabel", "className", "hideLegend"];
-import useId from '@mui/utils/useId';
-import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from "../constants/index.js";
-import { calculateMargins } from "../internals/calculateMargins.js";
-import { BAR_CHART_PLUGINS } from "./BarChart.plugins.js";
-
 /**
  * A helper function that extracts BarChartProps from the input props
  * and returns an object with props for the children components of BarChart.
@@ -15,7 +20,7 @@ import { BAR_CHART_PLUGINS } from "./BarChart.plugins.js";
  * @param props The input props for BarChart
  * @returns An object with props for the children components of BarChart
  */
-export const useBarChartProps = props => {
+const useBarChartProps = props => {
   const {
       xAxis,
       yAxis,
@@ -46,8 +51,8 @@ export const useBarChartProps = props => {
       className,
       hideLegend
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  const id = useId();
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const id = (0, _useId.default)();
   const clipPathId = `${id}-clip-path`;
   const hasHorizontalSeries = layout === 'horizontal' || layout === undefined && series.some(item => item.layout === 'horizontal');
   const defaultAxisConfig = {
@@ -56,15 +61,15 @@ export const useBarChartProps = props => {
       length: Math.max(...series.map(s => (s.data ?? dataset ?? []).length))
     }, (_, index) => index)
   };
-  const chartContainerProps = _extends({}, rest, {
-    series: series.map(s => _extends({
+  const chartContainerProps = (0, _extends2.default)({}, rest, {
+    series: series.map(s => (0, _extends2.default)({
       type: 'bar'
     }, s, {
       layout: hasHorizontalSeries ? 'horizontal' : 'vertical'
     })),
     width,
     height,
-    margin: calculateMargins({
+    margin: (0, _calculateMargins.calculateMargins)({
       margin,
       hideLegend,
       slotProps,
@@ -72,18 +77,18 @@ export const useBarChartProps = props => {
     }),
     colors,
     dataset,
-    xAxis: xAxis ?? (hasHorizontalSeries ? undefined : [_extends({
-      id: DEFAULT_X_AXIS_KEY
+    xAxis: xAxis ?? (hasHorizontalSeries ? undefined : [(0, _extends2.default)({
+      id: _constants.DEFAULT_X_AXIS_KEY
     }, defaultAxisConfig)]),
-    yAxis: yAxis ?? (hasHorizontalSeries ? [_extends({
-      id: DEFAULT_Y_AXIS_KEY
+    yAxis: yAxis ?? (hasHorizontalSeries ? [(0, _extends2.default)({
+      id: _constants.DEFAULT_Y_AXIS_KEY
     }, defaultAxisConfig)] : undefined),
     highlightedItem,
     onHighlightChange,
     disableAxisListener: slotProps?.tooltip?.trigger !== 'axis' && axisHighlight?.x === 'none' && axisHighlight?.y === 'none',
     className,
     skipAnimation,
-    plugins: BAR_CHART_PLUGINS
+    plugins: _BarChart.BAR_CHART_PLUGINS
   });
   const barPlotProps = {
     onItemClick,
@@ -115,7 +120,7 @@ export const useBarChartProps = props => {
     slots,
     slotProps
   };
-  const axisHighlightProps = _extends({}, hasHorizontalSeries ? {
+  const axisHighlightProps = (0, _extends2.default)({}, hasHorizontalSeries ? {
     y: 'band'
   } : {
     x: 'band'
@@ -142,4 +147,5 @@ export const useBarChartProps = props => {
     legendProps,
     children
   };
-};
+};
+exports.useBarChartProps = useBarChartProps;

package/CHANGELOG.md

@@ -5,7 +5,167 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## **8.0.0-alpha.11**
+## 8.0.0-alpha.12
+
+_Feb 17, 2025_
+
+We'd like to offer a big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
+
+- 📦 Data Grid [data source](https://next.mui.com/x/react-data-grid/server-side-data/) is now available in the Community plan
+- ⚡ Improve Data Grid Excel export serialization performance
+- 🚫 Add ["No columns" overlay](https://next.mui.com/x/react-data-grid/overlays/#no-columns-overlay) to Data Grid
+- 🌍 Improve Polish (pl-PL) and Ukrainian (uk-UA) locales on the Data Grid
+- 🐞 Bugfixes
+
+Special thanks go out to the community contributors who have helped make this release possible:
+@Neonin, @nusr, and @pawelkula.
+Following are all team members who have contributed to this release:
+@alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @Janpot, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @oliviertassinari, @romgrk, and @mapache-salvaje.
+
+### Data Grid
+
+#### Breaking changes
+
+- The `main--hasSkeletonLoadingOverlay` class has been renamed to `main--hiddenContent` and is now also applied when the "No columns" overlay is displayed.
+
+- The `apiRef.current.forceUpdate()` method was removed. Use selectors combined with `useGridSelector()` hook to react to changes in the state.
+
+- The selectors signature has been updated. They are only accepting `apiRef` as a first argument and `instanceId` is no longer the third argument.
+
+  ```diff
+  -mySelector(state, arguments, instanceId)
+  +mySelector(apiRef, arguments)
+  ```
+
+#### `@mui/x-data-grid@8.0.0-alpha.12`
+
+- [DataGrid] Add "No columns" overlay (#16543) @KenanYusuf
+- [DataGrid] All selectors accept only `apiRef` as first argument (#16198) @arminmeh
+- [DataGrid] Avoid `undefined` value for pagination `rowCount` (#16488) @cherniavskii
+- [DataGrid] Create the base Checkbox slot (#16445) @romgrk
+- [DataGrid] Create the base Input slot (#16443) @romgrk
+- [DataGrid] Create the base MenuList slot (#16481) @romgrk
+- [DataGrid] Create the base Popper slot (#16362) @romgrk
+- [DataGrid] Create the base Select slot (#16394) @romgrk
+- [DataGrid] Create the base Switch slot (#16527) @romgrk
+- [DataGrid] Extract `getRowId()` API method as a selector (#16487) @MBilalShafi
+- [DataGrid] Fix the `onClock` prop of the base Select slot (#16557) @romgrk
+- [DataGrid] Go to the first page when sorting/filtering is applied (#16447) @arminmeh
+- [DataGrid] Make base data source available in the Community plan (#16359) @MBilalShafi
+- [DataGrid] Remove `apiRef.current.forceUpdate()` method (#16560) @MBilalShafi
+- [DataGrid] Fix the unexpected behavior of the pagination when using `-1` for "All" rows per page (#16485) @nusr
+- [l10n] Improve Polish (pl-PL) locale (#16123) @pawelkula
+- [l10n] Improve Ukrainian (uk-UA) locale (#16463) @Neonin
+
+#### `@mui/x-data-grid-pro@8.0.0-alpha.12` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.0.0-alpha.12`.
+
+#### `@mui/x-data-grid-premium@8.0.0-alpha.12` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.0.0-alpha.12`, plus:
+
+- [DataGridPremium] Fix Excel export Web Worker demo not working in dev mode (#16517) @cherniavskii
+- [DataGridPremium] Fix loading issue + add skeleton overlay (#16282) @MBilalShafi
+- [DataGridPremium] Improve Excel export serialization performance (#16526) @cherniavskii
+- [DataGridPremium] Namespace Excel export worker (#16020) @oliviertassinari
+
+### Date and Time Pickers
+
+#### Breaking changes
+
+- The `aria-label` on the `<Clock />` component and Time Picker opening button has been fixed to rely on the set `ampm` property instead of defaulting to the user's locale.
+
+- The following unused formats have been removed from the adapters and can no longer be overridden via the `dateFormats` prop on the `<LocalizationProvider />` component:
+
+  - `fullTime` - please use `fullTime12h` and `fullTime24h` instead:
+    ```diff
+      <LocalizationProvider
+        dateFormats={{
+    -     fullTime: 'LT',
+    +     fullTime12h: 'hh:mm A',
+    +     fullTime24h: 'hh:mm',
+        }}
+      >
+    ```
+  - `keyboardDateTime` - please use `keyboardDateTime12h` and `keyboardDateTime24h` instead:
+    ```diff
+      <LocalizationProvider
+        dateFormats={{
+    -     keyboardDateTime: 'DD.MM.YYYY | LT',
+    +     keyboardDateTime12h: 'DD.MM.YYYY | hh:mm A',
+    +     keyboardDateTime24h: 'DD.MM.YYYY | hh:mm',
+        }}
+      >
+    ```
+
+#### `@mui/x-date-pickers@8.0.0-alpha.12`
+
+- [pickers] Fix time related aria labels to depend on `ampm` flag value (#16572) @LukasTy
+- [pickers] Remove unused adapter formats (#16522) @LukasTy
+
+#### `@mui/x-date-pickers-pro@8.0.0-alpha.12` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@8.0.0-alpha.12`, plus:
+
+- [DateRangePicker] Avoid unnecessary field section focusing (#16474) @LukasTy
+
+### Charts
+
+#### Breaking changes
+
+- The `useSeries` hook family has been stabilized and renamed accordingly — [Learn more](https://next.mui.com/x/migration/migration-charts-v7/#stabilize-useseries-and-usexxxseries-hooks-✅)
+
+#### `@mui/x-charts@8.0.0-alpha.12`
+
+- [charts] Add docs for scatter "Size" section (#16556) @bernardobelchior
+- [charts] Add `test:performance:browser` script #16600 @bernardobelchior
+- [charts] Add warning when using unknown ids in `useXxxSeries` hooks (#16552) @JCQuintas
+- [charts] Divide the logic for `useXxxSeries` into `useXxxSeriesContext` (#16546) @JCQuintas
+- [charts] Document plugins for internal use (#16504) @JCQuintas
+- [charts] Fix internal typo (#16524) @alexfauquette
+- [charts] Fix type overloads (#16581) @JCQuintas
+- [charts] Fix zoom filter regression (#16507) @alexfauquette
+- [charts] Improve tooltip placement in mobile (#16553) @bernardobelchior
+- [charts] Let the `useXxxSeries` support array of ids and document them (#15545) @JCQuintas
+- [charts] Memoize some tooltip internals (#16564) @alexfauquette
+- [charts] Move Voronoi handler in a dedicated plugin (#16470) @alexfauquette
+- [charts] Performance tests: set license on setup. Update vitest minor version. (#16525) @bernardobelchior
+- [charts] Propagate the axis scale to the `valueFormatter` (#16555) @alexfauquette
+- [charts] Remove `colors` prop from `SparkLineChart`. (#16494) @bernardobelchior
+- [charts] Stabilize series hooks (`useSeries`, `usePieSeries`, etc.) (#16459) @bernardobelchior
+
+#### `@mui/x-charts-pro@8.0.0-alpha.12` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@8.0.0-alpha.12`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.0.0-alpha.12`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.0.0-alpha.12` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.0.0-alpha.12`.
+
+### Docs
+
+- [docs] Add demo for Scatter Chart with linked points (#16505) @bernardobelchior
+- [docs] Improve license installation page (#16403) @michelengelen
+- [docs] Standardize getting started docs across all packages (#16302) @mapache-salvaje
+
+### Core
+
+- [core] Update charts folder structure (#16471) @alexfauquette
+- [code-infra] Bump @mui/monorepo (#16422) @LukasTy
+- [code-infra] Fix lock file (#16562) @LukasTy
+- [code-infra] Fix root package version (#16503) @JCQuintas
+- [code-infra] Update internal packages to `next` releases (#16423) @LukasTy
+- [code-infra] Update package layout for better ESM support (#14386) @Janpot
+- [code-infra] Update peer dependencies for v8 (#16563) @Janpot
+
+## 8.0.0-alpha.11
 
 _Feb 7, 2025_
 

package/ChartContainer/ChartContainer.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { ChartSeriesType } from '../models/seriesType/config';
-import { ChartDataProviderProps } from '../ChartDataProvider';
-import { ChartsSurfaceProps } from '../ChartsSurface';
-import { AllPluginSignatures } from '../internals/plugins/allPlugins';
-import { ChartAnyPluginSignature } from '../internals/plugins/models';
+import { ChartSeriesType } from "../models/seriesType/config.js";
+import { ChartDataProviderProps } from "../ChartDataProvider/index.js";
+import { ChartsSurfaceProps } from "../ChartsSurface/index.js";
+import { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
+import { ChartAnyPluginSignature } from "../internals/plugins/models/index.js";
 export type ChartContainerProps<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>> = Omit<ChartDataProviderProps<SeriesType, TSignatures>, 'children'> & ChartsSurfaceProps;
 /**
  * It sets up the data providers as well as the `<svg>` for the chart.
@@ -30,6 +30,6 @@ export type ChartContainerProps<SeriesType extends ChartSeriesType = ChartSeries
  * ```
  */
 declare const ChartContainer: <TSeries extends ChartSeriesType>(props: ChartContainerProps<TSeries> & {
-    ref?: React.ForwardedRef<SVGSVGElement>;
+  ref?: React.ForwardedRef<SVGSVGElement>;
 }) => React.JSX.Element;
-export { ChartContainer };
+export { ChartContainer };