azure-devops-ui/Components/TreeEx/TreeExpand.min.js

React components for building web UI in Azure DevOps

import"../../CommonImports";import"../../Core/core.css";import"./Tree.css";import"./TreeExpand.css";import*as React from"react";import{Icon,IconSize}from"../../Icon";import{css}from"../../Util";const defaultCollapsedProps={iconName:"ChevronRightMed"},defaultExpandedProps={iconName:"ChevronDownMed"};class TreeExpand extends React.Component{constructor(){super(...arguments),this.onClick=e=>{var o,t;e.defaultPrevented||1!==e.buttons&&0!==e.buttons||this.props.onToggle&&(this.props.onToggle(e),e.preventDefault()),null!=(t=(o=this.props).onClick)&&t.call(o,e)}}render(){var{children:e,className:o,depth:t,expanded:n,iconCollapsedProps:r=defaultCollapsedProps,iconExpandedProps:s=defaultExpandedProps,indentationSize:p=16}=this.props;return React.createElement(React.Fragment,null,React.createElement(Icon,Object.assign({},n?s:r,{className:css(o,"bolt-tree-expand-button font-size cursor-pointer",!this.props.onToggle&&"invisible"),onClick:this.onClick,role:"presentation",size:IconSize.small,style:{marginLeft:0<t?t*p+"px":void 0}})),e)}}export{TreeExpand};