azure-devops-ui
Version:
React components for building web UI in Azure DevOps
1 lines • 1.04 kB
JavaScript
import"../../CommonImports";import"../../Core/core.css";import*as React from"react";import{FocusWithin}from"../../FocusWithin";import{MouseWithin}from"../../MouseWithin";class FocusOrMouseWithin extends React.Component{constructor(){super(...arguments),this.mouseWithinRef=React.createRef(),this.focusWithinRef=React.createRef(),this.hasFocus=()=>!!this.focusWithinRef.current&&this.focusWithinRef.current.hasFocus(),this.hasMouse=()=>!!this.mouseWithinRef.current&&this.mouseWithinRef.current.hasMouse()}render(){const{onMouseEnter:e,onMouseLeave:t,onFocus:s,onBlur:o}=this.props;let i;return React.createElement(MouseWithin,{ref:this.mouseWithinRef,onMouseEnter:e,onMouseLeave:t},t=>{var e;return i="function"==typeof this.props.children?e=>this.props.children(Object.assign(Object.assign({},e),t)):(e=React.Children.only(this.props.children),React.cloneElement(e,Object.assign(Object.assign({},e.props),t),e.props.children)),React.createElement(FocusWithin,{onFocus:s,onBlur:o,ref:this.focusWithinRef},i)})}}export{FocusOrMouseWithin};