diff --git a/web/ASC.Web.Components/src/components/drop-down/index.js b/web/ASC.Web.Components/src/components/drop-down/index.js index edab27698d..8f26dd3240 100644 --- a/web/ASC.Web.Components/src/components/drop-down/index.js +++ b/web/ASC.Web.Components/src/components/drop-down/index.js @@ -49,23 +49,18 @@ const Arrow = styled.div` background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.27954 1.12012C10.8122 -0.295972 13.1759 -0.295971 14.7086 1.12012L18.8406 4.93793C19.5796 5.62078 20.5489 6 21.5551 6H24H0H2.43299C3.4392 6 4.40845 5.62077 5.1475 4.93793L9.27954 1.12012Z' fill='%23206FA4'/%3E%3C/svg%3E"); `; -// eslint-disable-next-line react/display-name +// eslint-disable-next-line react/display-name, react/prop-types const Row = memo(({ data, index, style }) => { const option = data[index]; return ( ); }); -Row.propTypes = { - data: PropTypes.any, - index: PropTypes.number, - style: PropTypes.object -}; - class DropDown extends React.PureComponent { constructor(props) { @@ -81,7 +76,7 @@ class DropDown extends React.PureComponent { } componentDidMount() { - if(this.props.open) { + if (this.props.open) { this.props.enableOnClickOutside(); this.checkPosition(); } @@ -93,25 +88,20 @@ class DropDown extends React.PureComponent { componentDidUpdate(prevProps) { if (this.props.open !== prevProps.open) { - if(this.props.open) { + if (this.props.open) { this.props.enableOnClickOutside(); this.checkPosition(); } else { this.props.disableOnClickOutside(); } - + } } handleClickOutside = e => { - // ..handling code goes here... - console.log(`DropDown handleClickOutside`, e); - + //console.log(`DropDown handleClickOutside`, e); this.toggleDropDown(e); - //this.onClose(e); - //this.setIsOpen(!this.state.isOpen); - //this.props.toggleAction && this.props.toggleAction(e, this.state.isOpen); }; toggleDropDown = (e) => { @@ -205,10 +195,8 @@ const EnhancedComponent = onClickOutside(DropDown); class DropDownContainer extends React.Component { render() { - //console.log(`AdvancedSelectorContainer isOpen=${this.props.isOpen} enableOnClickOutside=${this.props.isOpen}`); return ; } } - export default DropDownContainer;