@mui/x-tree-view 7.0.0-beta.3 → 7.0.0-beta.5

package/legacy/internals/models/events.js

@@ -1 +0,0 @@
-export {};

package/legacy/internals/models/helpers.js

@@ -1 +0,0 @@
-export {};

package/legacy/internals/models/index.js

@@ -1,3 +0,0 @@
-export * from './helpers';
-export * from './plugin';
-export * from './treeView';

package/legacy/internals/models/plugin.js

@@ -1 +0,0 @@
-export {};

package/legacy/internals/models/treeView.js

@@ -1 +0,0 @@
-export {};

package/legacy/internals/plugins/defaultPlugins.js

@@ -1,10 +0,0 @@
-import { useTreeViewId } from './useTreeViewId';
-import { useTreeViewNodes } from './useTreeViewNodes';
-import { useTreeViewExpansion } from './useTreeViewExpansion';
-import { useTreeViewSelection } from './useTreeViewSelection';
-import { useTreeViewFocus } from './useTreeViewFocus';
-import { useTreeViewKeyboardNavigation } from './useTreeViewKeyboardNavigation';
-import { useTreeViewIcons } from './useTreeViewIcons';
-export var DEFAULT_TREE_VIEW_PLUGINS = [useTreeViewId, useTreeViewNodes, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons];
-
-// We can't infer this type from the plugin, otherwise we would lose the generics.

package/legacy/internals/plugins/index.js

@@ -1 +0,0 @@
-export { DEFAULT_TREE_VIEW_PLUGINS } from './defaultPlugins';

package/legacy/internals/plugins/useTreeViewExpansion/index.js

@@ -1 +0,0 @@
-export { useTreeViewExpansion } from './useTreeViewExpansion';

package/legacy/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.js

@@ -1,81 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import useEventCallback from '@mui/utils/useEventCallback';
-import { populateInstance } from '../../useTreeView/useTreeView.utils';
-export var useTreeViewExpansion = function useTreeViewExpansion(_ref) {
-  var instance = _ref.instance,
-    params = _ref.params,
-    models = _ref.models;
-  var setExpandedNodes = function setExpandedNodes(event, value) {
-    var _params$onExpandedNod;
-    (_params$onExpandedNod = params.onExpandedNodesChange) == null || _params$onExpandedNod.call(params, event, value);
-    models.expandedNodes.setControlledValue(value);
-  };
-  var isNodeExpanded = React.useCallback(function (nodeId) {
-    return Array.isArray(models.expandedNodes.value) ? models.expandedNodes.value.indexOf(nodeId) !== -1 : false;
-  }, [models.expandedNodes.value]);
-  var isNodeExpandable = React.useCallback(function (nodeId) {
-    var _instance$getNode;
-    return !!((_instance$getNode = instance.getNode(nodeId)) != null && _instance$getNode.expandable);
-  }, [instance]);
-  var toggleNodeExpansion = useEventCallback(function (event, nodeId) {
-    if (nodeId == null) {
-      return;
-    }
-    var isExpandedBefore = models.expandedNodes.value.indexOf(nodeId) !== -1;
-    var newExpanded;
-    if (isExpandedBefore) {
-      newExpanded = models.expandedNodes.value.filter(function (id) {
-        return id !== nodeId;
-      });
-    } else {
-      newExpanded = [nodeId].concat(models.expandedNodes.value);
-    }
-    if (params.onNodeExpansionToggle) {
-      params.onNodeExpansionToggle(event, nodeId, !isExpandedBefore);
-    }
-    setExpandedNodes(event, newExpanded);
-  });
-  var expandAllSiblings = function expandAllSiblings(event, nodeId) {
-    var node = instance.getNode(nodeId);
-    var siblings = instance.getChildrenIds(node.parentId);
-    var diff = siblings.filter(function (child) {
-      return instance.isNodeExpandable(child) && !instance.isNodeExpanded(child);
-    });
-    var newExpanded = models.expandedNodes.value.concat(diff);
-    if (diff.length > 0) {
-      if (params.onNodeExpansionToggle) {
-        diff.forEach(function (newlyExpandedNodeId) {
-          params.onNodeExpansionToggle(event, newlyExpandedNodeId, true);
-        });
-      }
-      setExpandedNodes(event, newExpanded);
-    }
-  };
-  populateInstance(instance, {
-    isNodeExpanded: isNodeExpanded,
-    isNodeExpandable: isNodeExpandable,
-    toggleNodeExpansion: toggleNodeExpansion,
-    expandAllSiblings: expandAllSiblings
-  });
-};
-useTreeViewExpansion.models = {
-  expandedNodes: {
-    getDefaultValue: function getDefaultValue(params) {
-      return params.defaultExpandedNodes;
-    }
-  }
-};
-var DEFAULT_EXPANDED_NODES = [];
-useTreeViewExpansion.getDefaultizedParams = function (params) {
-  var _params$defaultExpand;
-  return _extends({}, params, {
-    defaultExpandedNodes: (_params$defaultExpand = params.defaultExpandedNodes) != null ? _params$defaultExpand : DEFAULT_EXPANDED_NODES
-  });
-};
-useTreeViewExpansion.params = {
-  expandedNodes: true,
-  defaultExpandedNodes: true,
-  onExpandedNodesChange: true,
-  onNodeExpansionToggle: true
-};

package/legacy/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.types.js

@@ -1 +0,0 @@
-export {};

package/legacy/internals/plugins/useTreeViewFocus/index.js

@@ -1 +0,0 @@
-export { useTreeViewFocus } from './useTreeViewFocus';

package/legacy/internals/plugins/useTreeViewFocus/useTreeViewFocus.js

@@ -1,103 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import useEventCallback from '@mui/utils/useEventCallback';
-import ownerDocument from '@mui/utils/ownerDocument';
-import { populateInstance } from '../../useTreeView/useTreeView.utils';
-import { useInstanceEventHandler } from '../../hooks/useInstanceEventHandler';
-export var useTreeViewFocus = function useTreeViewFocus(_ref) {
-  var instance = _ref.instance,
-    params = _ref.params,
-    state = _ref.state,
-    setState = _ref.setState,
-    models = _ref.models,
-    rootRef = _ref.rootRef;
-  var setFocusedNodeId = useEventCallback(function (nodeId) {
-    var cleanNodeId = typeof nodeId === 'function' ? nodeId(state.focusedNodeId) : nodeId;
-    setState(function (prevState) {
-      return _extends({}, prevState, {
-        focusedNodeId: cleanNodeId
-      });
-    });
-  });
-  var isNodeFocused = React.useCallback(function (nodeId) {
-    return state.focusedNodeId === nodeId;
-  }, [state.focusedNodeId]);
-  var focusNode = useEventCallback(function (event, nodeId) {
-    if (nodeId) {
-      setFocusedNodeId(nodeId);
-      if (params.onNodeFocus) {
-        params.onNodeFocus(event, nodeId);
-      }
-    }
-  });
-  var focusRoot = useEventCallback(function () {
-    var _rootRef$current;
-    (_rootRef$current = rootRef.current) == null || _rootRef$current.focus({
-      preventScroll: true
-    });
-  });
-  populateInstance(instance, {
-    isNodeFocused: isNodeFocused,
-    focusNode: focusNode,
-    focusRoot: focusRoot
-  });
-  useInstanceEventHandler(instance, 'removeNode', function (_ref2) {
-    var id = _ref2.id;
-    setFocusedNodeId(function (oldFocusedNodeId) {
-      if (oldFocusedNodeId === id && rootRef.current === ownerDocument(rootRef.current).activeElement) {
-        return instance.getChildrenIds(null)[0];
-      }
-      return oldFocusedNodeId;
-    });
-  });
-  var createHandleFocus = function createHandleFocus(otherHandlers) {
-    return function (event) {
-      var _otherHandlers$onFocu;
-      (_otherHandlers$onFocu = otherHandlers.onFocus) == null || _otherHandlers$onFocu.call(otherHandlers, event);
-
-      // if the event bubbled (which is React specific) we don't want to steal focus
-      if (event.target === event.currentTarget) {
-        var isNodeVisible = function isNodeVisible(nodeId) {
-          var node = instance.getNode(nodeId);
-          return node && (node.parentId == null || instance.isNodeExpanded(node.parentId));
-        };
-        var nodeToFocusId;
-        if (Array.isArray(models.selectedNodes.value)) {
-          nodeToFocusId = models.selectedNodes.value.find(isNodeVisible);
-        } else if (models.selectedNodes.value != null && isNodeVisible(models.selectedNodes.value)) {
-          nodeToFocusId = models.selectedNodes.value;
-        }
-        if (nodeToFocusId == null) {
-          nodeToFocusId = instance.getNavigableChildrenIds(null)[0];
-        }
-        instance.focusNode(event, nodeToFocusId);
-      }
-    };
-  };
-  var createHandleBlur = function createHandleBlur(otherHandlers) {
-    return function (event) {
-      var _otherHandlers$onBlur;
-      (_otherHandlers$onBlur = otherHandlers.onBlur) == null || _otherHandlers$onBlur.call(otherHandlers, event);
-      setFocusedNodeId(null);
-    };
-  };
-  var focusedNode = instance.getNode(state.focusedNodeId);
-  var activeDescendant = focusedNode ? instance.getTreeItemId(focusedNode.id, focusedNode.idAttribute) : null;
-  return {
-    getRootProps: function getRootProps(otherHandlers) {
-      return {
-        onFocus: createHandleFocus(otherHandlers),
-        onBlur: createHandleBlur(otherHandlers),
-        'aria-activedescendant': activeDescendant != null ? activeDescendant : undefined
-      };
-    }
-  };
-};
-useTreeViewFocus.getInitialState = function () {
-  return {
-    focusedNodeId: null
-  };
-};
-useTreeViewFocus.params = {
-  onNodeFocus: true
-};

package/legacy/internals/plugins/useTreeViewFocus/useTreeViewFocus.types.js

@@ -1 +0,0 @@
-export {};

package/legacy/internals/plugins/useTreeViewIcons/index.js

@@ -1 +0,0 @@
-export { useTreeViewIcons } from './useTreeViewIcons';

package/legacy/internals/plugins/useTreeViewIcons/useTreeViewIcons.js

@@ -1,21 +0,0 @@
-export var useTreeViewIcons = function useTreeViewIcons(_ref) {
-  var slots = _ref.slots,
-    slotProps = _ref.slotProps;
-  return {
-    contextValue: {
-      icons: {
-        slots: {
-          collapseIcon: slots.collapseIcon,
-          expandIcon: slots.expandIcon,
-          endIcon: slots.endIcon
-        },
-        slotProps: {
-          collapseIcon: slotProps.collapseIcon,
-          expandIcon: slotProps.expandIcon,
-          endIcon: slotProps.endIcon
-        }
-      }
-    }
-  };
-};
-useTreeViewIcons.params = {};

package/legacy/internals/plugins/useTreeViewIcons/useTreeViewIcons.types.js

@@ -1 +0,0 @@
-export {};

package/legacy/internals/plugins/useTreeViewId/index.js

@@ -1 +0,0 @@
-export { useTreeViewId } from './useTreeViewId';

package/legacy/internals/plugins/useTreeViewId/useTreeViewId.js

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import useId from '@mui/utils/useId';
-import { populateInstance } from '../../useTreeView/useTreeView.utils';
-export var useTreeViewId = function useTreeViewId(_ref) {
-  var instance = _ref.instance,
-    params = _ref.params;
-  var treeId = useId(params.id);
-  var getTreeItemId = React.useCallback(function (nodeId, idAttribute) {
-    return idAttribute != null ? idAttribute : "".concat(treeId, "-").concat(nodeId);
-  }, [treeId]);
-  populateInstance(instance, {
-    getTreeItemId: getTreeItemId
-  });
-  return {
-    getRootProps: function getRootProps() {
-      return {
-        id: treeId
-      };
-    }
-  };
-};
-useTreeViewId.params = {
-  id: true
-};

package/legacy/internals/plugins/useTreeViewId/useTreeViewId.types.js

@@ -1 +0,0 @@
-export {};

package/legacy/internals/plugins/useTreeViewJSXNodes/index.js

@@ -1 +0,0 @@
-export { useTreeViewJSXNodes } from './useTreeViewJSXNodes';

package/legacy/internals/plugins/useTreeViewJSXNodes/useTreeViewJSXNodes.js

@@ -1,130 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-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 { populateInstance } from '../../useTreeView/useTreeView.utils';
-import { publishTreeViewEvent } from '../../utils/publishTreeViewEvent';
-import { useTreeViewContext } from '../../TreeViewProvider/useTreeViewContext';
-import { DescendantProvider, useDescendant } from '../../TreeViewProvider/DescendantProvider';
-import { jsx as _jsx } from "react/jsx-runtime";
-export var useTreeViewJSXNodes = function useTreeViewJSXNodes(_ref) {
-  var instance = _ref.instance,
-    setState = _ref.setState;
-  var insertJSXNode = useEventCallback(function (node) {
-    setState(function (prevState) {
-      if (prevState.nodeMap[node.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.', "Tow items were provided with the same id in the `items` prop: \"".concat(node.id, "\"")].join('\n'));
-      }
-      return _extends({}, prevState, {
-        nodeMap: _extends({}, prevState.nodeMap, _defineProperty({}, node.id, node))
-      });
-    });
-  });
-  var removeJSXNode = useEventCallback(function (nodeId) {
-    setState(function (prevState) {
-      var newMap = _extends({}, prevState.nodeMap);
-      delete newMap[nodeId];
-      return _extends({}, prevState, {
-        nodeMap: newMap
-      });
-    });
-    publishTreeViewEvent(instance, 'removeNode', {
-      id: nodeId
-    });
-  });
-  var mapFirstCharFromJSX = useEventCallback(function (nodeId, firstChar) {
-    instance.updateFirstCharMap(function (firstCharMap) {
-      firstCharMap[nodeId] = firstChar;
-      return firstCharMap;
-    });
-    return function () {
-      instance.updateFirstCharMap(function (firstCharMap) {
-        var newMap = _extends({}, firstCharMap);
-        delete newMap[nodeId];
-        return newMap;
-      });
-    };
-  });
-  populateInstance(instance, {
-    insertJSXNode: insertJSXNode,
-    removeJSXNode: removeJSXNode,
-    mapFirstCharFromJSX: mapFirstCharFromJSX
-  });
-};
-var useTreeViewJSXNodesItemPlugin = function useTreeViewJSXNodesItemPlugin(_ref2) {
-  var props = _ref2.props,
-    ref = _ref2.ref;
-  var children = props.children,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    label = props.label,
-    nodeId = props.nodeId,
-    id = props.id,
-    inContentProps = props.ContentProps;
-  var _useTreeViewContext = useTreeViewContext(),
-    instance = _useTreeViewContext.instance;
-  var isExpandable = function isExpandable(reactChildren) {
-    if (Array.isArray(reactChildren)) {
-      return reactChildren.length > 0 && reactChildren.some(isExpandable);
-    }
-    return Boolean(reactChildren);
-  };
-  var expandable = isExpandable(children);
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    treeItemElement = _React$useState2[0],
-    setTreeItemElement = _React$useState2[1];
-  var contentRef = React.useRef(null);
-  var handleRef = useForkRef(setTreeItemElement, ref);
-  var descendant = React.useMemo(function () {
-    return {
-      element: treeItemElement,
-      id: nodeId
-    };
-  }, [nodeId, treeItemElement]);
-  var _useDescendant = useDescendant(descendant),
-    index = _useDescendant.index,
-    parentId = _useDescendant.parentId;
-  React.useEffect(function () {
-    // On the first render a node's index will be -1. We want to wait for the real index.
-    if (index !== -1) {
-      instance.insertJSXNode({
-        id: nodeId,
-        idAttribute: id,
-        index: index,
-        parentId: parentId,
-        expandable: expandable,
-        disabled: disabled
-      });
-      return function () {
-        return instance.removeJSXNode(nodeId);
-      };
-    }
-    return undefined;
-  }, [instance, parentId, index, nodeId, expandable, disabled, id]);
-  React.useEffect(function () {
-    if (label) {
-      var _contentRef$current$t, _contentRef$current;
-      return instance.mapFirstCharFromJSX(nodeId, ((_contentRef$current$t = (_contentRef$current = contentRef.current) == null ? void 0 : _contentRef$current.textContent) != null ? _contentRef$current$t : '').substring(0, 1).toLowerCase());
-    }
-    return undefined;
-  }, [instance, nodeId, label]);
-  return {
-    props: _extends({}, props, {
-      ContentProps: _extends({}, inContentProps, {
-        ref: contentRef
-      })
-    }),
-    ref: handleRef,
-    wrapItem: function wrapItem(item) {
-      return /*#__PURE__*/_jsx(DescendantProvider, {
-        id: nodeId,
-        children: item
-      });
-    }
-  };
-};
-useTreeViewJSXNodes.itemPlugin = useTreeViewJSXNodesItemPlugin;
-useTreeViewJSXNodes.params = {};

package/legacy/internals/plugins/useTreeViewJSXNodes/useTreeViewJSXNodes.types.js

@@ -1 +0,0 @@
-export {};

package/legacy/internals/plugins/useTreeViewKeyboardNavigation/index.js

@@ -1 +0,0 @@
-export { useTreeViewKeyboardNavigation } from './useTreeViewKeyboardNavigation';