1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- /*
- * SonarQube
- * Copyright (C) 2009-2023 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
- import React from 'react';
- import { findDOMNode } from 'react-dom';
-
- export type MouseEventListener = 'click' | 'mousedown';
- interface Props {
- children: React.ReactNode;
- listenerType?: MouseEventListener;
- onClickOutside: () => void;
- }
-
- export default class OutsideClickHandler extends React.Component<Props> {
- mounted = false;
-
- componentDidMount() {
- this.mounted = true;
- setTimeout(() => {
- this.addClickHandler();
- }, 0);
- }
-
- componentWillUnmount() {
- this.mounted = false;
- this.removeClickHandler();
- }
-
- addClickHandler = () => {
- const { listenerType = 'click' } = this.props;
- window.addEventListener(listenerType, this.handleWindowClick);
- };
-
- removeClickHandler = () => {
- const { listenerType = 'click' } = this.props;
- window.removeEventListener(listenerType, this.handleWindowClick);
- };
-
- handleWindowClick = (event: MouseEvent) => {
- if (this.mounted) {
- // eslint-disable-next-line react/no-find-dom-node
- const node = findDOMNode(this);
- if (!node || !node.contains(event.target as Node)) {
- this.props.onClickOutside();
- }
- }
- };
-
- render() {
- return this.props.children;
- }
- }
|