@mui/x-tree-view 7.16.0 → 7.17.0

package/CHANGELOG.md

@@ -3,6 +3,93 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.17.0
+
+_Sep 13, 2024_
+
+We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 Charts performance improvement
+- 🧑‍💻 New Data Grid [custom columns demo](https://mui.com/x/react-data-grid/custom-columns/#full-example)
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+- 🌍 Improve Hungarian (hu-HU) locale on the Data Grid
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.17.0`
+
+- [DataGrid] Add "does not equal" and "does not contain" filter operators (#14489) @KenanYusuf
+- [DataGrid] Add demo to the "Custom columns" page that does not use generator (#13695) @arminmeh
+- [DataGrid] Fix Voice Over reading the column name twice (#14482) @arminmeh
+- [DataGrid] Fix bug in CRUD example (#14513) @michelengelen
+- [DataGrid] Fix failing jsdom tests caused by `:has()` selectors (#14559) @KenanYusuf
+- [DataGrid] Refactor string operator filter functions (#14564) @KenanYusuf
+- [l10n] Improve Hungarian (hu-HU) locale (#14506) @ntamas
+
+#### `@mui/x-data-grid-pro@7.17.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@7.17.0`.
+
+#### `@mui/x-data-grid-premium@7.17.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@7.17.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.17.0`
+
+- [fields] Improve `useSplitFieldProps` and make it public (#14514) @flaviendelangle
+- [pickers] Improve clear action label (#14243) @oliviertassinari
+- [pickers] Add `"use client"` directive to every public component and hook (#14562) @flaviendelangle
+- [pickers] Allow custom fields to validate the value (#14486) @flaviendelangle
+- [pickers] Stop using utils in locales (#14505) @flaviendelangle
+
+#### `@mui/x-date-pickers-pro@7.17.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@7.17.0`, plus:
+
+- [DateRangePicker] Fix `currentMonthCalendarPosition` not scrolling to future sibling (#14442) @GMchris
+
+### Charts
+
+#### `@mui/x-charts@7.17.0`
+
+- [charts] Add `"use client"` directive to every public component and hook (#14578) @flaviendelangle
+- [charts] Allow `onItemClick` on the `Legend` component (#14231) @JCQuintas
+- [charts] Fix `onAxisClick` with `layout='horizontal'` (#14547) @alexfauquette
+- [charts] Replace `path` with `circle` for performance improvement (#14518) @alexfauquette
+
+#### `@mui/x-charts-pro@7.0.0-beta.1` [![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@7.17.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@7.17.0`
+
+- [TreeView] Make `useTreeItem2` stable (#14498) @flaviendelangle
+
+### Docs
+
+- [docs] Add missing callout on "Imperative API" tree view sections (#14503) @flaviendelangle
+- [docs] Fix broken redirection to MUI X v5 @oliviertassinari
+- [docs] Fix multiple `console.error` messages on `charts` docs (#14554) @JCQuintas
+- [docs] Fixed typo in Row Grouping recipes (#14549) @Miodini
+- [docs] Match title with blog posts @oliviertassinari
+
+### Core
+
+- [core] Move warning methods to `@mui/x-internals` (#14528) @k-rajat19
+- [core] Sync with core release flow @oliviertassinari
+- [code-infra] Fix charts benchmark workflow (#14573) @JCQuintas
+- [docs-infra] Type interface API pages (#14138) @alexfauquette
+- [infra] Create `ESLint plugins` renovate group (#14574) @LukasTy
+- [license] Clean-up terminology to match codebase (#14531) @oliviertassinari
+- [test] Remove dead `act()` logic (#14529) @oliviertassinari
+
 ## 7.16.0
 
 _Sep 5, 2024_

package/RichTreeView/RichTreeView.js

@@ -3,13 +3,13 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import useSlotProps from '@mui/utils/useSlotProps';
+import { warnOnce } from '@mui/x-internals/warning';
 import { getRichTreeViewUtilityClass } from "./richTreeViewClasses.js";
 import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
 import { useTreeView } from "../internals/useTreeView/index.js";
 import { TreeViewProvider } from "../internals/TreeViewProvider/index.js";
 import { RICH_TREE_VIEW_PLUGINS } from "./RichTreeView.plugins.js";
 import { TreeItem } from "../TreeItem/index.js";
-import { warnOnce } from "../internals/utils/warning.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useThemeProps = createUseThemeProps('MuiRichTreeView');
 const useUtilityClasses = ownerState => {

package/SimpleTreeView/SimpleTreeView.js

@@ -3,12 +3,12 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import useSlotProps from '@mui/utils/useSlotProps';
+import { warnOnce } from '@mui/x-internals/warning';
 import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
 import { getSimpleTreeViewUtilityClass } from "./simpleTreeViewClasses.js";
 import { useTreeView } from "../internals/useTreeView/index.js";
 import { TreeViewProvider } from "../internals/TreeViewProvider/index.js";
 import { SIMPLE_TREE_VIEW_PLUGINS } from "./SimpleTreeView.plugins.js";
-import { warnOnce } from "../internals/utils/warning.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useThemeProps = createUseThemeProps('MuiSimpleTreeView');
 const useUtilityClasses = ownerState => {

package/TreeItem2/TreeItem2.js

@@ -13,7 +13,7 @@ import useSlotProps from '@mui/utils/useSlotProps';
 import { shouldForwardProp } from '@mui/system/createStyled';
 import composeClasses from '@mui/utils/composeClasses';
 import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
-import { unstable_useTreeItem2 as useTreeItem2 } from "../useTreeItem2/index.js";
+import { useTreeItem2 } from "../useTreeItem2/index.js";
 import { getTreeItemUtilityClass } from "../TreeItem/index.js";
 import { TreeItem2Icon } from "../TreeItem2Icon/index.js";
 import { TreeItem2DragAndDropOverlay } from "../TreeItem2DragAndDropOverlay/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v7.16.0
+ * @mui/x-tree-view v7.17.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/index.d.ts

@@ -20,4 +20,3 @@ export type { UseTreeViewLabelSignature, UseTreeViewLabelParameters, } from './p
 export { useTreeViewJSXItems } from './plugins/useTreeViewJSXItems';
 export type { UseTreeViewJSXItemsSignature, UseTreeViewJSXItemsParameters, } from './plugins/useTreeViewJSXItems';
 export { isTargetInDescendants } from './utils/tree';
-export { warnOnce } from './utils/warning';

package/internals/index.js

@@ -13,5 +13,4 @@ export { useTreeViewIcons } from "./plugins/useTreeViewIcons/index.js";
 export { useTreeViewItems, buildSiblingIndexes, TREE_VIEW_ROOT_PARENT_ID } from "./plugins/useTreeViewItems/index.js";
 export { useTreeViewLabel } from "./plugins/useTreeViewLabel/index.js";
 export { useTreeViewJSXItems } from "./plugins/useTreeViewJSXItems/index.js";
-export { isTargetInDescendants } from "./utils/tree.js";
-export { warnOnce } from "./utils/warning.js";
+export { isTargetInDescendants } from "./utils/tree.js";

package/internals/plugins/useTreeViewLabel/useTreeViewLabel.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { warnOnce } from "../../utils/warning.js";
+import { warnOnce } from '@mui/x-internals/warning';
 import { useTreeViewLabelItemPlugin } from "./useTreeViewLabel.itemPlugin.js";
 export const useTreeViewLabel = ({
   instance,

package/modern/RichTreeView/RichTreeView.js

@@ -3,13 +3,13 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import useSlotProps from '@mui/utils/useSlotProps';
+import { warnOnce } from '@mui/x-internals/warning';
 import { getRichTreeViewUtilityClass } from "./richTreeViewClasses.js";
 import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
 import { useTreeView } from "../internals/useTreeView/index.js";
 import { TreeViewProvider } from "../internals/TreeViewProvider/index.js";
 import { RICH_TREE_VIEW_PLUGINS } from "./RichTreeView.plugins.js";
 import { TreeItem } from "../TreeItem/index.js";
-import { warnOnce } from "../internals/utils/warning.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useThemeProps = createUseThemeProps('MuiRichTreeView');
 const useUtilityClasses = ownerState => {

package/modern/SimpleTreeView/SimpleTreeView.js

@@ -3,12 +3,12 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import useSlotProps from '@mui/utils/useSlotProps';
+import { warnOnce } from '@mui/x-internals/warning';
 import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
 import { getSimpleTreeViewUtilityClass } from "./simpleTreeViewClasses.js";
 import { useTreeView } from "../internals/useTreeView/index.js";
 import { TreeViewProvider } from "../internals/TreeViewProvider/index.js";
 import { SIMPLE_TREE_VIEW_PLUGINS } from "./SimpleTreeView.plugins.js";
-import { warnOnce } from "../internals/utils/warning.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useThemeProps = createUseThemeProps('MuiSimpleTreeView');
 const useUtilityClasses = ownerState => {

package/modern/TreeItem2/TreeItem2.js

@@ -13,7 +13,7 @@ import useSlotProps from '@mui/utils/useSlotProps';
 import { shouldForwardProp } from '@mui/system/createStyled';
 import composeClasses from '@mui/utils/composeClasses';
 import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
-import { unstable_useTreeItem2 as useTreeItem2 } from "../useTreeItem2/index.js";
+import { useTreeItem2 } from "../useTreeItem2/index.js";
 import { getTreeItemUtilityClass } from "../TreeItem/index.js";
 import { TreeItem2Icon } from "../TreeItem2Icon/index.js";
 import { TreeItem2DragAndDropOverlay } from "../TreeItem2DragAndDropOverlay/index.js";

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v7.16.0
+ * @mui/x-tree-view v7.17.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/internals/index.js

@@ -13,5 +13,4 @@ export { useTreeViewIcons } from "./plugins/useTreeViewIcons/index.js";
 export { useTreeViewItems, buildSiblingIndexes, TREE_VIEW_ROOT_PARENT_ID } from "./plugins/useTreeViewItems/index.js";
 export { useTreeViewLabel } from "./plugins/useTreeViewLabel/index.js";
 export { useTreeViewJSXItems } from "./plugins/useTreeViewJSXItems/index.js";
-export { isTargetInDescendants } from "./utils/tree.js";
-export { warnOnce } from "./utils/warning.js";
+export { isTargetInDescendants } from "./utils/tree.js";

package/modern/internals/plugins/useTreeViewLabel/useTreeViewLabel.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { warnOnce } from "../../utils/warning.js";
+import { warnOnce } from '@mui/x-internals/warning';
 import { useTreeViewLabelItemPlugin } from "./useTreeViewLabel.itemPlugin.js";
 export const useTreeViewLabel = ({
   instance,

package/modern/useTreeItem2/index.js

@@ -1 +1,4 @@
-export { useTreeItem2 as unstable_useTreeItem2 } from "./useTreeItem2.js";
+import { useTreeItem2 as useTreeItem2Export } from "./useTreeItem2.js";
+export const useTreeItem2 = useTreeItem2Export;
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export const unstable_useTreeItem2 = useTreeItem2Export;

package/node/RichTreeView/RichTreeView.js

@@ -11,13 +11,13 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _warning = require("@mui/x-internals/warning");
 var _richTreeViewClasses = require("./richTreeViewClasses");
 var _zeroStyled = require("../internals/zero-styled");
 var _useTreeView = require("../internals/useTreeView");
 var _TreeViewProvider = require("../internals/TreeViewProvider");
 var _RichTreeView = require("./RichTreeView.plugins");
 var _TreeItem = require("../TreeItem");
-var _warning = require("../internals/utils/warning");
 var _jsxRuntime = require("react/jsx-runtime");
 const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiRichTreeView');
 const useUtilityClasses = ownerState => {

package/node/SimpleTreeView/SimpleTreeView.js

@@ -11,12 +11,12 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _warning = require("@mui/x-internals/warning");
 var _zeroStyled = require("../internals/zero-styled");
 var _simpleTreeViewClasses = require("./simpleTreeViewClasses");
 var _useTreeView = require("../internals/useTreeView");
 var _TreeViewProvider = require("../internals/TreeViewProvider");
 var _SimpleTreeView = require("./SimpleTreeView.plugins");
-var _warning = require("../internals/utils/warning");
 var _jsxRuntime = require("react/jsx-runtime");
 const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiSimpleTreeView');
 const useUtilityClasses = ownerState => {

package/node/TreeItem2/TreeItem2.js

@@ -241,7 +241,7 @@ const TreeItem2 = exports.TreeItem2 = /*#__PURE__*/React.forwardRef(function Tre
     getLabelInputProps,
     getDragAndDropOverlayProps,
     status
-  } = (0, _useTreeItem.unstable_useTreeItem2)({
+  } = (0, _useTreeItem.useTreeItem2)({
     id,
     itemId,
     children,

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v7.16.0
+ * @mui/x-tree-view v7.17.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internals/index.js

@@ -93,12 +93,6 @@ Object.defineProperty(exports, "useTreeViewSelection", {
     return _useTreeViewSelection.useTreeViewSelection;
   }
 });
-Object.defineProperty(exports, "warnOnce", {
-  enumerable: true,
-  get: function () {
-    return _warning.warnOnce;
-  }
-});
 var _useTreeView = require("./useTreeView");
 var _TreeViewProvider = require("./TreeViewProvider");
 var _useInstanceEventHandler = require("./hooks/useInstanceEventHandler");
@@ -110,5 +104,4 @@ var _useTreeViewIcons = require("./plugins/useTreeViewIcons");
 var _useTreeViewItems = require("./plugins/useTreeViewItems");
 var _useTreeViewLabel = require("./plugins/useTreeViewLabel");
 var _useTreeViewJSXItems = require("./plugins/useTreeViewJSXItems");
-var _tree = require("./utils/tree");
-var _warning = require("./utils/warning");
+var _tree = require("./utils/tree");

package/node/internals/plugins/useTreeViewLabel/useTreeViewLabel.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useTreeViewLabel = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _warning = require("../../utils/warning");
+var _warning = require("@mui/x-internals/warning");
 var _useTreeViewLabel = require("./useTreeViewLabel.itemPlugin");
 const useTreeViewLabel = ({
   instance,

package/node/useTreeItem2/index.js

@@ -3,10 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "unstable_useTreeItem2", {
-  enumerable: true,
-  get: function () {
-    return _useTreeItem.useTreeItem2;
-  }
-});
-var _useTreeItem = require("./useTreeItem2");
+exports.useTreeItem2 = exports.unstable_useTreeItem2 = void 0;
+var _useTreeItem = require("./useTreeItem2");
+const useTreeItem2 = exports.useTreeItem2 = _useTreeItem.useTreeItem2;
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const unstable_useTreeItem2 = exports.unstable_useTreeItem2 = _useTreeItem.useTreeItem2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-tree-view",
-  "version": "7.16.0",
+  "version": "7.17.0",
   "description": "The community edition of the Tree View components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -39,7 +39,7 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "7.16.0"
+    "@mui/x-internals": "7.17.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/useTreeItem2/index.d.ts

@@ -1,2 +1,3 @@
-export { useTreeItem2 as unstable_useTreeItem2 } from './useTreeItem2';
+export declare const useTreeItem2: <TSignatures extends import("./useTreeItem2.types").UseTreeItem2MinimalPlugins = import("./useTreeItem2.types").UseTreeItem2MinimalPlugins, TOptionalSignatures extends import("./useTreeItem2.types").UseTreeItem2OptionalPlugins = readonly []>(parameters: import("./useTreeItem2.types").UseTreeItem2Parameters) => import("./useTreeItem2.types").UseTreeItem2ReturnValue<TSignatures, TOptionalSignatures>;
+export declare const unstable_useTreeItem2: <TSignatures extends import("./useTreeItem2.types").UseTreeItem2MinimalPlugins = import("./useTreeItem2.types").UseTreeItem2MinimalPlugins, TOptionalSignatures extends import("./useTreeItem2.types").UseTreeItem2OptionalPlugins = readonly []>(parameters: import("./useTreeItem2.types").UseTreeItem2Parameters) => import("./useTreeItem2.types").UseTreeItem2ReturnValue<TSignatures, TOptionalSignatures>;
 export type { UseTreeItem2Parameters, UseTreeItem2ReturnValue, UseTreeItem2Status, UseTreeItem2RootSlotOwnProps, UseTreeItem2ContentSlotOwnProps, UseTreeItem2LabelInputSlotOwnProps, UseTreeItem2LabelSlotOwnProps, UseTreeItem2IconContainerSlotOwnProps, UseTreeItem2GroupTransitionSlotOwnProps, UseTreeItem2DragAndDropOverlaySlotOwnProps, } from './useTreeItem2.types';

package/useTreeItem2/index.js

@@ -1 +1,4 @@
-export { useTreeItem2 as unstable_useTreeItem2 } from "./useTreeItem2.js";
+import { useTreeItem2 as useTreeItem2Export } from "./useTreeItem2.js";
+export const useTreeItem2 = useTreeItem2Export;
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export const unstable_useTreeItem2 = useTreeItem2Export;

package/internals/utils/warning.d.ts

@@ -1,2 +0,0 @@
-export declare function warnOnce(message: string | string[], gravity?: 'warning' | 'error'): void;
-export declare function clearWarningsCache(): void;

package/internals/utils/warning.js

@@ -1,21 +0,0 @@
-const warnedOnceCache = new Set();
-
-// TODO move to @mui/x-internals
-// TODO eventually move to @base_ui/internals. Base UI, etc. too need this helper.
-export function warnOnce(message, gravity = 'warning') {
-  if (process.env.NODE_ENV === 'production') {
-    return;
-  }
-  const cleanMessage = Array.isArray(message) ? message.join('\n') : message;
-  if (!warnedOnceCache.has(cleanMessage)) {
-    warnedOnceCache.add(cleanMessage);
-    if (gravity === 'error') {
-      console.error(cleanMessage);
-    } else {
-      console.warn(cleanMessage);
-    }
-  }
-}
-export function clearWarningsCache() {
-  warnedOnceCache.clear();
-}

package/modern/internals/utils/warning.js

@@ -1,21 +0,0 @@
-const warnedOnceCache = new Set();
-
-// TODO move to @mui/x-internals
-// TODO eventually move to @base_ui/internals. Base UI, etc. too need this helper.
-export function warnOnce(message, gravity = 'warning') {
-  if (process.env.NODE_ENV === 'production') {
-    return;
-  }
-  const cleanMessage = Array.isArray(message) ? message.join('\n') : message;
-  if (!warnedOnceCache.has(cleanMessage)) {
-    warnedOnceCache.add(cleanMessage);
-    if (gravity === 'error') {
-      console.error(cleanMessage);
-    } else {
-      console.warn(cleanMessage);
-    }
-  }
-}
-export function clearWarningsCache() {
-  warnedOnceCache.clear();
-}

package/node/internals/utils/warning.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.clearWarningsCache = clearWarningsCache;
-exports.warnOnce = warnOnce;
-const warnedOnceCache = new Set();
-
-// TODO move to @mui/x-internals
-// TODO eventually move to @base_ui/internals. Base UI, etc. too need this helper.
-function warnOnce(message, gravity = 'warning') {
-  if (process.env.NODE_ENV === 'production') {
-    return;
-  }
-  const cleanMessage = Array.isArray(message) ? message.join('\n') : message;
-  if (!warnedOnceCache.has(cleanMessage)) {
-    warnedOnceCache.add(cleanMessage);
-    if (gravity === 'error') {
-      console.error(cleanMessage);
-    } else {
-      console.warn(cleanMessage);
-    }
-  }
-}
-function clearWarningsCache() {
-  warnedOnceCache.clear();
-}