@mui/x-tree-view 8.0.0-alpha.1 → 8.0.0-alpha.4

package/SimpleTreeView/SimpleTreeView.types.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Theme } from '@mui/material/styles';
-import { SlotComponentProps } from '@mui/utils';
-import { SxProps } from '@mui/system';
+import { SlotComponentProps } from '@mui/utils/types';
+import { SxProps } from '@mui/system/styleFunctionSx';
 import { SimpleTreeViewClasses } from './simpleTreeViewClasses';
 import { SimpleTreeViewPluginParameters, SimpleTreeViewPluginSlotProps, SimpleTreeViewPluginSlots, SimpleTreeViewPluginSignatures } from './SimpleTreeView.plugins';
 import { TreeViewExperimentalFeatures, TreeViewPublicAPI } from '../internals/models';

package/TreeItem/TreeItem.types.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
 import { TransitionProps } from '@mui/material/transitions';
-import { SlotComponentProps } from '@mui/utils';
+import { SlotComponentProps } from '@mui/utils/types';
 import { UseTreeItemParameters, UseTreeItemStatus } from '../useTreeItem';
 import { TreeItemClasses } from './treeItemClasses';
 import { TreeItemIconSlotProps, TreeItemIconSlots } from '../TreeItemIcon';

package/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.js

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { alpha } from '@mui/material/styles';
-import { shouldForwardProp } from '@mui/system';
+import { shouldForwardProp } from '@mui/system/createStyled';
 import { styled } from "../internals/zero-styled/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const TreeItemDragAndDropOverlayRoot = styled('div', {

package/TreeItemIcon/TreeItemIcon.types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SlotComponentProps } from '@mui/utils';
+import { SlotComponentProps } from '@mui/utils/types';
 import { UseTreeItemStatus } from '../useTreeItem';
 export interface TreeItemIconSlots {
     /**

package/TreeItemProvider/TreeItemProvider.d.ts

@@ -1,8 +1,6 @@
+import * as React from 'react';
 import { TreeItemProviderProps } from './TreeItemProvider.types';
-/**
- * @ignore - internal component.
- */
-declare function TreeItemProvider(props: TreeItemProviderProps): import("react").ReactNode;
+declare function TreeItemProvider(props: TreeItemProviderProps): React.JSX.Element;
 declare namespace TreeItemProvider {
     var propTypes: any;
 }

package/TreeItemProvider/TreeItemProvider.js

@@ -1,12 +1,12 @@
+'use client';
+
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useTreeViewContext } from "../internals/TreeViewProvider/index.js";
 import { generateTreeItemIdAttribute } from "../internals/corePlugins/useTreeViewId/useTreeViewId.utils.js";
 import { useSelector } from "../internals/hooks/useSelector.js";
 import { selectorTreeViewId } from "../internals/corePlugins/useTreeViewId/useTreeViewId.selectors.js";
-
-/**
- * @ignore - internal component.
- */
+import { jsx as _jsx } from "react/jsx-runtime";
 function TreeItemProvider(props) {
   const {
     children,
@@ -24,14 +24,16 @@ function TreeItemProvider(props) {
     treeId,
     id
   });
-  return wrapItem({
-    children,
-    itemId,
-    instance,
-    idAttribute
+  return /*#__PURE__*/_jsx(React.Fragment, {
+    children: wrapItem({
+      children,
+      itemId,
+      instance,
+      idAttribute
+    })
   });
 }
-TreeItemProvider.propTypes = {
+process.env.NODE_ENV !== "production" ? TreeItemProvider.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -39,5 +41,5 @@ TreeItemProvider.propTypes = {
   children: PropTypes.node,
   id: PropTypes.string,
   itemId: PropTypes.string.isRequired
-};
+} : void 0;
 export { TreeItemProvider };

package/hooks/useTreeItemUtils/useTreeItemUtils.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { UseTreeViewSelectionSignature } from '../../internals/plugins/useTreeViewSelection';
-import { UseTreeViewExpansionSignature } from '../../internals/plugins/useTreeViewExpansion';
-import { UseTreeViewItemsSignature } from '../../internals/plugins/useTreeViewItems';
-import { UseTreeViewFocusSignature } from '../../internals/plugins/useTreeViewFocus';
+import type { UseTreeViewSelectionSignature } from '../../internals/plugins/useTreeViewSelection';
+import type { UseTreeViewExpansionSignature } from '../../internals/plugins/useTreeViewExpansion';
+import type { UseTreeViewItemsSignature } from '../../internals/plugins/useTreeViewItems';
+import type { UseTreeViewFocusSignature } from '../../internals/plugins/useTreeViewFocus';
 import { UseTreeViewLabelSignature } from '../../internals/plugins/useTreeViewLabel';
 import type { UseTreeItemStatus } from '../../useTreeItem';
 import { TreeViewPublicAPI } from '../../internals/models';

package/hooks/useTreeViewApiRef.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { TreeViewAnyPluginSignature, TreeViewPublicAPI } from '../internals/models';
+import { RichTreeViewPluginSignatures } from '../RichTreeView/RichTreeView.plugins';
 /**
  * Hook that instantiates a [[TreeViewApiRef]].
  */

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v8.0.0-alpha.1
+ * @mui/x-tree-view v8.0.0-alpha.4
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/components/RichTreeViewItems.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SlotComponentProps } from '@mui/utils';
+import { SlotComponentProps } from '@mui/utils/types';
 import { TreeItem, TreeItemProps } from '../../TreeItem';
 import { TreeViewItemId } from '../../models';
 export declare function RichTreeViewItems(props: RichTreeViewItemsProps): React.JSX.Element;

package/internals/models/itemPlugin.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { EventHandlers } from '@mui/utils';
+import { EventHandlers } from '@mui/utils/types';
 import type { UseTreeItemContentSlotOwnProps, UseTreeItemDragAndDropOverlaySlotOwnProps, UseTreeItemLabelInputSlotOwnProps, UseTreeItemRootSlotOwnProps, UseTreeItemCheckboxSlotOwnProps, UseTreeItemStatus } from '../../useTreeItem';
 import type { UseTreeItemInteractions } from '../../hooks/useTreeItemUtils/useTreeItemUtils';
 import type { TreeItemProps } from '../../TreeItem/TreeItem.types';

package/internals/models/plugin.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { EventHandlers } from '@mui/utils';
+import { EventHandlers } from '@mui/utils/types';
 import { TreeViewExperimentalFeatures, TreeViewInstance, TreeViewModel } from './treeView';
 import type { MergeSignaturesProperty, OptionalIfEmpty } from './helpers';
 import { TreeViewEventLookupElement } from './events';

package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.d.ts

@@ -52,8 +52,12 @@ export declare const selectorIsItemExpandable: ((state: any, itemId: string | nu
         resultsCount: () => number;
         resetResultsCount: () => void;
     } & {
-        resultFunc: (resultFuncArgs_0: import("../useTreeViewItems/useTreeViewItems.types").TreeViewItemMetaLookup, resultFuncArgs_1: string | null) => import("../..").TreeViewItemMeta | null;
-        memoizedResultFunc: ((resultFuncArgs_0: import("../useTreeViewItems/useTreeViewItems.types").TreeViewItemMetaLookup, resultFuncArgs_1: string | null) => import("../..").TreeViewItemMeta | null) & {
+        resultFunc: (resultFuncArgs_0: {
+            [itemId: string]: import("../..").TreeViewItemMeta;
+        }, resultFuncArgs_1: string | null) => import("../..").TreeViewItemMeta | null;
+        memoizedResultFunc: ((resultFuncArgs_0: {
+            [itemId: string]: import("../..").TreeViewItemMeta;
+        }, resultFuncArgs_1: string | null) => import("../..").TreeViewItemMeta | null) & {
             clearCache: () => void;
             resultsCount: () => number;
             resetResultsCount: () => void;
@@ -61,15 +65,21 @@ export declare const selectorIsItemExpandable: ((state: any, itemId: string | nu
         lastResult: () => import("../..").TreeViewItemMeta | null;
         dependencies: [((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & import("../useTreeViewItems").UseTreeViewItemsState<import("../../..").TreeViewDefaultItemModelProperties> & Partial<{}> & {
             cacheKey: import("../../models").TreeViewStateCacheKey;
-        }) => import("../useTreeViewItems/useTreeViewItems.types").TreeViewItemMetaLookup) & {
+        }) => {
+            [itemId: string]: import("../..").TreeViewItemMeta;
+        }) & {
             clearCache: () => void;
             resultsCount: () => number;
             resetResultsCount: () => void;
         } & {
             resultFunc: (resultFuncArgs_0: {
                 disabledItemsFocusable: boolean;
-                itemModelLookup: import("../useTreeViewItems/useTreeViewItems.types").TreeViewItemModelLookup<import("../../..").TreeViewDefaultItemModelProperties>;
-                itemMetaLookup: import("../useTreeViewItems/useTreeViewItems.types").TreeViewItemMetaLookup;
+                itemModelLookup: {
+                    [itemId: string]: import("../../..").TreeViewBaseItem<import("../../..").TreeViewDefaultItemModelProperties>;
+                };
+                itemMetaLookup: {
+                    [itemId: string]: import("../..").TreeViewItemMeta;
+                };
                 itemOrderedChildrenIdsLookup: {
                     [parentItemId: string]: string[];
                 };
@@ -78,11 +88,17 @@ export declare const selectorIsItemExpandable: ((state: any, itemId: string | nu
                         [itemId: string]: number;
                     };
                 };
-            }) => import("../useTreeViewItems/useTreeViewItems.types").TreeViewItemMetaLookup;
+            }) => {
+                [itemId: string]: import("../..").TreeViewItemMeta;
+            };
             memoizedResultFunc: ((resultFuncArgs_0: {
                 disabledItemsFocusable: boolean;
-                itemModelLookup: import("../useTreeViewItems/useTreeViewItems.types").TreeViewItemModelLookup<import("../../..").TreeViewDefaultItemModelProperties>;
-                itemMetaLookup: import("../useTreeViewItems/useTreeViewItems.types").TreeViewItemMetaLookup;
+                itemModelLookup: {
+                    [itemId: string]: import("../../..").TreeViewBaseItem<import("../../..").TreeViewDefaultItemModelProperties>;
+                };
+                itemMetaLookup: {
+                    [itemId: string]: import("../..").TreeViewItemMeta;
+                };
                 itemOrderedChildrenIdsLookup: {
                     [parentItemId: string]: string[];
                 };
@@ -91,12 +107,16 @@ export declare const selectorIsItemExpandable: ((state: any, itemId: string | nu
                         [itemId: string]: number;
                     };
                 };
-            }) => import("../useTreeViewItems/useTreeViewItems.types").TreeViewItemMetaLookup) & {
+            }) => {
+                [itemId: string]: import("../..").TreeViewItemMeta;
+            }) & {
                 clearCache: () => void;
                 resultsCount: () => number;
                 resetResultsCount: () => void;
             };
-            lastResult: () => import("../useTreeViewItems/useTreeViewItems.types").TreeViewItemMetaLookup;
+            lastResult: () => {
+                [itemId: string]: import("../..").TreeViewItemMeta;
+            };
             dependencies: [TreeViewRootSelector<import("../useTreeViewItems").UseTreeViewItemsSignature>];
             recomputations: () => number;
             resetRecomputations: () => void;

package/internals/plugins/useTreeViewIcons/useTreeViewIcons.types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SlotComponentProps } from '@mui/utils';
+import { SlotComponentProps } from '@mui/utils/types';
 import { TreeViewPluginSignature } from '../../models';
 import { UseTreeViewItemsSignature } from '../useTreeViewItems';
 import { UseTreeViewSelectionSignature } from '../useTreeViewSelection';