azure-devops-ui
Version:
React components for building web UI in Azure DevOps
1 lines • 832 B
JavaScript
import"../../CommonImports";import"../../Core/core.css";import"./ColorPip.css";import*as React from"react";import{getColorString}from"../../Utilities/Color";import{FocusZoneContext}from"../../FocusZone";import{css}from"../../Util";class ColorPip extends React.Component{constructor(){super(...arguments),this.rootRef=React.createRef(),this.onClick=o=>{this.props.onClick&&this.props.onClick(o,this.props.color)}}render(){const{className:t,color:e,isSelected:r}=this.props;return React.createElement(FocusZoneContext.Consumer,null,o=>React.createElement("div",{ref:this.rootRef,className:css(t,"bolt-colorpip"),onClick:this.onClick,"data-focuszone":o.focuszoneId,tabIndex:r?0:-1},React.createElement("div",{className:css("bolt-colorpip-content",r&&"selected"),style:e?{backgroundColor:getColorString(e)}:void 0})))}}export{ColorPip};