import _extends from "@babel/runtime/helpers/esm/extends"; import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose"; const _excluded = ["classes", "className", "displayIcon", "expansionIcon", "icon", "label", "nodeId", "onClick", "onMouseDown"]; import * as React from 'react'; import PropTypes from 'prop-types'; import clsx from 'clsx'; import { useTreeItem } from './useTreeItem'; import { jsx as _jsx } from "react/jsx-runtime"; import { jsxs as _jsxs } from "react/jsx-runtime"; /** * @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 = _objectWithoutPropertiesLoose(props, _excluded); const { disabled, expanded, selected, focused, handleExpansion, handleSelection, preventSelection } = useTreeItem(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 */ _jsxs("div", _extends({}, other, { className: clsx(className, classes.root, expanded && classes.expanded, selected && classes.selected, focused && classes.focused, disabled && classes.disabled), onClick: handleClick, onMouseDown: handleMouseDown, ref: ref, children: [/*#__PURE__*/_jsx("div", { className: classes.iconContainer, children: icon }), /*#__PURE__*/_jsx("div", { className: classes.label, children: label })] })) ); }); process.env.NODE_ENV !== "production" ? TreeItemContent.propTypes = { // ----------------------------- Warning -------------------------------- // | These PropTypes are generated from the TypeScript type definitions | // | To update them edit the TypeScript types and run "yarn proptypes" | // ---------------------------------------------------------------------- /** * Override or extend the styles applied to the component. */ classes: PropTypes.object.isRequired, /** * className applied to the root element. */ className: PropTypes.string, /** * The icon to display next to the tree node's label. Either a parent or end icon. */ displayIcon: PropTypes.node, /** * The icon to display next to the tree node's label. Either an expansion or collapse icon. */ expansionIcon: PropTypes.node, /** * The icon to display next to the tree node's label. */ icon: PropTypes.node, /** * The tree node label. */ label: PropTypes.node, /** * The id of the node. */ nodeId: PropTypes.string.isRequired } : void 0; export { TreeItemContent };