@mui/x-tree-view 8.0.0-alpha.8 → 8.0.0-beta.0

package/internals/plugins/useTreeViewJSXItems/useTreeViewJSXItems.js

@@ -1,35 +1,43 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import useEventCallback from '@mui/utils/useEventCallback';
-import useForkRef from '@mui/utils/useForkRef';
-import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
-import { publishTreeViewEvent } from "../../utils/publishTreeViewEvent.js";
-import { useTreeViewContext } from "../../TreeViewProvider/index.js";
-import { TreeViewChildrenItemContext, TreeViewChildrenItemProvider } from "../../TreeViewProvider/TreeViewChildrenItemProvider.js";
-import { buildSiblingIndexes, TREE_VIEW_ROOT_PARENT_ID } from "../useTreeViewItems/useTreeViewItems.utils.js";
-import { TreeViewItemDepthContext } from "../../TreeViewItemDepthContext/index.js";
-import { generateTreeItemIdAttribute } from "../../corePlugins/useTreeViewId/useTreeViewId.utils.js";
-import { isItemExpandable } from "../../../hooks/useTreeItemUtils/useTreeItemUtils.js";
-import { useSelector } from "../../hooks/useSelector.js";
-import { selectorTreeViewId } from "../../corePlugins/useTreeViewId/useTreeViewId.selectors.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const useTreeViewJSXItems = ({
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTreeViewJSXItems = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _publishTreeViewEvent = require("../../utils/publishTreeViewEvent");
+var _TreeViewProvider = require("../../TreeViewProvider");
+var _TreeViewChildrenItemProvider = require("../../TreeViewProvider/TreeViewChildrenItemProvider");
+var _useTreeViewItems = require("../useTreeViewItems/useTreeViewItems.utils");
+var _TreeViewItemDepthContext = require("../../TreeViewItemDepthContext");
+var _useTreeViewId = require("../../corePlugins/useTreeViewId/useTreeViewId.utils");
+var _useTreeItemUtils = require("../../../hooks/useTreeItemUtils/useTreeItemUtils");
+var _useSelector = require("../../hooks/useSelector");
+var _useTreeViewId2 = require("../../corePlugins/useTreeViewId/useTreeViewId.selectors");
+var _jsxRuntime = require("react/jsx-runtime");
+const useTreeViewJSXItems = ({
   instance,
   store
 }) => {
   instance.preventItemUpdates();
-  const insertJSXItem = useEventCallback(item => {
+  const insertJSXItem = (0, _useEventCallback.default)(item => {
     store.update(prevState => {
       if (prevState.items.itemMetaLookup[item.id] != null) {
         throw new Error(['MUI X: The Tree View component requires all items to have a unique `id` property.', 'Alternatively, you can use the `getItemId` prop to specify a custom id for each item.', `Two items were provided with the same id in the \`items\` prop: "${item.id}"`].join('\n'));
       }
-      return _extends({}, prevState, {
-        items: _extends({}, prevState.items, {
-          itemMetaLookup: _extends({}, prevState.items.itemMetaLookup, {
+      return (0, _extends2.default)({}, prevState, {
+        items: (0, _extends2.default)({}, prevState.items, {
+          itemMetaLookup: (0, _extends2.default)({}, prevState.items.itemMetaLookup, {
             [item.id]: item
           }),
           // For Simple Tree View, we don't have a proper `item` object, so we create a very basic one.
-          itemModelLookup: _extends({}, prevState.items.itemModelLookup, {
+          itemModelLookup: (0, _extends2.default)({}, prevState.items.itemModelLookup, {
             [item.id]: {
               id: item.id,
               label: item.label ?? ''
@@ -40,43 +48,43 @@ export const useTreeViewJSXItems = ({
     });
     return () => {
       store.update(prevState => {
-        const newItemMetaLookup = _extends({}, prevState.items.itemMetaLookup);
-        const newItemModelLookup = _extends({}, prevState.items.itemModelLookup);
+        const newItemMetaLookup = (0, _extends2.default)({}, prevState.items.itemMetaLookup);
+        const newItemModelLookup = (0, _extends2.default)({}, prevState.items.itemModelLookup);
         delete newItemMetaLookup[item.id];
         delete newItemModelLookup[item.id];
-        return _extends({}, prevState, {
-          items: _extends({}, prevState.items, {
+        return (0, _extends2.default)({}, prevState, {
+          items: (0, _extends2.default)({}, prevState.items, {
             itemMetaLookup: newItemMetaLookup,
             itemModelLookup: newItemModelLookup
           })
         });
       });
-      publishTreeViewEvent(instance, 'removeItem', {
+      (0, _publishTreeViewEvent.publishTreeViewEvent)(instance, 'removeItem', {
         id: item.id
       });
     };
   });
   const setJSXItemsOrderedChildrenIds = (parentId, orderedChildrenIds) => {
-    const parentIdWithDefault = parentId ?? TREE_VIEW_ROOT_PARENT_ID;
-    store.update(prevState => _extends({}, prevState, {
-      items: _extends({}, prevState.items, {
-        itemOrderedChildrenIdsLookup: _extends({}, prevState.items.itemOrderedChildrenIdsLookup, {
+    const parentIdWithDefault = parentId ?? _useTreeViewItems.TREE_VIEW_ROOT_PARENT_ID;
+    store.update(prevState => (0, _extends2.default)({}, prevState, {
+      items: (0, _extends2.default)({}, prevState.items, {
+        itemOrderedChildrenIdsLookup: (0, _extends2.default)({}, prevState.items.itemOrderedChildrenIdsLookup, {
           [parentIdWithDefault]: orderedChildrenIds
         }),
-        itemChildrenIndexesLookup: _extends({}, prevState.items.itemChildrenIndexesLookup, {
-          [parentIdWithDefault]: buildSiblingIndexes(orderedChildrenIds)
+        itemChildrenIndexesLookup: (0, _extends2.default)({}, prevState.items.itemChildrenIndexesLookup, {
+          [parentIdWithDefault]: (0, _useTreeViewItems.buildSiblingIndexes)(orderedChildrenIds)
         })
       })
     }));
   };
-  const mapFirstCharFromJSX = useEventCallback((itemId, firstChar) => {
+  const mapFirstCharFromJSX = (0, _useEventCallback.default)((itemId, firstChar) => {
     instance.updateFirstCharMap(firstCharMap => {
       firstCharMap[itemId] = firstChar;
       return firstCharMap;
     });
     return () => {
       instance.updateFirstCharMap(firstCharMap => {
-        const newMap = _extends({}, firstCharMap);
+        const newMap = (0, _extends2.default)({}, firstCharMap);
         delete newMap[itemId];
         return newMap;
       });
@@ -90,6 +98,7 @@ export const useTreeViewJSXItems = ({
     }
   };
 };
+exports.useTreeViewJSXItems = useTreeViewJSXItems;
 const useTreeViewJSXItemsItemPlugin = ({
   props,
   rootRef,
@@ -98,7 +107,7 @@ const useTreeViewJSXItemsItemPlugin = ({
   const {
     instance,
     store
-  } = useTreeViewContext();
+  } = (0, _TreeViewProvider.useTreeViewContext)();
   const {
     children,
     disabled = false,
@@ -106,7 +115,7 @@ const useTreeViewJSXItemsItemPlugin = ({
     itemId,
     id
   } = props;
-  const parentContext = React.useContext(TreeViewChildrenItemContext);
+  const parentContext = React.useContext(_TreeViewChildrenItemProvider.TreeViewChildrenItemContext);
   if (parentContext == null) {
     throw new Error(['MUI X: Could not find the Tree View Children Item context.', 'It looks like you rendered your component outside of a SimpleTreeView parent component.', 'This can also happen if you are bundling multiple versions of the Tree View.'].join('\n'));
   }
@@ -115,14 +124,14 @@ const useTreeViewJSXItemsItemPlugin = ({
     unregisterChild,
     parentId
   } = parentContext;
-  const expandable = isItemExpandable(children);
+  const expandable = (0, _useTreeItemUtils.itemHasChildren)(children);
   const pluginContentRef = React.useRef(null);
-  const handleContentRef = useForkRef(pluginContentRef, contentRef);
-  const treeId = useSelector(store, selectorTreeViewId);
+  const handleContentRef = (0, _useForkRef.default)(pluginContentRef, contentRef);
+  const treeId = (0, _useSelector.useSelector)(store, _useTreeViewId2.selectorTreeViewId);
 
   // Prevent any flashing
-  useEnhancedEffect(() => {
-    const idAttribute = generateTreeItemIdAttribute({
+  (0, _useEnhancedEffect.default)(() => {
+    const idAttribute = (0, _useTreeViewId.generateTreeItemIdAttribute)({
       itemId,
       treeId,
       id
@@ -133,7 +142,7 @@ const useTreeViewJSXItemsItemPlugin = ({
       unregisterChild(idAttribute);
     };
   }, [store, instance, registerChild, unregisterChild, itemId, id, treeId]);
-  useEnhancedEffect(() => {
+  (0, _useEnhancedEffect.default)(() => {
     return instance.insertJSXItem({
       id: itemId,
       idAttribute: id,
@@ -160,11 +169,11 @@ useTreeViewJSXItems.wrapItem = ({
   idAttribute
 }) => {
   // eslint-disable-next-line react-hooks/rules-of-hooks
-  const depthContext = React.useContext(TreeViewItemDepthContext);
-  return /*#__PURE__*/_jsx(TreeViewChildrenItemProvider, {
+  const depthContext = React.useContext(_TreeViewItemDepthContext.TreeViewItemDepthContext);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TreeViewChildrenItemProvider.TreeViewChildrenItemProvider, {
     itemId: itemId,
     idAttribute: idAttribute,
-    children: /*#__PURE__*/_jsx(TreeViewItemDepthContext.Provider, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TreeViewItemDepthContext.TreeViewItemDepthContext.Provider, {
       value: depthContext + 1,
       children: children
     })
@@ -172,10 +181,10 @@ useTreeViewJSXItems.wrapItem = ({
 };
 useTreeViewJSXItems.wrapRoot = ({
   children
-}) => /*#__PURE__*/_jsx(TreeViewChildrenItemProvider, {
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_TreeViewChildrenItemProvider.TreeViewChildrenItemProvider, {
   itemId: null,
   idAttribute: null,
-  children: /*#__PURE__*/_jsx(TreeViewItemDepthContext.Provider, {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TreeViewItemDepthContext.TreeViewItemDepthContext.Provider, {
     value: 0,
     children: children
   })

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

@@ -1,37 +1,35 @@
-import { TreeViewItemMeta, TreeViewPluginSignature } from '../../models';
-import { UseTreeViewItemsSignature } from '../useTreeViewItems';
-import { UseTreeViewKeyboardNavigationSignature } from '../useTreeViewKeyboardNavigation';
-import { TreeViewItemId } from '../../../models';
+import { TreeViewItemMeta, TreeViewPluginSignature } from "../../models/index.js";
+import { UseTreeViewItemsSignature } from "../useTreeViewItems/index.js";
+import { UseTreeViewKeyboardNavigationSignature } from "../useTreeViewKeyboardNavigation/index.js";
+import { TreeViewItemId } from "../../../models/index.js";
 export interface UseTreeViewItemsInstance {
-    /**
-     * Insert a new item in the state from a Tree Item component.
-     * @param {TreeViewItemMeta} item The meta-information of the item to insert.
-     * @returns {() => void} A function to remove the item from the state.
-     */
-    insertJSXItem: (item: TreeViewItemMeta) => () => void;
-    /**
-     * Updates the `firstCharMap` to register the first character of the given item's label.
-     * This map is used to navigate the tree using type-ahead search.
-     * @param {TreeViewItemId} itemId The id of the item to map the first character of.
-     * @param {string} firstChar The first character of the item's label.
-     * @returns {() => void} A function to remove the item from the `firstCharMap`.
-     */
-    mapFirstCharFromJSX: (itemId: TreeViewItemId, firstChar: string) => () => void;
-    /**
-     * Store the ids of a given item's children in the state.
-     * Those ids must be passed in the order they should be rendered.
-     * @param {TreeViewItemId | null} parentId The id of the item to store the children of.
-     * @param {TreeViewItemId[]} orderedChildrenIds The ids of the item's children.
-     */
-    setJSXItemsOrderedChildrenIds: (parentId: TreeViewItemId | null, orderedChildrenIds: TreeViewItemId[]) => void;
-}
-export interface UseTreeViewJSXItemsParameters {
-}
-export interface UseTreeViewItemsDefaultizedParameters {
+  /**
+   * Insert a new item in the state from a Tree Item component.
+   * @param {TreeViewItemMeta} item The meta-information of the item to insert.
+   * @returns {() => void} A function to remove the item from the state.
+   */
+  insertJSXItem: (item: TreeViewItemMeta) => () => void;
+  /**
+   * Updates the `firstCharMap` to register the first character of the given item's label.
+   * This map is used to navigate the tree using type-ahead search.
+   * @param {TreeViewItemId} itemId The id of the item to map the first character of.
+   * @param {string} firstChar The first character of the item's label.
+   * @returns {() => void} A function to remove the item from the `firstCharMap`.
+   */
+  mapFirstCharFromJSX: (itemId: TreeViewItemId, firstChar: string) => () => void;
+  /**
+   * Store the ids of a given item's children in the state.
+   * Those ids must be passed in the order they should be rendered.
+   * @param {TreeViewItemId | null} parentId The id of the item to store the children of.
+   * @param {TreeViewItemId[]} orderedChildrenIds The ids of the item's children.
+   */
+  setJSXItemsOrderedChildrenIds: (parentId: TreeViewItemId | null, orderedChildrenIds: TreeViewItemId[]) => void;
 }
+export interface UseTreeViewJSXItemsParameters {}
+export interface UseTreeViewItemsDefaultizedParameters {}
 export type UseTreeViewJSXItemsSignature = TreeViewPluginSignature<{
-    params: UseTreeViewJSXItemsParameters;
-    defaultizedParams: UseTreeViewItemsDefaultizedParameters;
-    instance: UseTreeViewItemsInstance;
-    dependencies: [UseTreeViewItemsSignature, UseTreeViewKeyboardNavigationSignature];
-}>;
+  params: UseTreeViewJSXItemsParameters;
+  defaultizedParams: UseTreeViewItemsDefaultizedParameters;
+  instance: UseTreeViewItemsInstance;
+  dependencies: [UseTreeViewItemsSignature, UseTreeViewKeyboardNavigationSignature];
+}>;

package/internals/plugins/useTreeViewJSXItems/useTreeViewJSXItems.types.js

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

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

@@ -1,2 +1,2 @@
-export { useTreeViewKeyboardNavigation } from './useTreeViewKeyboardNavigation';
-export type { UseTreeViewKeyboardNavigationSignature } from './useTreeViewKeyboardNavigation.types';
+export { useTreeViewKeyboardNavigation } from "./useTreeViewKeyboardNavigation.js";
+export type { UseTreeViewKeyboardNavigationSignature } from './useTreeViewKeyboardNavigation.types';

package/internals/plugins/useTreeViewKeyboardNavigation/index.js

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

package/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.d.ts

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

package/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.js

@@ -1,28 +1,36 @@
-import * as React from 'react';
-import { useRtl } from '@mui/system/RtlProvider';
-import useEventCallback from '@mui/utils/useEventCallback';
-import { getFirstNavigableItem, getLastNavigableItem, getNextNavigableItem, getPreviousNavigableItem, isTargetInDescendants } from "../../utils/tree.js";
-import { hasPlugin } from "../../utils/plugins.js";
-import { useTreeViewLabel } from "../useTreeViewLabel/index.js";
-import { useSelector } from "../../hooks/useSelector.js";
-import { selectorItemMetaLookup, selectorIsItemDisabled, selectorItemParentId } from "../useTreeViewItems/useTreeViewItems.selectors.js";
-import { selectorIsItemBeingEdited, selectorIsItemEditable } from "../useTreeViewLabel/useTreeViewLabel.selectors.js";
-import { selectorIsItemSelected } from "../useTreeViewSelection/useTreeViewSelection.selectors.js";
-import { selectorIsItemExpandable, selectorIsItemExpanded } from "../useTreeViewExpansion/useTreeViewExpansion.selectors.js";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTreeViewKeyboardNavigation = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _RtlProvider = require("@mui/system/RtlProvider");
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _tree = require("../../utils/tree");
+var _plugins = require("../../utils/plugins");
+var _useTreeViewLabel = require("../useTreeViewLabel");
+var _useSelector = require("../../hooks/useSelector");
+var _useTreeViewItems = require("../useTreeViewItems/useTreeViewItems.selectors");
+var _useTreeViewLabel2 = require("../useTreeViewLabel/useTreeViewLabel.selectors");
+var _useTreeViewSelection = require("../useTreeViewSelection/useTreeViewSelection.selectors");
+var _useTreeViewExpansion = require("../useTreeViewExpansion/useTreeViewExpansion.selectors");
 function isPrintableKey(string) {
   return !!string && string.length === 1 && !!string.match(/\S/);
 }
-export const useTreeViewKeyboardNavigation = ({
+const useTreeViewKeyboardNavigation = ({
   instance,
   store,
   params
 }) => {
-  const isRtl = useRtl();
+  const isRtl = (0, _RtlProvider.useRtl)();
   const firstCharMap = React.useRef({});
-  const updateFirstCharMap = useEventCallback(callback => {
+  const updateFirstCharMap = (0, _useEventCallback.default)(callback => {
     firstCharMap.current = callback(firstCharMap.current);
   });
-  const itemMetaLookup = useSelector(store, selectorItemMetaLookup);
+  const itemMetaLookup = (0, _useSelector.useSelector)(store, _useTreeViewItems.selectorItemMetaLookup);
   React.useEffect(() => {
     if (instance.areItemUpdatesPrevented()) {
       return;
@@ -37,10 +45,10 @@ export const useTreeViewKeyboardNavigation = ({
   const getFirstMatchingItem = (itemId, query) => {
     const cleanQuery = query.toLowerCase();
     const getNextItem = itemIdToCheck => {
-      const nextItemId = getNextNavigableItem(store.value, itemIdToCheck);
+      const nextItemId = (0, _tree.getNextNavigableItem)(store.value, itemIdToCheck);
       // We reached the end of the tree, check from the beginning
       if (nextItemId === null) {
-        return getFirstNavigableItem(store.value);
+        return (0, _tree.getFirstNavigableItem)(store.value);
       }
       return nextItemId;
     };
@@ -58,17 +66,17 @@ export const useTreeViewKeyboardNavigation = ({
     }
     return matchingItemId;
   };
-  const canToggleItemSelection = itemId => !params.disableSelection && !selectorIsItemDisabled(store.value, itemId);
+  const canToggleItemSelection = itemId => !params.disableSelection && !(0, _useTreeViewItems.selectorIsItemDisabled)(store.value, itemId);
   const canToggleItemExpansion = itemId => {
-    return !selectorIsItemDisabled(store.value, itemId) && selectorIsItemExpandable(store.value, itemId);
+    return !(0, _useTreeViewItems.selectorIsItemDisabled)(store.value, itemId) && (0, _useTreeViewExpansion.selectorIsItemExpandable)(store.value, itemId);
   };
 
   // ARIA specification: https://www.w3.org/WAI/ARIA/apg/patterns/treeview/#keyboardinteraction
-  const handleItemKeyDown = (event, itemId) => {
+  const handleItemKeyDown = async (event, itemId) => {
     if (event.defaultMuiPrevented) {
       return;
     }
-    if (event.altKey || isTargetInDescendants(event.target, event.currentTarget)) {
+    if (event.altKey || (0, _tree.isTargetInDescendants)(event.target, event.currentTarget)) {
       return;
     }
     const ctrlPressed = event.ctrlKey || event.metaKey;
@@ -83,7 +91,7 @@ export const useTreeViewKeyboardNavigation = ({
           if (params.multiSelect && event.shiftKey) {
             instance.expandSelectionRange(event, itemId);
           } else {
-            instance.selectItem({
+            instance.setItemSelection({
               event,
               itemId,
               keepExistingSelection: params.multiSelect,
@@ -97,24 +105,27 @@ export const useTreeViewKeyboardNavigation = ({
       // If the focused item has no children, we select it.
       case key === 'Enter':
         {
-          if (hasPlugin(instance, useTreeViewLabel) && selectorIsItemEditable(store.value, {
+          if ((0, _plugins.hasPlugin)(instance, _useTreeViewLabel.useTreeViewLabel) && (0, _useTreeViewLabel2.selectorIsItemEditable)(store.value, {
             itemId,
             isItemEditable: params.isItemEditable
-          }) && !selectorIsItemBeingEdited(store.value, itemId)) {
+          }) && !(0, _useTreeViewLabel2.selectorIsItemBeingEdited)(store.value, itemId)) {
             instance.setEditedItemId(itemId);
           } else if (canToggleItemExpansion(itemId)) {
-            instance.toggleItemExpansion(event, itemId);
+            instance.setItemExpansion({
+              event,
+              itemId
+            });
             event.preventDefault();
           } else if (canToggleItemSelection(itemId)) {
             if (params.multiSelect) {
               event.preventDefault();
-              instance.selectItem({
+              instance.setItemSelection({
                 event,
                 itemId,
                 keepExistingSelection: true
               });
-            } else if (!selectorIsItemSelected(store.value, itemId)) {
-              instance.selectItem({
+            } else if (!(0, _useTreeViewSelection.selectorIsItemSelected)(store.value, itemId)) {
+              instance.setItemSelection({
                 event,
                 itemId
               });
@@ -127,7 +138,7 @@ export const useTreeViewKeyboardNavigation = ({
       // Focus the next focusable item
       case key === 'ArrowDown':
         {
-          const nextItem = getNextNavigableItem(store.value, itemId);
+          const nextItem = (0, _tree.getNextNavigableItem)(store.value, itemId);
           if (nextItem) {
             event.preventDefault();
             instance.focusItem(event, nextItem);
@@ -144,7 +155,7 @@ export const useTreeViewKeyboardNavigation = ({
       // Focuses the previous focusable item
       case key === 'ArrowUp':
         {
-          const previousItem = getPreviousNavigableItem(store.value, itemId);
+          const previousItem = (0, _tree.getPreviousNavigableItem)(store.value, itemId);
           if (previousItem) {
             event.preventDefault();
             instance.focusItem(event, previousItem);
@@ -165,14 +176,17 @@ export const useTreeViewKeyboardNavigation = ({
           if (ctrlPressed) {
             return;
           }
-          if (selectorIsItemExpanded(store.value, itemId)) {
-            const nextItemId = getNextNavigableItem(store.value, itemId);
+          if ((0, _useTreeViewExpansion.selectorIsItemExpanded)(store.value, itemId)) {
+            const nextItemId = (0, _tree.getNextNavigableItem)(store.value, itemId);
             if (nextItemId) {
               instance.focusItem(event, nextItemId);
               event.preventDefault();
             }
           } else if (canToggleItemExpansion(itemId)) {
-            instance.toggleItemExpansion(event, itemId);
+            instance.setItemExpansion({
+              event,
+              itemId
+            });
             event.preventDefault();
           }
           break;
@@ -185,11 +199,14 @@ export const useTreeViewKeyboardNavigation = ({
           if (ctrlPressed) {
             return;
           }
-          if (canToggleItemExpansion(itemId) && selectorIsItemExpanded(store.value, itemId)) {
-            instance.toggleItemExpansion(event, itemId);
+          if (canToggleItemExpansion(itemId) && (0, _useTreeViewExpansion.selectorIsItemExpanded)(store.value, itemId)) {
+            instance.setItemExpansion({
+              event,
+              itemId
+            });
             event.preventDefault();
           } else {
-            const parent = selectorItemParentId(store.value, itemId);
+            const parent = (0, _useTreeViewItems.selectorItemParentId)(store.value, itemId);
             if (parent) {
               instance.focusItem(event, parent);
               event.preventDefault();
@@ -206,7 +223,7 @@ export const useTreeViewKeyboardNavigation = ({
           if (canToggleItemSelection(itemId) && params.multiSelect && ctrlPressed && event.shiftKey) {
             instance.selectRangeFromStartToItem(event, itemId);
           } else {
-            instance.focusItem(event, getFirstNavigableItem(store.value));
+            instance.focusItem(event, (0, _tree.getFirstNavigableItem)(store.value));
           }
           event.preventDefault();
           break;
@@ -220,7 +237,7 @@ export const useTreeViewKeyboardNavigation = ({
           if (canToggleItemSelection(itemId) && params.multiSelect && ctrlPressed && event.shiftKey) {
             instance.selectRangeFromItemToEnd(event, itemId);
           } else {
-            instance.focusItem(event, getLastNavigableItem(store.value));
+            instance.focusItem(event, (0, _tree.getLastNavigableItem)(store.value));
           }
           event.preventDefault();
           break;
@@ -263,4 +280,5 @@ export const useTreeViewKeyboardNavigation = ({
     }
   };
 };
+exports.useTreeViewKeyboardNavigation = useTreeViewKeyboardNavigation;
 useTreeViewKeyboardNavigation.params = {};

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

@@ -1,37 +1,33 @@
 import * as React from 'react';
-import { TreeViewPluginSignature } from '../../models';
-import { UseTreeViewItemsSignature } from '../useTreeViewItems';
-import { UseTreeViewSelectionSignature } from '../useTreeViewSelection';
-import { UseTreeViewFocusSignature } from '../useTreeViewFocus';
-import { UseTreeViewExpansionSignature } from '../useTreeViewExpansion';
-import { TreeViewItemId, TreeViewCancellableEvent } from '../../../models';
-import { UseTreeViewLabelSignature } from '../useTreeViewLabel';
+import { TreeViewPluginSignature } from "../../models/index.js";
+import { UseTreeViewItemsSignature } from "../useTreeViewItems/index.js";
+import { UseTreeViewSelectionSignature } from "../useTreeViewSelection/index.js";
+import { UseTreeViewFocusSignature } from "../useTreeViewFocus/index.js";
+import { UseTreeViewExpansionSignature } from "../useTreeViewExpansion/index.js";
+import { TreeViewItemId, TreeViewCancellableEvent } from "../../../models/index.js";
+import { UseTreeViewLabelSignature } from "../useTreeViewLabel/index.js";
+import { UseTreeViewLazyLoadingSignature } from "../useTreeViewLazyLoading/index.js";
 export interface UseTreeViewKeyboardNavigationInstance {
-    /**
-     * Updates the `firstCharMap` to add/remove the first character of some item's labels.
-     * This map is used to navigate the tree using type-ahead search.
-     * This method is only used by the `useTreeViewJSXItems` plugin, otherwise the updates are handled internally.
-     * @param {(map: TreeViewFirstCharMap) => TreeViewFirstCharMap} updater The function to update the map.
-     */
-    updateFirstCharMap: (updater: (map: TreeViewFirstCharMap) => TreeViewFirstCharMap) => void;
-    /**
-     * Callback fired when a key is pressed on an item.
-     * Handles all the keyboard navigation logic.
-     * @param {React.KeyboardEvent<HTMLElement> & TreeViewCancellableEvent} event The keyboard event that triggered the callback.
-     * @param {TreeViewItemId} itemId The id of the item that the event was triggered on.
-     */
-    handleItemKeyDown: (event: React.KeyboardEvent<HTMLElement> & TreeViewCancellableEvent, itemId: TreeViewItemId) => void;
+  /**
+   * Updates the `firstCharMap` to add/remove the first character of some item's labels.
+   * This map is used to navigate the tree using type-ahead search.
+   * This method is only used by the `useTreeViewJSXItems` plugin, otherwise the updates are handled internally.
+   * @param {(map: TreeViewFirstCharMap) => TreeViewFirstCharMap} updater The function to update the map.
+   */
+  updateFirstCharMap: (updater: (map: TreeViewFirstCharMap) => TreeViewFirstCharMap) => void;
+  /**
+   * Callback fired when a key is pressed on an item.
+   * Handles all the keyboard navigation logic.
+   * @param {React.KeyboardEvent<HTMLElement> & TreeViewCancellableEvent} event The keyboard event that triggered the callback.
+   * @param {TreeViewItemId} itemId The id of the item that the event was triggered on.
+   */
+  handleItemKeyDown: (event: React.KeyboardEvent<HTMLElement> & TreeViewCancellableEvent, itemId: TreeViewItemId) => void;
 }
 export type UseTreeViewKeyboardNavigationSignature = TreeViewPluginSignature<{
-    instance: UseTreeViewKeyboardNavigationInstance;
-    dependencies: [
-        UseTreeViewItemsSignature,
-        UseTreeViewSelectionSignature,
-        UseTreeViewFocusSignature,
-        UseTreeViewExpansionSignature
-    ];
-    optionalDependencies: [UseTreeViewLabelSignature];
+  instance: UseTreeViewKeyboardNavigationInstance;
+  dependencies: [UseTreeViewItemsSignature, UseTreeViewSelectionSignature, UseTreeViewFocusSignature, UseTreeViewExpansionSignature];
+  optionalDependencies: [UseTreeViewLabelSignature, UseTreeViewLazyLoadingSignature];
 }>;
 export type TreeViewFirstCharMap = {
-    [itemId: string]: string;
-};
+  [itemId: string]: string;
+};

package/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.types.js

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

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;