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

React components for building web UI in Azure DevOps

import{__assign,__extends}from"tslib";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";var defaultCollapsedProps={iconName:"ChevronRightMed"},defaultExpandedProps={iconName:"ChevronDownMed"},TreeExpand=function(e){function o(){var t=null!==e&&e.apply(this,arguments)||this;return t.onClick=function(e){var o,n;e.defaultPrevented||1!==e.buttons&&0!==e.buttons||t.props.onToggle&&(t.props.onToggle(e),e.preventDefault()),null!=(n=(o=t.props).onClick)&&n.call(o,e)},t}return __extends(o,e),o.prototype.render=function(){var e=this.props,o=e.children,n=e.className,t=e.depth,r=e.expanded,s=e.iconCollapsedProps,i=e.iconExpandedProps,e=e.indentationSize,e=void 0===e?16:e;return React.createElement(React.Fragment,null,React.createElement(Icon,__assign({},r?void 0===i?defaultExpandedProps:i:void 0===s?defaultCollapsedProps:s,{className:css(n,"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*e+"px":void 0}})),o)},o}(React.Component);export{TreeExpand};