@mui/x-internals 8.2.0 → 8.3.0

package/CHANGELOG.md

@@ -5,6 +5,113 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.3.0
+
+_May 8, 2025_
+
+We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎨 Added new styling options and shapes for `<FunnelChart />`, including `variant`, `borderRadius`, `pyramid`, and `step-pyramid` curves.
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+Special thanks go out to this community member for a valuable contribution:
+@ptuukkan.
+Team members who have contributed to this release:
+@alexfauquette, @arminmeh, @bernardobelchior, @flaviendelangle, @Janpot, @JCQuintas, @LukasTy, @MBilalShafi, @rita-codes, @romgrk.
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.3.0`
+
+- [DataGrid] Fix cell editing of computed columns with data source (#17684) @ptuukkan
+- [DataGrid] Fix lazy loading crash with `isRowSelectable` prop (#17629) @MBilalShafi
+- [DataGrid] Fix: use CSS nonce (#17726) @romgrk
+- [DataGrid] Ignore `preProcessEditCellProps` for non-editable columns when starting a row update (#17732) @arminmeh
+- [DataGrid] Avoid applying row selection propagation on filtered rows (#17739) @MBilalShafi
+
+#### `@mui/x-data-grid-pro@8.3.0` [![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.3.0`.
+
+#### `@mui/x-data-grid-premium@8.3.0` [![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.3.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.3.0`
+
+- [DateTimePicker] Fix focus behavior on desktop variant (#17719) @LukasTy
+- [pickers] Avoid `DigitalClock` stealing focus from a Picker open button on close (#17686) @LukasTy
+
+#### `@mui/x-date-pickers-pro@8.3.0` [![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.3.0`, plus:
+
+- [DateRangePicker] Fix to reset range position after closing mobile Picker (#17631) @LukasTy
+
+### Charts
+
+- The `<FunnelChart />` series now accepts a `variant='outlined'` prop for a simpler style.
+  <img width="398" alt="Screenshot 2025-05-06 at 20 36 12" src="https://github.com/user-attachments/assets/00fef14f-9026-421e-a4b6-7e081adce1e8" />
+
+- Add a `borderRadius` property to `<FunnelChart />`. All funnels have `8px` as a default value.
+  <img width="386" alt="Screenshot 2025-05-06 at 14 00 20" src="https://github.com/user-attachments/assets/4f4cc0e7-01ce-4ed6-a0e1-a387f78def23" />
+
+- Add a `pyramid` curve to `<FunnelChart />`, which allows creation of a pyramid-shaped funnel.
+  <img width="344" alt="Screenshot 2025-05-06 at 14 32 59" src="https://github.com/user-attachments/assets/0b2896e0-0478-4766-bb1b-258a4977a751" />
+
+- Add a `step-pyramid` curve to `<FunnelChart />`, which creates a stepped-pyramid like shape.
+  <img width="344" alt="Screenshot 2025-05-06 at 14 33 03" src="https://github.com/user-attachments/assets/894f0ab3-7898-40fe-b0df-560feea4085a" />
+
+#### `@mui/x-charts@8.3.0`
+
+- [charts] Add charts toolbar with zoom options (#17615) @bernardobelchior
+- [charts] Add zoom slider (#17496) @bernardobelchior
+- [charts] Cleanup compiler warnings (#17360) @alexfauquette
+- [charts] Fix `<PieArcLabel />` not taking `arcLabelRadius` into account (#17655) @bernardobelchior
+- [charts] Fix spark line not having clip path (#17501) @bernardobelchior
+- [charts] Fix type issue with ESM (#17624) @alexfauquette
+- [charts] Improve `<MarkElement />` performance (#17546) @bernardobelchior
+- [charts] Rename `materialSlots` internal constant (#17710) @bernardobelchior
+- [charts] Update zoom slider design (#17682) @bernardobelchior
+- [charts] Fix zoom being documented as available for heatmap (#17657) @bernardobelchior
+
+#### `@mui/x-charts-pro@8.3.0` [![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.3.0`, plus:
+
+- [charts-pro] Add `pyramid` curve to `<FunnelChart />` (#17665) @JCQuintas
+- [charts-pro] Add `variant='outlined'` to `<FunnelChart />` series (#17661) @JCQuintas
+- [charts-pro] Add a `borderRadius` property to `<FunnelChart />` (#17660) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@8.3.0`
+
+- [tree view] Bug fix - Escape does not cancel Drag n Drop (#17735) @rita-codes
+- [tree view] Fix keyboard navigation error (#17685) @rita-codes
+- [tree view] Continue cleaning the plugin system (#17386) @flaviendelangle
+
+#### `@mui/x-tree-view-pro@8.3.0` [![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.3.0`.
+
+### Docs
+
+- [charts] Add population pyramid demo (#17652) @bernardobelchior
+- [charts] Fix randomised argos test (#17658) @JCQuintas
+- [docs] Make preview messaging consistent in charts @bernardobelchior
+
+### Core
+
+- [code-infra] Avoid `node` types in the built packages (#17533) @LukasTy
+- [code-infra] Add `pkg.pr.new` publishing (#17402) @Janpot
+- [code-infra] Normalize author package in org @oliviertassinari
+- [code-infra] Remove required checkout step (#17729) @JCQuintas
+- [docs-infra] Normalize netlify.toml in org @oliviertassinari
+
 ## 8.2.0
 
 _May 1, 2025_

package/esm/useAssertModelConsistency/index.d.ts

@@ -0,0 +1 @@
+export { useAssertModelConsistency } from "./useAssertModelConsistency.js";

package/esm/useAssertModelConsistency/index.js

@@ -0,0 +1 @@
+export { useAssertModelConsistency } from "./useAssertModelConsistency.js";

package/esm/useAssertModelConsistency/useAssertModelConsistency.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Make sure a controlled prop is used correctly.
+ * Logs errors if the prop either:
+ *
+ * - switch between controlled and uncontrolled
+ * - modify it's default value
+ * @param parameters
+ */
+declare function useAssertModelConsistencyOutsideOfProduction<T>(parameters: {
+  /**
+   * The warning prefix indicating from which package the warning comes from.
+   */
+  warningPrefix?: string;
+  /**
+   * The name of the component used in the warning message.
+   */
+  componentName: string;
+  /**
+   * The name of the controlled state.
+   */
+  propName: string;
+  /**
+   * The value of the controlled prop.
+   */
+  controlled: T | undefined;
+  /**
+   * The default value of the controlled prop.
+   */
+  defaultValue: T;
+}): void;
+export declare const useAssertModelConsistency: typeof useAssertModelConsistencyOutsideOfProduction;
+export {};

package/esm/useAssertModelConsistency/useAssertModelConsistency.js

@@ -0,0 +1,36 @@
+'use client';
+
+import * as React from 'react';
+import { warnOnce } from "../warning/index.js";
+
+/**
+ * Make sure a controlled prop is used correctly.
+ * Logs errors if the prop either:
+ *
+ * - switch between controlled and uncontrolled
+ * - modify it's default value
+ * @param parameters
+ */
+function useAssertModelConsistencyOutsideOfProduction(parameters) {
+  const {
+    componentName,
+    propName,
+    controlled,
+    defaultValue,
+    warningPrefix = 'MUI X'
+  } = parameters;
+  const [{
+    initialDefaultValue,
+    isControlled
+  }] = React.useState({
+    initialDefaultValue: defaultValue,
+    isControlled: controlled !== undefined
+  });
+  if (isControlled !== (controlled !== undefined)) {
+    warnOnce([`${warningPrefix}: A component is changing the ${isControlled ? '' : 'un'}controlled ${propName} state of ${componentName} to be ${isControlled ? 'un' : ''}controlled.`, 'Elements should not switch from uncontrolled to controlled (or vice versa).', `Decide between using a controlled or uncontrolled ${propName} ` + 'element for the lifetime of the component.', "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", 'More info: https://fb.me/react-controlled-components'], 'error');
+  }
+  if (JSON.stringify(initialDefaultValue) !== JSON.stringify(defaultValue)) {
+    warnOnce([`${warningPrefix}: A component is changing the default ${propName} state of an uncontrolled ${componentName} after being initialized. ` + `To suppress this warning opt to use a controlled ${componentName}.`], 'error');
+  }
+}
+export const useAssertModelConsistency = process.env.NODE_ENV === 'production' ? () => {} : useAssertModelConsistencyOutsideOfProduction;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@mui/x-internals",
-  "version": "8.2.0",
-  "description": "Utility functions for the MUI X packages (internal use only).",
+  "version": "8.3.0",
   "author": "MUI Team",
+  "description": "Utility functions for the MUI X packages (internal use only).",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/mui/mui-x/issues"
@@ -31,7 +31,7 @@
     "directory": "packages/x-internals"
   },
   "dependencies": {
-    "@babel/runtime": "^7.27.0",
+    "@babel/runtime": "^7.27.1",
     "@mui/utils": "^7.0.2"
   },
   "peerDependencies": {

package/useAssertModelConsistency/index.d.ts

@@ -0,0 +1 @@
+export { useAssertModelConsistency } from "./useAssertModelConsistency.js";

package/useAssertModelConsistency/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useAssertModelConsistency", {
+  enumerable: true,
+  get: function () {
+    return _useAssertModelConsistency.useAssertModelConsistency;
+  }
+});
+var _useAssertModelConsistency = require("./useAssertModelConsistency");

package/useAssertModelConsistency/useAssertModelConsistency.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Make sure a controlled prop is used correctly.
+ * Logs errors if the prop either:
+ *
+ * - switch between controlled and uncontrolled
+ * - modify it's default value
+ * @param parameters
+ */
+declare function useAssertModelConsistencyOutsideOfProduction<T>(parameters: {
+  /**
+   * The warning prefix indicating from which package the warning comes from.
+   */
+  warningPrefix?: string;
+  /**
+   * The name of the component used in the warning message.
+   */
+  componentName: string;
+  /**
+   * The name of the controlled state.
+   */
+  propName: string;
+  /**
+   * The value of the controlled prop.
+   */
+  controlled: T | undefined;
+  /**
+   * The default value of the controlled prop.
+   */
+  defaultValue: T;
+}): void;
+export declare const useAssertModelConsistency: typeof useAssertModelConsistencyOutsideOfProduction;
+export {};

package/useAssertModelConsistency/useAssertModelConsistency.js

@@ -0,0 +1,41 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAssertModelConsistency = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _warning = require("../warning");
+/**
+ * Make sure a controlled prop is used correctly.
+ * Logs errors if the prop either:
+ *
+ * - switch between controlled and uncontrolled
+ * - modify it's default value
+ * @param parameters
+ */
+function useAssertModelConsistencyOutsideOfProduction(parameters) {
+  const {
+    componentName,
+    propName,
+    controlled,
+    defaultValue,
+    warningPrefix = 'MUI X'
+  } = parameters;
+  const [{
+    initialDefaultValue,
+    isControlled
+  }] = React.useState({
+    initialDefaultValue: defaultValue,
+    isControlled: controlled !== undefined
+  });
+  if (isControlled !== (controlled !== undefined)) {
+    (0, _warning.warnOnce)([`${warningPrefix}: A component is changing the ${isControlled ? '' : 'un'}controlled ${propName} state of ${componentName} to be ${isControlled ? 'un' : ''}controlled.`, 'Elements should not switch from uncontrolled to controlled (or vice versa).', `Decide between using a controlled or uncontrolled ${propName} ` + 'element for the lifetime of the component.', "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", 'More info: https://fb.me/react-controlled-components'], 'error');
+  }
+  if (JSON.stringify(initialDefaultValue) !== JSON.stringify(defaultValue)) {
+    (0, _warning.warnOnce)([`${warningPrefix}: A component is changing the default ${propName} state of an uncontrolled ${componentName} after being initialized. ` + `To suppress this warning opt to use a controlled ${componentName}.`], 'error');
+  }
+}
+const useAssertModelConsistency = exports.useAssertModelConsistency = process.env.NODE_ENV === 'production' ? () => {} : useAssertModelConsistencyOutsideOfProduction;