@mui/x-tree-view 9.9.0 → 9.10.0

package/internals/hooks/useTreeViewRootProps.d.ts

@@ -4,116 +4,6 @@ import type { TreeViewCancellableEvent } from "../../models/index.js";
 import type { TreeViewAnyStore } from "../models/index.js";
 import type { TreeViewStoreInContext } from "../TreeViewProvider/index.js";
 export declare function useTreeViewRootProps<TStore extends TreeViewAnyStore>(store: TreeViewStoreInContext<TStore>, forwardedProps: React.HTMLAttributes<HTMLUListElement>, ref: React.Ref<HTMLUListElement | null> | undefined): (otherHandlers: EventHandlers) => {
-  style: React.CSSProperties;
-  onFocus: (event: React.FocusEvent<HTMLUListElement> & TreeViewCancellableEvent) => void;
-  onBlur: (event: React.FocusEvent<HTMLUListElement> & TreeViewCancellableEvent) => void;
-  defaultChecked?: boolean | undefined;
-  defaultValue?: string | number | readonly string[] | undefined;
-  suppressContentEditableWarning?: boolean | undefined;
-  suppressHydrationWarning?: boolean | undefined;
-  accessKey?: string | undefined;
-  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
-  autoFocus?: boolean | undefined;
-  className?: string | undefined;
-  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-  contextMenu?: string | undefined;
-  dir?: string | undefined;
-  draggable?: (boolean | "true" | "false") | undefined;
-  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-  hidden?: boolean | undefined;
-  id: string | undefined;
-  lang?: string | undefined;
-  nonce?: string | undefined;
-  slot?: string | undefined;
-  spellCheck?: (boolean | "true" | "false") | undefined;
-  tabIndex?: number | undefined;
-  title?: string | undefined;
-  translate?: "yes" | "no" | undefined;
-  radioGroup?: string | undefined;
-  role: string;
-  about?: string | undefined;
-  content?: string | undefined;
-  datatype?: string | undefined;
-  inlist?: any;
-  prefix?: string | undefined;
-  property?: string | undefined;
-  rel?: string | undefined;
-  resource?: string | undefined;
-  rev?: string | undefined;
-  typeof?: string | undefined;
-  vocab?: string | undefined;
-  autoCorrect?: string | undefined;
-  autoSave?: string | undefined;
-  color?: string | undefined;
-  itemProp?: string | undefined;
-  itemScope?: boolean | undefined;
-  itemType?: string | undefined;
-  itemID?: string | undefined;
-  itemRef?: string | undefined;
-  results?: number | undefined;
-  security?: string | undefined;
-  unselectable?: "on" | "off" | undefined;
-  popover?: "" | "auto" | "manual" | "hint" | undefined;
-  popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
-  popoverTarget?: string | undefined;
-  inert?: boolean | undefined;
-  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-  is?: string | undefined;
-  exportparts?: string | undefined;
-  part?: string | undefined;
-  "aria-activedescendant"?: string | undefined;
-  "aria-atomic"?: (boolean | "true" | "false") | undefined;
-  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
-  "aria-braillelabel"?: string | undefined;
-  "aria-brailleroledescription"?: string | undefined;
-  "aria-busy"?: (boolean | "true" | "false") | undefined;
-  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
-  "aria-colcount"?: number | undefined;
-  "aria-colindex"?: number | undefined;
-  "aria-colindextext"?: string | undefined;
-  "aria-colspan"?: number | undefined;
-  "aria-controls"?: string | undefined;
-  "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
-  "aria-describedby"?: string | undefined;
-  "aria-description"?: string | undefined;
-  "aria-details"?: string | undefined;
-  "aria-disabled"?: (boolean | "true" | "false") | undefined;
-  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-  "aria-errormessage"?: string | undefined;
-  "aria-expanded"?: (boolean | "true" | "false") | undefined;
-  "aria-flowto"?: string | undefined;
-  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-  "aria-hidden"?: (boolean | "true" | "false") | undefined;
-  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-  "aria-keyshortcuts"?: string | undefined;
-  "aria-label"?: string | undefined;
-  "aria-labelledby"?: string | undefined;
-  "aria-level"?: number | undefined;
-  "aria-live"?: "off" | "assertive" | "polite" | undefined;
-  "aria-modal"?: (boolean | "true" | "false") | undefined;
-  "aria-multiline"?: (boolean | "true" | "false") | undefined;
-  "aria-multiselectable": boolean | "true" | "false";
-  "aria-orientation"?: "horizontal" | "vertical" | undefined;
-  "aria-owns"?: string | undefined;
-  "aria-placeholder"?: string | undefined;
-  "aria-posinset"?: number | undefined;
-  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
-  "aria-readonly"?: (boolean | "true" | "false") | undefined;
-  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-  "aria-required"?: (boolean | "true" | "false") | undefined;
-  "aria-roledescription"?: string | undefined;
-  "aria-rowcount"?: number | undefined;
-  "aria-rowindex"?: number | undefined;
-  "aria-rowindextext"?: string | undefined;
-  "aria-rowspan"?: number | undefined;
-  "aria-selected"?: (boolean | "true" | "false") | undefined;
-  "aria-setsize"?: number | undefined;
-  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-  "aria-valuemax"?: number | undefined;
-  "aria-valuemin"?: number | undefined;
-  "aria-valuenow"?: number | undefined;
-  "aria-valuetext"?: string | undefined;
   children?: React.ReactNode | undefined;
   dangerouslySetInnerHTML?: {
     __html: string | TrustedHTML;
@@ -284,5 +174,115 @@ export declare function useTreeViewRootProps<TStore extends TreeViewAnyStore>(st
   onTransitionRunCapture?: React.TransitionEventHandler<HTMLUListElement> | undefined;
   onTransitionStart?: React.TransitionEventHandler<HTMLUListElement> | undefined;
   onTransitionStartCapture?: React.TransitionEventHandler<HTMLUListElement> | undefined;
+  "aria-activedescendant"?: string | undefined;
+  "aria-atomic"?: ("false" | "true" | boolean) | undefined;
+  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+  "aria-braillelabel"?: string | undefined;
+  "aria-brailleroledescription"?: string | undefined;
+  "aria-busy"?: ("false" | "true" | boolean) | undefined;
+  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+  "aria-colcount"?: number | undefined;
+  "aria-colindex"?: number | undefined;
+  "aria-colindextext"?: string | undefined;
+  "aria-colspan"?: number | undefined;
+  "aria-controls"?: string | undefined;
+  "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+  "aria-describedby"?: string | undefined;
+  "aria-description"?: string | undefined;
+  "aria-details"?: string | undefined;
+  "aria-disabled"?: ("false" | "true" | boolean) | undefined;
+  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+  "aria-errormessage"?: string | undefined;
+  "aria-expanded"?: ("false" | "true" | boolean) | undefined;
+  "aria-flowto"?: string | undefined;
+  "aria-grabbed"?: ("false" | "true" | boolean) | undefined;
+  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+  "aria-hidden"?: ("false" | "true" | boolean) | undefined;
+  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+  "aria-keyshortcuts"?: string | undefined;
+  "aria-label"?: string | undefined;
+  "aria-labelledby"?: string | undefined;
+  "aria-level"?: number | undefined;
+  "aria-live"?: "off" | "assertive" | "polite" | undefined;
+  "aria-modal"?: ("false" | "true" | boolean) | undefined;
+  "aria-multiline"?: ("false" | "true" | boolean) | undefined;
+  "aria-orientation"?: "horizontal" | "vertical" | undefined;
+  "aria-owns"?: string | undefined;
+  "aria-placeholder"?: string | undefined;
+  "aria-posinset"?: number | undefined;
+  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+  "aria-readonly"?: ("false" | "true" | boolean) | undefined;
+  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+  "aria-required"?: ("false" | "true" | boolean) | undefined;
+  "aria-roledescription"?: string | undefined;
+  "aria-rowcount"?: number | undefined;
+  "aria-rowindex"?: number | undefined;
+  "aria-rowindextext"?: string | undefined;
+  "aria-rowspan"?: number | undefined;
+  "aria-selected"?: ("false" | "true" | boolean) | undefined;
+  "aria-setsize"?: number | undefined;
+  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+  "aria-valuemax"?: number | undefined;
+  "aria-valuemin"?: number | undefined;
+  "aria-valuenow"?: number | undefined;
+  "aria-valuetext"?: string | undefined;
+  defaultChecked?: boolean | undefined;
+  defaultValue?: string | number | readonly string[] | undefined;
+  suppressContentEditableWarning?: boolean | undefined;
+  suppressHydrationWarning?: boolean | undefined;
+  accessKey?: string | undefined;
+  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+  autoFocus?: boolean | undefined;
+  className?: string | undefined;
+  contentEditable?: ("false" | "true" | boolean) | "inherit" | "plaintext-only" | undefined;
+  contextMenu?: string | undefined;
+  dir?: string | undefined;
+  draggable?: ("false" | "true" | boolean) | undefined;
+  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+  hidden?: boolean | undefined;
+  lang?: string | undefined;
+  nonce?: string | undefined;
+  slot?: string | undefined;
+  spellCheck?: ("false" | "true" | boolean) | undefined;
+  tabIndex?: number | undefined;
+  title?: string | undefined;
+  translate?: "yes" | "no" | undefined;
+  radioGroup?: string | undefined;
+  about?: string | undefined;
+  content?: string | undefined;
+  datatype?: string | undefined;
+  inlist?: any;
+  prefix?: string | undefined;
+  property?: string | undefined;
+  rel?: string | undefined;
+  resource?: string | undefined;
+  rev?: string | undefined;
+  typeof?: string | undefined;
+  vocab?: string | undefined;
+  autoCorrect?: string | undefined;
+  autoSave?: string | undefined;
+  color?: string | undefined;
+  itemProp?: string | undefined;
+  itemScope?: boolean | undefined;
+  itemType?: string | undefined;
+  itemID?: string | undefined;
+  itemRef?: string | undefined;
+  results?: number | undefined;
+  security?: string | undefined;
+  unselectable?: "on" | "off" | undefined;
+  popover?: "" | "auto" | "manual" | "hint" | undefined;
+  popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+  popoverTarget?: string | undefined;
+  inert?: boolean | undefined;
+  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+  is?: string | undefined;
+  exportparts?: string | undefined;
+  part?: string | undefined;
   ref: React.Ref<HTMLUListElement | null> | undefined;
+  role: string;
+  id: string | undefined;
+  "aria-multiselectable": "false" | "true" | boolean;
+  style: React.CSSProperties;
+  onFocus: (event: React.FocusEvent<HTMLUListElement> & TreeViewCancellableEvent) => void;
+  onBlur: (event: React.FocusEvent<HTMLUListElement> & TreeViewCancellableEvent) => void;
 };

package/internals/plugins/expansion/utils.d.mts

@@ -2,4 +2,4 @@ import type { RichTreeViewStoreParameters } from "../../RichTreeViewStore/index.
 export declare const getExpansionTrigger: ({
   isItemEditable,
   expansionTrigger
-}: Pick<RichTreeViewStoreParameters<any, any>, "isItemEditable" | "expansionTrigger">) => "content" | "iconContainer";
+}: Pick<RichTreeViewStoreParameters<any, any>, 'isItemEditable' | 'expansionTrigger'>) => "content" | "iconContainer";

package/internals/plugins/expansion/utils.d.ts

@@ -2,4 +2,4 @@ import type { RichTreeViewStoreParameters } from "../../RichTreeViewStore/index.
 export declare const getExpansionTrigger: ({
   isItemEditable,
   expansionTrigger
-}: Pick<RichTreeViewStoreParameters<any, any>, "isItemEditable" | "expansionTrigger">) => "content" | "iconContainer";
+}: Pick<RichTreeViewStoreParameters<any, any>, 'isItemEditable' | 'expansionTrigger'>) => "content" | "iconContainer";

package/internals/plugins/items/TreeViewItemsPlugin.d.mts

@@ -10,7 +10,7 @@ export declare class TreeViewItemsPlugin<R extends TreeViewValidItem<R>> {
   /**
    * Builds the state properties derived from the `items` prop.
    */
-  static buildItemsStateIfNeeded: <R2 extends TreeViewValidItem<R2>>(parameters: Pick<MinimalTreeViewParameters<R2, any>, "items" | "isItemDisabled" | "isItemSelectionDisabled" | "getItemId" | "getItemLabel" | "getItemChildren">) => {
+  static buildItemsStateIfNeeded: <R2 extends TreeViewValidItem<R2>>(parameters: Pick<MinimalTreeViewParameters<R2, any>, 'items' | 'isItemDisabled' | 'isItemSelectionDisabled' | 'getItemId' | 'getItemLabel' | 'getItemChildren'>) => {
     itemMetaLookup: {
       [itemId: string]: import("../../index.mjs").TreeViewItemMeta;
     };

package/internals/plugins/items/TreeViewItemsPlugin.d.ts

@@ -10,7 +10,7 @@ export declare class TreeViewItemsPlugin<R extends TreeViewValidItem<R>> {
   /**
    * Builds the state properties derived from the `items` prop.
    */
-  static buildItemsStateIfNeeded: <R2 extends TreeViewValidItem<R2>>(parameters: Pick<MinimalTreeViewParameters<R2, any>, "items" | "isItemDisabled" | "isItemSelectionDisabled" | "getItemId" | "getItemLabel" | "getItemChildren">) => {
+  static buildItemsStateIfNeeded: <R2 extends TreeViewValidItem<R2>>(parameters: Pick<MinimalTreeViewParameters<R2, any>, 'items' | 'isItemDisabled' | 'isItemSelectionDisabled' | 'getItemId' | 'getItemLabel' | 'getItemChildren'>) => {
     itemMetaLookup: {
       [itemId: string]: import("../../index.js").TreeViewItemMeta;
     };

package/internals/plugins/labelEditing/TreeViewLabelEditingPlugin.d.mts

@@ -2,7 +2,7 @@ import type { ExtendableRichTreeViewStore } from "../../RichTreeViewStore/RichTr
 import type { TreeViewItemId } from "../../../models/index.mjs";
 export declare class TreeViewLabelEditingPlugin {
   private store;
-  constructor(store: ExtendableRichTreeViewStore<any, any>);
+  constructor(store: ExtendableRichTreeViewStore<any, any, any, any>);
   buildPublicAPI: () => {
     setEditedItem: (itemId: TreeViewItemId | null) => void;
     updateItemLabel: (itemId: TreeViewItemId, label: string) => void;

package/internals/plugins/labelEditing/TreeViewLabelEditingPlugin.d.ts

@@ -2,7 +2,7 @@ import type { ExtendableRichTreeViewStore } from "../../RichTreeViewStore/RichTr
 import type { TreeViewItemId } from "../../../models/index.js";
 export declare class TreeViewLabelEditingPlugin {
   private store;
-  constructor(store: ExtendableRichTreeViewStore<any, any>);
+  constructor(store: ExtendableRichTreeViewStore<any, any, any, any>);
   buildPublicAPI: () => {
     setEditedItem: (itemId: TreeViewItemId | null) => void;
     updateItemLabel: (itemId: TreeViewItemId, label: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-tree-view",
-  "version": "9.9.0",
+  "version": "9.10.0",
   "author": "MUI Team",
   "description": "The community edition of the MUI X Tree View components.",
   "license": "MIT",
@@ -32,13 +32,13 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@base-ui/utils": "^0.3.0",
+    "@base-ui/utils": "^0.3.1",
     "@mui/utils": "^9.2.0",
     "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "^9.9.0"
+    "@mui/x-internals": "^9.10.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",