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

package/internals/plugins/useTreeViewLabel/index.d.ts

@@ -1,2 +1,2 @@
-export { useTreeViewLabel } from './useTreeViewLabel';
-export type { UseTreeViewLabelSignature, UseTreeViewLabelParameters, } from './useTreeViewLabel.types';
+export { useTreeViewLabel } from "./useTreeViewLabel.js";
+export type { UseTreeViewLabelSignature, UseTreeViewLabelParameters } from './useTreeViewLabel.types';

package/internals/plugins/useTreeViewLabel/index.js

@@ -1 +1,12 @@
-export { useTreeViewLabel } from "./useTreeViewLabel.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useTreeViewLabel", {
+  enumerable: true,
+  get: function () {
+    return _useTreeViewLabel.useTreeViewLabel;
+  }
+});
+var _useTreeViewLabel = require("./useTreeViewLabel");

package/internals/plugins/useTreeViewLabel/useTreeViewLabel.d.ts

@@ -1,3 +1,3 @@
-import { TreeViewPlugin } from '../../models';
-import { UseTreeViewLabelSignature } from './useTreeViewLabel.types';
-export declare const useTreeViewLabel: TreeViewPlugin<UseTreeViewLabelSignature>;
+import { TreeViewPlugin } from "../../models/index.js";
+import { UseTreeViewLabelSignature } from "./useTreeViewLabel.types.js";
+export declare const useTreeViewLabel: TreeViewPlugin<UseTreeViewLabelSignature>;

package/internals/plugins/useTreeViewLabel/useTreeViewLabel.itemPlugin.d.ts

@@ -1,2 +1,2 @@
-import { TreeViewItemPlugin } from '../../models';
-export declare const useTreeViewLabelItemPlugin: TreeViewItemPlugin;
+import { TreeViewItemPlugin } from "../../models/index.js";
+export declare const useTreeViewLabelItemPlugin: TreeViewItemPlugin;

package/internals/plugins/useTreeViewLabel/useTreeViewLabel.itemPlugin.js

@@ -1,38 +1,42 @@
-import * as React from 'react';
-import { useTreeViewContext } from "../../TreeViewProvider/index.js";
-import { useSelector } from "../../hooks/useSelector.js";
-import { selectorIsItemBeingEdited, selectorIsItemEditable } from "./useTreeViewLabel.selectors.js";
-export const useTreeViewLabelItemPlugin = ({
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTreeViewLabelItemPlugin = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _TreeViewProvider = require("../../TreeViewProvider");
+var _useSelector = require("../../hooks/useSelector");
+var _useTreeViewLabel = require("./useTreeViewLabel.selectors");
+const useTreeViewLabelItemPlugin = ({
   props
 }) => {
   const {
-    store,
-    label: {
-      isItemEditable
-    }
-  } = useTreeViewContext();
+    store
+  } = (0, _TreeViewProvider.useTreeViewContext)();
   const {
     label,
     itemId
   } = props;
   const [labelInputValue, setLabelInputValue] = React.useState(label);
-  const editable = useSelector(store, selectorIsItemEditable, {
-    itemId,
-    isItemEditable
-  });
-  const editing = useSelector(store, selectorIsItemBeingEdited, itemId);
+  const isItemEditable = (0, _useSelector.useSelector)(store, _useTreeViewLabel.selectorIsItemEditable, itemId);
+  const isItemBeingEdited = (0, _useSelector.useSelector)(store, _useTreeViewLabel.selectorIsItemBeingEdited, itemId);
   React.useEffect(() => {
-    if (!editing) {
+    if (!isItemBeingEdited) {
       setLabelInputValue(label);
     }
-  }, [editing, label]);
+  }, [isItemBeingEdited, label]);
   return {
     propsEnhancers: {
+      label: () => ({
+        editable: isItemEditable
+      }),
       labelInput: ({
         externalEventHandlers,
         interactions
       }) => {
-        if (!editable) {
+        if (!isItemEditable) {
           return {};
         }
         const handleKeydown = event => {
@@ -72,4 +76,5 @@ export const useTreeViewLabelItemPlugin = ({
       }
     }
   };
-};
+};
+exports.useTreeViewLabelItemPlugin = useTreeViewLabelItemPlugin;

package/internals/plugins/useTreeViewLabel/useTreeViewLabel.js

@@ -1,16 +1,22 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { warnOnce } from '@mui/x-internals/warning';
-import { useTreeViewLabelItemPlugin } from "./useTreeViewLabel.itemPlugin.js";
-export const useTreeViewLabel = ({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTreeViewLabel = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _useTreeViewLabel = require("./useTreeViewLabel.itemPlugin");
+const useTreeViewLabel = ({
   store,
   params
 }) => {
   const setEditedItemId = editedItemId => {
-    store.update(prevState => _extends({}, prevState, {
-      label: {
+    store.update(prevState => (0, _extends2.default)({}, prevState, {
+      label: (0, _extends2.default)({}, prevState.label, {
         editedItemId
-      }
+      })
     }));
   };
   const updateItemLabel = (itemId, label) => {
@@ -20,10 +26,10 @@ export const useTreeViewLabel = ({
     store.update(prevState => {
       const item = prevState.items.itemMetaLookup[itemId];
       if (item.label !== label) {
-        return _extends({}, prevState, {
-          items: _extends({}, prevState.items, {
-            itemMetaLookup: _extends({}, prevState.items.itemMetaLookup, {
-              [itemId]: _extends({}, item, {
+        return (0, _extends2.default)({}, prevState, {
+          items: (0, _extends2.default)({}, prevState.items, {
+            itemMetaLookup: (0, _extends2.default)({}, prevState.items.itemMetaLookup, {
+              [itemId]: (0, _extends2.default)({}, item, {
                 label
               })
             })
@@ -36,11 +42,14 @@ export const useTreeViewLabel = ({
       params.onItemLabelChange(itemId, label);
     }
   };
-  const pluginContextValue = React.useMemo(() => ({
-    label: {
-      isItemEditable: params.isItemEditable
-    }
-  }), [params.isItemEditable]);
+  (0, _useEnhancedEffect.default)(() => {
+    const isItemEditable = params.isItemEditable;
+    store.update(prevState => (0, _extends2.default)({}, prevState, {
+      label: (0, _extends2.default)({}, prevState.label, {
+        isItemEditable: typeof isItemEditable === 'boolean' ? () => isItemEditable : isItemEditable
+      })
+    }));
+  }, [store, params.isItemEditable]);
   return {
     instance: {
       setEditedItemId,
@@ -48,27 +57,21 @@ export const useTreeViewLabel = ({
     },
     publicAPI: {
       updateItemLabel
-    },
-    contextValue: pluginContextValue
+    }
   };
 };
-useTreeViewLabel.itemPlugin = useTreeViewLabelItemPlugin;
+exports.useTreeViewLabel = useTreeViewLabel;
+useTreeViewLabel.itemPlugin = _useTreeViewLabel.useTreeViewLabelItemPlugin;
 useTreeViewLabel.getDefaultizedParams = ({
-  params,
-  experimentalFeatures
-}) => {
-  const canUseFeature = experimentalFeatures?.labelEditing;
-  if (process.env.NODE_ENV !== 'production') {
-    if (params.isItemEditable && !canUseFeature) {
-      warnOnce(['MUI X: The label editing feature requires the `labelEditing` experimental feature to be enabled.', 'You can do it by passing `experimentalFeatures={{ labelEditing: true}}` to the Rich Tree View Pro component.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/editing/']);
-    }
-  }
-  return _extends({}, params, {
-    isItemEditable: canUseFeature ? params.isItemEditable ?? false : false
-  });
-};
-useTreeViewLabel.getInitialState = () => ({
+  params
+}) => (0, _extends2.default)({}, params, {
+  isItemEditable: params.isItemEditable ?? false
+});
+useTreeViewLabel.getInitialState = ({
+  isItemEditable
+}) => ({
   label: {
+    isItemEditable: typeof isItemEditable === 'boolean' ? () => isItemEditable : isItemEditable,
     editedItemId: null
   }
 });

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

@@ -1,45 +1,37 @@
-import { UseTreeViewLabelSignature } from './useTreeViewLabel.types';
-import { TreeViewRootSelector } from '../../utils/selectors';
+import { UseTreeViewLabelSignature } from "./useTreeViewLabel.types.js";
+import { TreeViewRootSelector } from "../../utils/selectors.js";
 /**
  * Check if an item is editable.
  * @param {TreeViewState<[UseTreeViewItemsSignature]>} state The state of the tree view.
- * @param {object} params The parameters.
- * @param {TreeViewItemId} params.itemId The id of the item to check.
- * @param {((item: any) => boolean) | boolean} params.isItemEditable The function to determine if an item is editable.
+ * @param {TreeViewItemId} itemId The id of the item to check.
  * @returns {boolean} `true` if the item is editable, `false` otherwise.
  */
-export declare const selectorIsItemEditable: ((state: any, args: any) => boolean) & {
+export declare const selectorIsItemEditable: ((state: any, itemId: string) => boolean) & {
+  clearCache: () => void;
+  resultsCount: () => number;
+  resetResultsCount: () => void;
+} & {
+  resultFunc: (resultFuncArgs_0: {
+    isItemEditable: (item: any) => boolean;
+    editedItemId: string | null;
+  } | undefined, resultFuncArgs_1: import("../../..").TreeViewBaseItem<import("../../..").TreeViewDefaultItemModelProperties>) => boolean;
+  memoizedResultFunc: ((resultFuncArgs_0: {
+    isItemEditable: (item: any) => boolean;
+    editedItemId: string | null;
+  } | undefined, resultFuncArgs_1: import("../../..").TreeViewBaseItem<import("../../..").TreeViewDefaultItemModelProperties>) => boolean) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
+  };
+  lastResult: () => boolean;
+  dependencies: [TreeViewRootSelector<UseTreeViewLabelSignature, true>, (state: any, itemId: string) => import("../../..").TreeViewBaseItem<import("../../..").TreeViewDefaultItemModelProperties>];
+  recomputations: () => number;
+  resetRecomputations: () => void;
+  dependencyRecomputations: () => number;
+  resetDependencyRecomputations: () => void;
 } & {
-    resultFunc: (resultFuncArgs_0: {
-        itemId: string;
-        isItemEditable: ((item: any) => boolean) | boolean;
-    }, resultFuncArgs_1: import("../../..").TreeViewBaseItem<import("../../..").TreeViewDefaultItemModelProperties>) => boolean;
-    memoizedResultFunc: ((resultFuncArgs_0: {
-        itemId: string;
-        isItemEditable: ((item: any) => boolean) | boolean;
-    }, resultFuncArgs_1: import("../../..").TreeViewBaseItem<import("../../..").TreeViewDefaultItemModelProperties>) => boolean) & {
-        clearCache: () => void;
-        resultsCount: () => number;
-        resetResultsCount: () => void;
-    };
-    lastResult: () => boolean;
-    dependencies: [(_: any, args: {
-        itemId: string;
-        isItemEditable: ((item: any) => boolean) | boolean;
-    }) => {
-        itemId: string;
-        isItemEditable: ((item: any) => boolean) | boolean;
-    }, (state: any, args: any) => import("../../..").TreeViewBaseItem<import("../../..").TreeViewDefaultItemModelProperties>];
-    recomputations: () => number;
-    resetRecomputations: () => void;
-    dependencyRecomputations: () => number;
-    resetDependencyRecomputations: () => void;
-} & {
-    argsMemoize: typeof import("reselect").weakMapMemoize;
-    memoize: typeof import("reselect").weakMapMemoize;
+  argsMemoize: typeof import("reselect").weakMapMemoize;
+  memoize: typeof import("reselect").weakMapMemoize;
 };
 /**
  * Check if an item is being edited.
@@ -48,27 +40,29 @@ export declare const selectorIsItemEditable: ((state: any, args: any) => boolean
  * @returns {boolean} `true` if the item is being edited, `false` otherwise.
  */
 export declare const selectorIsItemBeingEdited: ((state: any, itemId: string) => boolean) & {
+  clearCache: () => void;
+  resultsCount: () => number;
+  resetResultsCount: () => void;
+} & {
+  resultFunc: (resultFuncArgs_0: {
+    isItemEditable: (item: any) => boolean;
+    editedItemId: string | null;
+  } | undefined, resultFuncArgs_1: string) => boolean;
+  memoizedResultFunc: ((resultFuncArgs_0: {
+    isItemEditable: (item: any) => boolean;
+    editedItemId: string | null;
+  } | undefined, resultFuncArgs_1: string) => boolean) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
+  };
+  lastResult: () => boolean;
+  dependencies: [TreeViewRootSelector<UseTreeViewLabelSignature, true>, (_: any, itemId: string) => string];
+  recomputations: () => number;
+  resetRecomputations: () => void;
+  dependencyRecomputations: () => number;
+  resetDependencyRecomputations: () => void;
 } & {
-    resultFunc: (resultFuncArgs_0: {
-        editedItemId: string | null;
-    }, resultFuncArgs_1: string) => boolean;
-    memoizedResultFunc: ((resultFuncArgs_0: {
-        editedItemId: string | null;
-    }, resultFuncArgs_1: string) => boolean) & {
-        clearCache: () => void;
-        resultsCount: () => number;
-        resetResultsCount: () => void;
-    };
-    lastResult: () => boolean;
-    dependencies: [TreeViewRootSelector<UseTreeViewLabelSignature>, (_: any, itemId: string) => string];
-    recomputations: () => number;
-    resetRecomputations: () => void;
-    dependencyRecomputations: () => number;
-    resetDependencyRecomputations: () => void;
-} & {
-    argsMemoize: typeof import("reselect").weakMapMemoize;
-    memoize: typeof import("reselect").weakMapMemoize;
-};
+  argsMemoize: typeof import("reselect").weakMapMemoize;
+  memoize: typeof import("reselect").weakMapMemoize;
+};

package/internals/plugins/useTreeViewLabel/useTreeViewLabel.selectors.js

@@ -1,20 +1,24 @@
-import { createSelector } from "../../utils/selectors.js";
-import { selectorItemModel } from "../useTreeViewItems/useTreeViewItems.selectors.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectorIsItemEditable = exports.selectorIsItemBeingEdited = void 0;
+var _selectors = require("../../utils/selectors");
+var _useTreeViewItems = require("../useTreeViewItems/useTreeViewItems.selectors");
 const selectorTreeViewLabelState = state => state.label;
 
 /**
  * Check if an item is editable.
  * @param {TreeViewState<[UseTreeViewItemsSignature]>} state The state of the tree view.
- * @param {object} params The parameters.
- * @param {TreeViewItemId} params.itemId The id of the item to check.
- * @param {((item: any) => boolean) | boolean} params.isItemEditable The function to determine if an item is editable.
+ * @param {TreeViewItemId} itemId The id of the item to check.
  * @returns {boolean} `true` if the item is editable, `false` otherwise.
  */
-export const selectorIsItemEditable = createSelector([(_, args) => args, (state, args) => selectorItemModel(state, args.itemId)], (args, itemModel) => {
-  if (!itemModel || !args.isItemEditable) {
+const selectorIsItemEditable = exports.selectorIsItemEditable = (0, _selectors.createSelector)([selectorTreeViewLabelState, (state, itemId) => (0, _useTreeViewItems.selectorItemModel)(state, itemId)], (labelState, itemModel) => {
+  if (!itemModel || !labelState) {
     return false;
   }
-  return typeof args.isItemEditable === 'function' ? args.isItemEditable(itemModel) : true;
+  return labelState.isItemEditable(itemModel);
 });
 
 /**
@@ -23,4 +27,4 @@ export const selectorIsItemEditable = createSelector([(_, args) => args, (state,
  * @param {TreeViewItemId} itemId The id of the item to check.
  * @returns {boolean} `true` if the item is being edited, `false` otherwise.
  */
-export const selectorIsItemBeingEdited = createSelector([selectorTreeViewLabelState, (_, itemId) => itemId], (labelState, itemId) => labelState.editedItemId === itemId);
+const selectorIsItemBeingEdited = exports.selectorIsItemBeingEdited = (0, _selectors.createSelector)([selectorTreeViewLabelState, (_, itemId) => itemId], (labelState, itemId) => labelState?.editedItemId === itemId);

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

@@ -1,64 +1,60 @@
 import { DefaultizedProps } from '@mui/x-internals/types';
-import { TreeViewPluginSignature } from '../../models';
-import { TreeViewItemId } from '../../../models';
-import { UseTreeViewItemsSignature } from '../useTreeViewItems';
-import { TreeItemLabelInputProps } from '../../../TreeItemLabelInput';
+import { TreeViewPluginSignature } from "../../models/index.js";
+import { TreeViewItemId } from "../../../models/index.js";
+import { UseTreeViewItemsSignature } from "../useTreeViewItems/index.js";
+import { TreeItemLabelInputProps } from "../../../TreeItemLabelInput/index.js";
 export interface UseTreeViewLabelPublicAPI {
-    /**
-     * Used to update the label of an item.
-     * @param {TreeViewItemId} itemId The id of the item to update the label of.
-     * @param {string} newLabel The new label of the item.
-     */
-    updateItemLabel: (itemId: TreeViewItemId, newLabel: string) => void;
+  /**
+   * Used to update the label of an item.
+   * @param {TreeViewItemId} itemId The id of the item to update the label of.
+   * @param {string} newLabel The new label of the item.
+   */
+  updateItemLabel: (itemId: TreeViewItemId, newLabel: string) => void;
 }
 export interface UseTreeViewLabelInstance extends UseTreeViewLabelPublicAPI {
-    /**
-     * Updates which item is currently being edited.
-     * @param {TreeViewItemId} itemId The id of the item that is currently being edited.
-     * @returns {void}.
-     */
-    setEditedItemId: (itemId: TreeViewItemId | null) => void;
+  /**
+   * Updates which item is currently being edited.
+   * @param {TreeViewItemId} itemId The id of the item that is currently being edited.
+   * @returns {void}.
+   */
+  setEditedItemId: (itemId: TreeViewItemId | null) => void;
 }
 export interface UseTreeViewLabelParameters<R extends {}> {
-    /**
-     * Callback fired when the label of an item changes.
-     * @param {TreeViewItemId} itemId The id of the item that was edited.
-     * @param {string} newLabel The new label of the items.
-     */
-    onItemLabelChange?: (itemId: TreeViewItemId, newLabel: string) => void;
-    /**
-     * Determines if a given item is editable or not.
-     * Make sure to also enable the `labelEditing` experimental feature:
-     * `<RichTreeViewPro experimentalFeatures={{ labelEditing: true }}  />`.
-     * By default, the items are not editable.
-     * @template R
-     * @param {R} item The item to check.
-     * @returns {boolean} `true` if the item is editable.
-     */
-    isItemEditable?: boolean | ((item: R) => boolean);
+  /**
+   * Callback fired when the label of an item changes.
+   * @param {TreeViewItemId} itemId The id of the item that was edited.
+   * @param {string} newLabel The new label of the items.
+   */
+  onItemLabelChange?: (itemId: TreeViewItemId, newLabel: string) => void;
+  /**
+   * Determine if a given item can be edited.
+   * @template R
+   * @param {R} item The item to check.
+   * @returns {boolean} `true` if the item can be edited.
+   * @default () => false
+   */
+  isItemEditable?: boolean | ((item: R) => boolean);
 }
 export type UseTreeViewLabelDefaultizedParameters<R extends {}> = DefaultizedProps<UseTreeViewLabelParameters<R>, 'isItemEditable'>;
 export interface UseTreeViewLabelState {
-    label: {
-        editedItemId: string | null;
-    };
-}
-export interface UseTreeViewLabelContextValue {
-    label: Pick<UseTreeViewLabelDefaultizedParameters<any>, 'isItemEditable'>;
+  label: {
+    isItemEditable: (item: any) => boolean;
+    editedItemId: string | null;
+  };
 }
 export type UseTreeViewLabelSignature = TreeViewPluginSignature<{
-    params: UseTreeViewLabelParameters<any>;
-    defaultizedParams: UseTreeViewLabelDefaultizedParameters<any>;
-    publicAPI: UseTreeViewLabelPublicAPI;
-    instance: UseTreeViewLabelInstance;
-    state: UseTreeViewLabelState;
-    contextValue: UseTreeViewLabelContextValue;
-    experimentalFeatures: 'labelEditing';
-    dependencies: [UseTreeViewItemsSignature];
+  params: UseTreeViewLabelParameters<any>;
+  defaultizedParams: UseTreeViewLabelDefaultizedParameters<any>;
+  publicAPI: UseTreeViewLabelPublicAPI;
+  instance: UseTreeViewLabelInstance;
+  state: UseTreeViewLabelState;
+  dependencies: [UseTreeViewItemsSignature];
 }>;
-export interface UseTreeItemLabelInputSlotPropsFromLabelEditing extends TreeItemLabelInputProps {
+export interface UseTreeItemLabelInputSlotPropsFromLabelEditing extends TreeItemLabelInputProps {}
+export interface UseTreeItemLabelSlotPropsFromLabelEditing {
+  editable?: boolean;
 }
 declare module '@mui/x-tree-view/useTreeItem' {
-    interface UseTreeItemLabelInputSlotOwnProps extends UseTreeItemLabelInputSlotPropsFromLabelEditing {
-    }
-}
+  interface UseTreeItemLabelInputSlotOwnProps extends UseTreeItemLabelInputSlotPropsFromLabelEditing {}
+  interface UseTreeItemLabelSlotOwnProps extends UseTreeItemLabelSlotPropsFromLabelEditing {}
+}

package/internals/plugins/useTreeViewLabel/useTreeViewLabel.types.js

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

package/internals/plugins/useTreeViewLazyLoading/index.d.ts

@@ -0,0 +1 @@
+export type { UseTreeViewLazyLoadingSignature, UseTreeViewLazyLoadingParameters } from './useTreeViewLazyLoading.types';