@jetbrains/ring-ui 4.1.0-beta.3 → 4.1.1

package/dist/tab-trap.js

@@ -1,174 +0,0 @@
-import { b as _defineProperty, _ as _objectWithoutProperties, a as _extends } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { i as isNodeInVisiblePartOfPage } from './_helpers/dom.js';
-
-var modules_6dce58ae = {"trapButton":"tabTrap_trapButton__12cecc9f"};
-
-const FOCUSABLE_ELEMENTS = 'input, button, select, textarea, a[href], *[tabindex]:not([data-trap-button]):not([data-scrollable-container])';
-/**
- * @name TabTrap
- */
-
-class TabTrap extends Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "restoreFocus", () => {
-      const {
-        previousFocusedNode
-      } = this;
-
-      if (previousFocusedNode && previousFocusedNode.focus && isNodeInVisiblePartOfPage(previousFocusedNode)) {
-        previousFocusedNode.focus({
-          preventScroll: true
-        });
-      }
-    });
-
-    _defineProperty(this, "containerRef", node => {
-      if (!node) {
-        return;
-      }
-
-      this.node = node;
-    });
-
-    _defineProperty(this, "focusElement", (first = true) => {
-      const {
-        node
-      } = this;
-
-      if (!node) {
-        return;
-      }
-
-      const tabables = [...node.querySelectorAll(FOCUSABLE_ELEMENTS)].filter(item => item.tabIndex >= 0);
-      const toBeFocused = first ? tabables[0] : tabables[tabables.length - 1];
-
-      if (toBeFocused) {
-        toBeFocused.focus();
-      }
-    });
-
-    _defineProperty(this, "focusFirst", () => this.focusElement(true));
-
-    _defineProperty(this, "focusLast", () => this.focusElement(false));
-
-    _defineProperty(this, "focusLastIfEnabled", event => {
-      if (this.trapWithoutFocus) {
-        return;
-      }
-
-      if (this.props.focusBackOnExit) {
-        const prevFocused = event.nativeEvent.relatedTarget;
-
-        if (prevFocused != null && this.node != null && this.node.contains(prevFocused)) {
-          this.restoreFocus();
-        }
-      } else {
-        this.focusLast();
-      }
-    });
-
-    _defineProperty(this, "handleBlurIfWithoutFocus", event => {
-      if (!this.trapWithoutFocus) {
-        return;
-      }
-
-      this.trapWithoutFocus = false;
-      const newFocused = event.nativeEvent.relatedTarget;
-
-      if (!newFocused) {
-        return;
-      }
-
-      if (this.node.contains(newFocused)) {
-        return;
-      }
-
-      this.focusLast();
-    });
-
-    _defineProperty(this, "trapButtonRef", node => {
-      if (!node) {
-        return;
-      }
-
-      this.trapButtonNode = node;
-    });
-  }
-
-  componentDidMount() {
-    this.previousFocusedNode = document.activeElement;
-
-    if (this.props.autoFocusFirst) {
-      this.focusFirst();
-    } else if (!this.props.trapDisabled && (!this.node || !this.node.contains(this.previousFocusedNode))) {
-      this.trapWithoutFocus = true;
-      this.trapButtonNode.focus();
-    }
-  }
-
-  componentWillUnmount() {
-    if (this.props.focusBackOnClose) {
-      this.restoreFocus();
-    }
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      children,
-      trapDisabled,
-      autoFocusFirst,
-      focusBackOnClose,
-      focusBackOnExit
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "trapDisabled", "autoFocusFirst", "focusBackOnClose", "focusBackOnExit"]);
-
-    if (trapDisabled) {
-      return /*#__PURE__*/React.createElement("div", _extends({
-        ref: this.containerRef
-      }, restProps), children);
-    }
-
-    return /*#__PURE__*/React.createElement("div", _extends({
-      ref: this.containerRef
-    }, restProps), /*#__PURE__*/React.createElement("div", {
-      // It never actually stays focused
-      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-      tabIndex: 0,
-      ref: this.trapButtonRef,
-      className: modules_6dce58ae.trapButton,
-      onFocus: this.focusLastIfEnabled,
-      onBlur: this.handleBlurIfWithoutFocus,
-      "data-trap-button": true
-    }), children, /*#__PURE__*/React.createElement("div", {
-      // It never actually stays focused
-      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-      tabIndex: 0,
-      onFocus: focusBackOnExit ? this.restoreFocus : this.focusFirst,
-      "data-trap-button": true
-    }));
-  }
-
-}
-
-_defineProperty(TabTrap, "propTypes", {
-  children: PropTypes.node.isRequired,
-  trapDisabled: PropTypes.bool,
-  autoFocusFirst: PropTypes.bool,
-  focusBackOnClose: PropTypes.bool,
-  focusBackOnExit: PropTypes.bool
-});
-
-_defineProperty(TabTrap, "defaultProps", {
-  trapDisabled: false,
-  autoFocusFirst: true,
-  focusBackOnClose: true,
-  focusBackOnExit: false
-});
-
-export default TabTrap;
-export { FOCUSABLE_ELEMENTS };