71 lines
1.9 KiB
JavaScript
71 lines
1.9 KiB
JavaScript
// Copyright (c) 2017-present Mattermost, Inc. All Rights Reserved.
|
|
// See License.txt for license information.
|
|
|
|
import React, {PureComponent} from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import ToolTip from 'react-native-tooltip';
|
|
|
|
export default class OptionsContext extends PureComponent {
|
|
static propTypes = {
|
|
actions: PropTypes.array,
|
|
children: PropTypes.node.isRequired,
|
|
onPress: PropTypes.func.isRequired,
|
|
toggleSelected: PropTypes.func.isRequired
|
|
};
|
|
|
|
static defaultProps = {
|
|
actions: []
|
|
};
|
|
|
|
handleHideUnderlay = () => {
|
|
if (!this.isShowing) {
|
|
this.props.toggleSelected(false, false);
|
|
}
|
|
};
|
|
|
|
handleShowUnderlay = () => {
|
|
this.props.toggleSelected(true, false);
|
|
};
|
|
|
|
handleHide = () => {
|
|
this.isShowing = false;
|
|
this.props.toggleSelected(false, this.props.actions.length > 0);
|
|
};
|
|
|
|
handleShow = () => {
|
|
this.isShowing = this.props.actions.length > 0;
|
|
this.props.toggleSelected(true, this.isShowing);
|
|
};
|
|
|
|
hide = () => {
|
|
this.refs.toolTip.hideMenu();
|
|
};
|
|
|
|
show = () => {
|
|
this.refs.toolTip.showMenu();
|
|
};
|
|
|
|
handlePress = () => {
|
|
this.props.toggleSelected(false, this.props.actions.length > 0);
|
|
this.props.onPress();
|
|
};
|
|
|
|
render() {
|
|
return (
|
|
<ToolTip
|
|
onHideUnderlay={this.handleHideUnderlay}
|
|
onShowUnderlay={this.handleShowUnderlay}
|
|
ref='toolTip'
|
|
actions={this.props.actions}
|
|
arrowDirection='down'
|
|
longPress={true}
|
|
onPress={this.handlePress}
|
|
underlayColor='transparent'
|
|
onShow={this.handleShow}
|
|
onHide={this.handleHide}
|
|
>
|
|
{this.props.children}
|
|
</ToolTip>
|
|
);
|
|
}
|
|
}
|