@mui/lab 5.0.0-alpha.106 → 5.0.0-alpha.108

package/node/TreeItem/TreeItem.js

@@ -1,48 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("@mui/utils");
-
 var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
-
 var _styles = require("@mui/material/styles");
-
 var _utils2 = require("@mui/material/utils");
-
 var _base = require("@mui/base");
-
 var _TreeViewContext = _interopRequireDefault(require("../TreeView/TreeViewContext"));
-
 var _descendants = require("../TreeView/descendants");
-
 var _TreeItemContent = _interopRequireDefault(require("./TreeItemContent"));
-
 var _treeItemClasses = _interopRequireWildcard(require("./treeItemClasses"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["children", "className", "collapseIcon", "ContentComponent", "ContentProps", "endIcon", "expandIcon", "disabled", "icon", "id", "label", "nodeId", "onClick", "onMouseDown", "TransitionComponent", "TransitionProps"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -60,7 +40,6 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _base.unstable_composeClasses)(slots, _treeItemClasses.getTreeItemUtilityClass, classes);
 };
-
 const TreeItemRoot = (0, _styles.styled)('li', {
   name: 'MuiTreeItem',
   slot: 'Root',
@@ -150,24 +129,24 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
     name: 'MuiTreeItem'
   });
   const {
-    children,
-    className,
-    collapseIcon,
-    ContentComponent = _TreeItemContent.default,
-    ContentProps,
-    endIcon,
-    expandIcon,
-    disabled: disabledProp,
-    icon,
-    id: idProp,
-    label,
-    nodeId,
-    onClick,
-    onMouseDown,
-    TransitionComponent = _Collapse.default,
-    TransitionProps
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      children,
+      className,
+      collapseIcon,
+      ContentComponent = _TreeItemContent.default,
+      ContentProps,
+      endIcon,
+      expandIcon,
+      disabled: disabledProp,
+      icon,
+      id: idProp,
+      label,
+      nodeId,
+      onClick,
+      onMouseDown,
+      TransitionComponent = _Collapse.default,
+      TransitionProps
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     icons: contextIcons = {},
     focus,
@@ -184,13 +163,11 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
     treeId
   } = React.useContext(_TreeViewContext.default);
   let id = null;
-
   if (idProp != null) {
     id = idProp;
   } else if (treeId && nodeId) {
     id = `${treeId}-${nodeId}`;
   }
-
   const [treeitemElement, setTreeitemElement] = React.useState(null);
   const contentRef = React.useRef(null);
   const handleRef = (0, _utils2.useForkRef)(setTreeitemElement, ref);
@@ -216,7 +193,6 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
   const classes = useUtilityClasses(ownerState);
   let displayIcon;
   let expansionIcon;
-
   if (expandable) {
     if (!expanded) {
       expansionIcon = expandIcon || contextIcons.defaultExpandIcon;
@@ -224,13 +200,11 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
       expansionIcon = collapseIcon || contextIcons.defaultCollapseIcon;
     }
   }
-
   if (expandable) {
     displayIcon = contextIcons.defaultParentIcon;
   } else {
     displayIcon = endIcon || contextIcons.defaultEndIcon;
   }
-
   React.useEffect(() => {
     // On the first render a node's index will be -1. We want to wait for the real index.
     if (registerNode && unregisterNode && index !== -1) {
@@ -246,7 +220,6 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
         unregisterNode(nodeId);
       };
     }
-
     return undefined;
   }, [registerNode, unregisterNode, parentId, index, nodeId, expandable, disabledProp, id]);
   React.useEffect(() => {
@@ -256,11 +229,9 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
         unMapFirstChar(nodeId);
       };
     }
-
     return undefined;
   }, [mapFirstChar, unMapFirstChar, nodeId, label]);
   let ariaSelected;
-
   if (multiSelect) {
     ariaSelected = selected;
   } else if (selected) {
@@ -272,7 +243,6 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
      */
     ariaSelected = true;
   }
-
   function handleFocus(event) {
     // DOM focus stays on the tree which manages focus with aria-activedescendant
     if (event.target === event.currentTarget) {
@@ -280,14 +250,11 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
         preventScroll: true
       });
     }
-
     const unfocusable = !disabledItemsFocusable && disabled;
-
     if (!focused && event.currentTarget === event.target && !unfocusable) {
       focus(event, nodeId);
     }
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TreeItemRoot, (0, _extends2.default)({
     className: (0, _clsx.default)(classes.root, className),
     role: "treeitem",
@@ -335,108 +302,87 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
     })]
   }));
 });
-process.env.NODE_ENV !== "production" ? TreeItem.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? TreeItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * The content of the component.
    */
   children: _propTypes.default.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * The icon used to collapse the node.
    */
   collapseIcon: _propTypes.default.node,
-
   /**
    * The component used for the content node.
    * @default TreeItemContent
    */
   ContentComponent: _utils.elementTypeAcceptingRef,
-
   /**
    * Props applied to ContentComponent
    */
   ContentProps: _propTypes.default.object,
-
   /**
    * If `true`, the node is disabled.
    */
   disabled: _propTypes.default.bool,
-
   /**
    * The icon displayed next to a end node.
    */
   endIcon: _propTypes.default.node,
-
   /**
    * The icon used to expand the node.
    */
   expandIcon: _propTypes.default.node,
-
   /**
    * The icon to display next to the tree node's label.
    */
   icon: _propTypes.default.node,
-
   /**
    * @ignore
    */
   id: _propTypes.default.string,
-
   /**
    * The tree node label.
    */
   label: _propTypes.default.node,
-
   /**
    * The id of the node.
    */
   nodeId: _propTypes.default.string.isRequired,
-
   /**
    * @ignore
    */
   onClick: _propTypes.default.func,
-
   /**
    * This prop isn't supported.
    * Use the `onNodeFocus` callback on the tree if you need to monitor a node's focus.
    */
   onFocus: _utils2.unsupportedProp,
-
   /**
    * @ignore
    */
   onMouseDown: _propTypes.default.func,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
-
   /**
    * The component used for the transition.
    * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Collapse
    */
   TransitionComponent: _propTypes.default.elementType,
-
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.

package/node/TreeItem/TreeItemContent.js

@@ -1,48 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _useTreeItem = _interopRequireDefault(require("./useTreeItem"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["classes", "className", "displayIcon", "expansionIcon", "icon", "label", "nodeId", "onClick", "onMouseDown"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * @ignore - internal component.
  */
 const TreeItemContent = /*#__PURE__*/React.forwardRef(function TreeItemContent(props, ref) {
   const {
-    classes,
-    className,
-    displayIcon,
-    expansionIcon,
-    icon: iconProp,
-    label,
-    nodeId,
-    onClick,
-    onMouseDown
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      classes,
+      className,
+      displayIcon,
+      expansionIcon,
+      icon: iconProp,
+      label,
+      nodeId,
+      onClick,
+      onMouseDown
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     disabled,
     expanded,
@@ -53,27 +41,21 @@ const TreeItemContent = /*#__PURE__*/React.forwardRef(function TreeItemContent(p
     preventSelection
   } = (0, _useTreeItem.default)(nodeId);
   const icon = iconProp || expansionIcon || displayIcon;
-
   const handleMouseDown = event => {
     preventSelection(event);
-
     if (onMouseDown) {
       onMouseDown(event);
     }
   };
-
   const handleClick = event => {
     handleExpansion(event);
     handleSelection(event);
-
     if (onClick) {
       onClick(event);
     }
   };
-
   return (
     /*#__PURE__*/
-
     /* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions -- Key event is handled by the TreeView */
     (0, _jsxRuntime.jsxs)("div", (0, _extends2.default)({
       className: (0, _clsx.default)(className, classes.root, expanded && classes.expanded, selected && classes.selected, focused && classes.focused, disabled && classes.disabled),
@@ -96,48 +78,39 @@ process.env.NODE_ENV !== "production" ? TreeItemContent.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * Override or extend the styles applied to the component.
    * See [CSS API](#css) below for more details.
    */
   classes: _propTypes.default.object,
-
   /**
    * className applied to the root element.
    */
   className: _propTypes.default.string,
-
   /**
    * The icon to display next to the tree node's label. Either a parent or end icon.
    */
   displayIcon: _propTypes.default.node,
-
   /**
    * The icon to display next to the tree node's label. Either an expansion or collapse icon.
    */
   expansionIcon: _propTypes.default.node,
-
   /**
    * The icon to display next to the tree node's label.
    */
   icon: _propTypes.default.node,
-
   /**
    * The tree node label.
    */
   label: _propTypes.default.node,
-
   /**
    * The id of the node.
    */
   nodeId: _propTypes.default.string.isRequired,
-
   /**
    * @ignore
    */
   onClick: _propTypes.default.func,
-
   /**
    * @ignore
    */

package/node/TreeItem/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -27,13 +26,9 @@ Object.defineProperty(exports, "useTreeItem", {
     return _useTreeItem.default;
   }
 });
-
 var _TreeItem = _interopRequireDefault(require("./TreeItem"));
-
 var _useTreeItem = _interopRequireDefault(require("./useTreeItem"));
-
 var _treeItemClasses = _interopRequireWildcard(require("./treeItemClasses"));
-
 Object.keys(_treeItemClasses).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -45,7 +40,5 @@ Object.keys(_treeItemClasses).forEach(function (key) {
     }
   });
 });
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/node/TreeItem/treeItemClasses.js

@@ -1,21 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getTreeItemUtilityClass = getTreeItemUtilityClass;
-
 var _generateUtilityClass = _interopRequireDefault(require("@mui/material/generateUtilityClass"));
-
 var _generateUtilityClasses = _interopRequireDefault(require("@mui/material/generateUtilityClasses"));
-
 function getTreeItemUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiTreeItem', slot);
 }
-
 const treeItemClasses = (0, _generateUtilityClasses.default)('MuiTreeItem', ['root', 'group', 'content', 'expanded', 'selected', 'focused', 'disabled', 'iconContainer', 'label']);
 var _default = treeItemClasses;
 exports.default = _default;

package/node/TreeItem/useTreeItem.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useTreeItem;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _TreeViewContext = _interopRequireDefault(require("../TreeView/TreeViewContext"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function useTreeItem(nodeId) {
   const {
     focus,
@@ -33,29 +27,25 @@ function useTreeItem(nodeId) {
   const focused = isFocused ? isFocused(nodeId) : false;
   const disabled = isDisabled ? isDisabled(nodeId) : false;
   const selected = isSelected ? isSelected(nodeId) : false;
-
   const handleExpansion = event => {
     if (!disabled) {
       if (!focused) {
         focus(event, nodeId);
       }
+      const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);
 
-      const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey); // If already expanded and trying to toggle selection don't close
-
+      // If already expanded and trying to toggle selection don't close
       if (expandable && !(multiple && isExpanded(nodeId))) {
         toggleExpansion(event, nodeId);
       }
     }
   };
-
   const handleSelection = event => {
     if (!disabled) {
       if (!focused) {
         focus(event, nodeId);
       }
-
       const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);
-
       if (multiple) {
         if (event.shiftKey) {
           selectRange(event, {
@@ -69,14 +59,12 @@ function useTreeItem(nodeId) {
       }
     }
   };
-
   const preventSelection = event => {
     if (event.shiftKey || event.ctrlKey || event.metaKey || disabled) {
       // Prevent text selection
       event.preventDefault();
     }
   };
-
   return {
     disabled,
     expanded,