UNPKG

@blueprintjs/core

Version:

Core styles & components

114 lines 5.67 kB
"use strict"; /* * Copyright 2015 Palantir Technologies, Inc. All rights reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ Object.defineProperty(exports, "__esModule", { value: true }); exports.TreeNode = void 0; const tslib_1 = require("tslib"); const classnames_1 = tslib_1.__importDefault(require("classnames")); const React = tslib_1.__importStar(require("react")); const icons_1 = require("@blueprintjs/icons"); const common_1 = require("../../common"); const collapse_1 = require("../collapse/collapse"); const icon_1 = require("../icon/icon"); /** * Tree node component. * * @see https://blueprintjs.com/docs/#core/components/tree.tree-node */ // eslint-disable-next-line @typescript-eslint/no-empty-object-type class TreeNode extends React.Component { constructor() { super(...arguments); this.handleCaretClick = (e) => { var _a; e.stopPropagation(); const { isExpanded, onCollapse, onExpand } = this.props; (_a = (isExpanded ? onCollapse : onExpand)) === null || _a === void 0 ? void 0 : _a(this.props, this.props.path, e); }; this.handleClick = (e) => { var _a, _b; (_b = (_a = this.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, this.props, this.props.path, e); }; this.handleContentRef = (element) => { var _a, _b; (_b = (_a = this.props).contentRef) === null || _b === void 0 ? void 0 : _b.call(_a, this.props, element); }; this.handleContextMenu = (e) => { var _a, _b; (_b = (_a = this.props).onContextMenu) === null || _b === void 0 ? void 0 : _b.call(_a, this.props, this.props.path, e); }; this.handleDoubleClick = (e) => { var _a, _b; (_b = (_a = this.props).onDoubleClick) === null || _b === void 0 ? void 0 : _b.call(_a, this.props, this.props.path, e); }; this.handleMouseEnter = (e) => { var _a, _b; (_b = (_a = this.props).onMouseEnter) === null || _b === void 0 ? void 0 : _b.call(_a, this.props, this.props.path, e); }; this.handleMouseLeave = (e) => { var _a, _b; (_b = (_a = this.props).onMouseLeave) === null || _b === void 0 ? void 0 : _b.call(_a, this.props, this.props.path, e); }; } /** @deprecated no longer necessary now that the TypeScript parser supports type arguments on JSX element tags */ static ofType() { return TreeNode; } render() { const { children, className, disabled, icon, isExpanded, isSelected, label } = this.props; const classes = (0, classnames_1.default)(common_1.Classes.TREE_NODE, { [common_1.Classes.DISABLED]: disabled, [common_1.Classes.TREE_NODE_SELECTED]: isSelected, [common_1.Classes.TREE_NODE_EXPANDED]: isExpanded, }, className); const contentClasses = (0, classnames_1.default)(common_1.Classes.TREE_NODE_CONTENT, `${common_1.Classes.TREE_NODE_CONTENT}-${this.props.depth}`); const eventHandlers = disabled === true ? {} : { onClick: this.handleClick, onContextMenu: this.handleContextMenu, onDoubleClick: this.handleDoubleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, }; return (React.createElement("li", { className: classes }, React.createElement("div", { className: contentClasses, ref: this.handleContentRef, ...eventHandlers }, this.maybeRenderCaret(), React.createElement(icon_1.Icon, { className: common_1.Classes.TREE_NODE_ICON, icon: icon, "aria-hidden": true, tabIndex: -1 }), React.createElement("span", { className: common_1.Classes.TREE_NODE_LABEL }, label), this.maybeRenderSecondaryLabel()), React.createElement(collapse_1.Collapse, { isOpen: isExpanded }, children))); } maybeRenderCaret() { const { children, isExpanded, disabled, hasCaret = React.Children.count(children) > 0 } = this.props; if (hasCaret) { const caretClasses = (0, classnames_1.default)(common_1.Classes.TREE_NODE_CARET, isExpanded ? common_1.Classes.TREE_NODE_CARET_OPEN : common_1.Classes.TREE_NODE_CARET_CLOSED); return (React.createElement(icons_1.ChevronRight, { title: isExpanded ? "Collapse group" : "Expand group", className: caretClasses, onClick: disabled === true ? undefined : this.handleCaretClick })); } return React.createElement("span", { className: common_1.Classes.TREE_NODE_CARET_NONE }); } maybeRenderSecondaryLabel() { if (this.props.secondaryLabel != null) { return React.createElement("span", { className: common_1.Classes.TREE_NODE_SECONDARY_LABEL }, this.props.secondaryLabel); } else { return undefined; } } } exports.TreeNode = TreeNode; TreeNode.displayName = `${common_1.DISPLAYNAME_PREFIX}.TreeNode`; //# sourceMappingURL=treeNode.js.map