@deephaven/components 0.5.2-beta.0 → 0.6.1-demo.8

package/dist/popper/Popper.js

@@ -1,29 +1,7 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 /**
@@ -48,259 +26,252 @@ import classNames from 'classnames';
 import { CSSTransition } from 'react-transition-group';
 import PopperJs from 'popper.js';
 import PropTypes from 'prop-types';
-import ThemeExport from '../ThemeExport';
+import ThemeExport from "../ThemeExport.js";
 import "./Popper.css";
 
-var Popper = /*#__PURE__*/function (_Component) {
-  _inherits(Popper, _Component);
-
-  var _super = _createSuper(Popper);
-
-  function Popper(props) {
-    var _this;
-
-    _classCallCheck(this, Popper);
+class Popper extends Component {
+  constructor(props) {
+    super(props);
 
-    _this = _super.call(this, props);
+    _defineProperty(this, "element", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "element", void 0);
+    _defineProperty(this, "container", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "container", void 0);
+    _defineProperty(this, "isExiting", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "isExiting", void 0);
+    _defineProperty(this, "rAF", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "rAF", void 0);
-
-    _this.handleEnter = _this.handleEnter.bind(_assertThisInitialized(_this));
-    _this.handleExit = _this.handleExit.bind(_assertThisInitialized(_this));
-    _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized(_this));
-    _this.element = document.createElement('div');
-    _this.element.className = 'popper-container';
-    _this.container = /*#__PURE__*/React.createRef();
-    _this.isExiting = false; // cancelAnimationFrame does nothing if the handle isn't recognized
+    this.handleEnter = this.handleEnter.bind(this);
+    this.handleExit = this.handleExit.bind(this);
+    this.handleBlur = this.handleBlur.bind(this);
+    this.element = document.createElement('div');
+    this.element.className = 'popper-container';
+    this.container = /*#__PURE__*/React.createRef();
+    this.isExiting = false; // cancelAnimationFrame does nothing if the handle isn't recognized
     // requestAnimationFrame provides a non-zero number, so 0 as a default should be safe
 
-    _this.rAF = 0;
-    var isShown = _this.props.isShown;
-    _this.state = {
+    this.rAF = 0;
+    var {
+      isShown
+    } = this.props;
+    this.state = {
       show: isShown,
       popper: null
     };
-    return _this;
   }
 
-  _createClass(Popper, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this2 = this;
-
-      var isShown = this.props.isShown;
-
-      if (prevProps.isShown !== isShown) {
-        if (isShown) {
-          cancelAnimationFrame(this.rAF);
-          this.rAF = window.requestAnimationFrame(function () {
-            _this2.show();
-          });
-        } else {
-          this.hide();
-        }
+  componentDidUpdate(prevProps) {
+    var {
+      isShown
+    } = this.props;
+
+    if (prevProps.isShown !== isShown) {
+      if (isShown) {
+        cancelAnimationFrame(this.rAF);
+        this.rAF = window.requestAnimationFrame(() => {
+          this.show();
+        });
+      } else {
+        this.hide();
       }
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.destroyPopper(false);
-      this.isExiting = false;
-    }
-  }, {
-    key: "getVisibleElement",
-    value:
-    /** Goes through an element and it's parents until the first visible element is found */
-    function getVisibleElement(element) {
-      if (element == null || element.clientHeight > 0 || element.clientWidth > 0) {
-        return element;
-      }
+  }
 
-      return this.getVisibleElement(element.parentElement);
+  componentWillUnmount() {
+    this.destroyPopper(false);
+    this.isExiting = false;
+  }
+
+  /** Goes through an element and it's parents until the first visible element is found */
+  getVisibleElement(element) {
+    if (element == null || element.clientHeight > 0 || element.clientWidth > 0) {
+      return element;
     }
-  }, {
-    key: "initPopper",
-    value: function initPopper() {
-      var _this3 = this;
 
-      var popper = this.state.popper;
-      var closeOnBlur = this.props.closeOnBlur;
+    return this.getVisibleElement(element.parentElement);
+  }
 
-      if (popper) {
-        return;
-      }
+  initPopper() {
+    var {
+      popper
+    } = this.state;
+    var {
+      closeOnBlur
+    } = this.props;
 
-      if (this.container.current === null) {
-        return;
-      }
+    if (popper) {
+      return;
+    }
 
-      var options = this.props.options;
-      options = _objectSpread({
-        placement: 'auto'
-      }, options);
-      document.body.appendChild(this.element);
-      var parent = this.getVisibleElement(this.container.current);
+    if (this.container.current === null) {
+      return;
+    }
 
-      if (parent == null) {
-        parent = this.container.current;
-      }
+    var {
+      options
+    } = this.props;
+    options = _objectSpread({
+      placement: 'auto'
+    }, options);
+    document.body.appendChild(this.element);
+    var parent = this.getVisibleElement(this.container.current);
+
+    if (parent == null) {
+      parent = this.container.current;
+    }
 
-      popper = new PopperJs(parent, this.element, options);
-      popper.scheduleUpdate(); // delayed due to scheduleUpdate
+    popper = new PopperJs(parent, this.element, options);
+    popper.scheduleUpdate(); // delayed due to scheduleUpdate
 
-      cancelAnimationFrame(this.rAF);
-      this.rAF = window.requestAnimationFrame(function () {
-        // for blur on close to work, focus needs to be on or within the popper
-        if (closeOnBlur && !_this3.element.contains(document.activeElement)) {
-          // only set focus, if a focus isn't already set within
-          var elem = _this3.element.firstElementChild;
+    cancelAnimationFrame(this.rAF);
+    this.rAF = window.requestAnimationFrame(() => {
+      // for blur on close to work, focus needs to be on or within the popper
+      if (closeOnBlur && !this.element.contains(document.activeElement)) {
+        // only set focus, if a focus isn't already set within
+        var elem = this.element.firstElementChild;
 
-          if (elem instanceof HTMLElement) {
-            elem.focus(); // first child of the portal element
-          }
+        if (elem instanceof HTMLElement) {
+          elem.focus(); // first child of the portal element
         }
-      });
-      this.setState({
-        popper: popper
-      });
-    }
-  }, {
-    key: "destroyPopper",
-    value: function destroyPopper() {
-      var updateState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-      this.isExiting = false;
-      cancelAnimationFrame(this.rAF);
-      var popper = this.state.popper;
-
-      if (!popper) {
-        return;
       }
+    });
+    this.setState({
+      popper
+    });
+  }
 
-      popper.destroy();
-      document.body.removeChild(this.element);
+  destroyPopper() {
+    var updateState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    this.isExiting = false;
+    cancelAnimationFrame(this.rAF);
+    var {
+      popper
+    } = this.state;
 
-      if (updateState) {
-        this.setState({
-          popper: null
-        });
-      }
-    }
-  }, {
-    key: "show",
-    value: function show() {
-      this.initPopper();
-      this.setState({
-        show: true
-      });
+    if (!popper) {
+      return;
     }
-  }, {
-    key: "hide",
-    value: function hide() {
+
+    popper.destroy();
+    document.body.removeChild(this.element);
+
+    if (updateState) {
       this.setState({
-        show: false
+        popper: null
       });
     }
-  }, {
-    key: "scheduleUpdate",
-    value: function scheduleUpdate() {
-      var popper = this.state.popper;
-      if (popper) popper.scheduleUpdate();
-    }
-  }, {
-    key: "handleBlur",
-    value: function handleBlur(e) {
-      if (!(e.relatedTarget instanceof HTMLElement)) {
-        return;
-      }
+  }
 
-      if (!this.element.contains(e.relatedTarget)) {
-        this.hide();
-      }
-    }
-  }, {
-    key: "handleEnter",
-    value: function handleEnter() {
-      var onEntered = this.props.onEntered;
-      onEntered(); // trigger any parent component waiting for enter handler
-    }
-  }, {
-    key: "handleExit",
-    value: function handleExit() {
-      var onExited = this.props.onExited;
-      onExited(); // trigger any parent component waiting for exited handler
+  show() {
+    this.initPopper();
+    this.setState({
+      show: true
+    });
+  }
 
-      var show = this.state.show;
+  hide() {
+    this.setState({
+      show: false
+    });
+  }
 
-      if (!show) {
-        this.destroyPopper();
-      }
+  scheduleUpdate() {
+    var {
+      popper
+    } = this.state;
+    if (popper) popper.scheduleUpdate();
+  }
 
-      this.isExiting = false;
+  handleBlur(e) {
+    if (!(e.relatedTarget instanceof HTMLElement)) {
+      return;
     }
-  }, {
-    key: "renderContent",
-    value: function renderContent() {
-      var _this4 = this;
-
-      var _this$props = this.props,
-          className = _this$props.className,
-          children = _this$props.children,
-          timeout = _this$props.timeout,
-          interactive = _this$props.interactive,
-          closeOnBlur = _this$props.closeOnBlur;
-      var show = this.state.show;
-      return /*#__PURE__*/React.createElement(CSSTransition, {
-        "in": show,
-        timeout: timeout,
-        classNames: "popper-transition",
-        onEntered: this.handleEnter,
-        onExit: function onExit() {
-          _this4.isExiting = true;
-        },
-        onExited: this.handleExit
-      }, /*#__PURE__*/React.createElement("div", {
-        onClick: function onClick(e) {
-          // stop click events from escaping popper
-          e.stopPropagation();
-        },
-        onKeyDown: function onKeyDown(e) {
-          if (e.key === 'Escape') _this4.hide();
-        },
-        className: classNames('popper', {
-          interactive: interactive
-        }, className),
-        onBlur: closeOnBlur ? this.handleBlur : undefined,
-        tabIndex: closeOnBlur ? -1 : undefined,
-        role: "presentation"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "popper-content"
-      }, children, /*#__PURE__*/React.createElement("div", {
-        className: "popper-arrow",
-        "x-arrow": ""
-      }))));
+
+    if (!this.element.contains(e.relatedTarget)) {
+      this.hide();
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var popper = this.state.popper;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "popper-parent-container",
-        ref: this.container,
-        style: {
-          display: 'none'
-        }
-      }, popper && /*#__PURE__*/ReactDOM.createPortal(this.renderContent(), this.element));
+  }
+
+  handleEnter() {
+    var {
+      onEntered
+    } = this.props;
+    onEntered(); // trigger any parent component waiting for enter handler
+  }
+
+  handleExit() {
+    var {
+      onExited
+    } = this.props;
+    onExited(); // trigger any parent component waiting for exited handler
+
+    var {
+      show
+    } = this.state;
+
+    if (!show) {
+      this.destroyPopper();
     }
-  }]);
 
-  return Popper;
-}(Component);
+    this.isExiting = false;
+  }
+
+  renderContent() {
+    var {
+      className,
+      children,
+      timeout,
+      interactive,
+      closeOnBlur
+    } = this.props;
+    var {
+      show
+    } = this.state;
+    return /*#__PURE__*/React.createElement(CSSTransition, {
+      in: show,
+      timeout: timeout,
+      classNames: "popper-transition",
+      onEntered: this.handleEnter,
+      onExit: () => {
+        this.isExiting = true;
+      },
+      onExited: this.handleExit
+    }, /*#__PURE__*/React.createElement("div", {
+      onClick: e => {
+        // stop click events from escaping popper
+        e.stopPropagation();
+      },
+      onKeyDown: e => {
+        if (e.key === 'Escape') this.hide();
+      },
+      className: classNames('popper', {
+        interactive
+      }, className),
+      onBlur: closeOnBlur ? this.handleBlur : undefined,
+      tabIndex: closeOnBlur ? -1 : undefined,
+      role: "presentation"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "popper-content"
+    }, children, /*#__PURE__*/React.createElement("div", {
+      className: "popper-arrow",
+      "x-arrow": ""
+    }))));
+  }
+
+  render() {
+    var {
+      popper
+    } = this.state;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "popper-parent-container",
+      ref: this.container,
+      style: {
+        display: 'none'
+      }
+    }, popper && /*#__PURE__*/ReactDOM.createPortal(this.renderContent(), this.element));
+  }
+
+}
 
 _defineProperty(Popper, "propTypes", {
   children: PropTypes.node.isRequired,
@@ -318,10 +289,13 @@ _defineProperty(Popper, "defaultProps", {
   options: {},
   className: '',
   timeout: ThemeExport.transitionMs,
-  onEntered: function onEntered() {// no-op
+
+  onEntered() {// no-op
   },
-  onExited: function onExited() {// no-op
+
+  onExited() {// no-op
   },
+
   isShown: false,
   interactive: false,
   closeOnBlur: false

package/dist/popper/Popper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/popper/Popper.tsx"],"names":["React","Component","ReactDOM","classNames","CSSTransition","PopperJs","PropTypes","ThemeExport","Popper","props","handleEnter","bind","handleExit","handleBlur","element","document","createElement","className","container","createRef","isExiting","rAF","isShown","state","show","popper","prevProps","cancelAnimationFrame","window","requestAnimationFrame","hide","destroyPopper","clientHeight","clientWidth","getVisibleElement","parentElement","closeOnBlur","current","options","placement","body","appendChild","parent","scheduleUpdate","contains","activeElement","elem","firstElementChild","HTMLElement","focus","setState","updateState","destroy","removeChild","initPopper","e","relatedTarget","onEntered","onExited","children","timeout","interactive","stopPropagation","key","undefined","display","createPortal","renderContent","node","isRequired","shape","string","number","func","bool","transitionMs"],"mappings":"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","sourcesContent":["/**\n *  A component for creating popover dialogs. Only requires child element.\n *\n * <Popper\n *   options={popperOptions}\n *   className=\"whatever\"\n *   onEntered={this.handleEnter}\n *   onExited={this.handleExit}\n *   closeOnBlur // if you want dialog to self close, on click outside\n *   interactive // if popper contents will be interactable\n *   isShown={variable} // controls if its shown or not,\n *   ref={this.popper} // or via ref and this.popper.show() or this.popper.hide()\n *  >\n *   <ChildContent />\n * </Popper>\n */\n\nimport React, { Component } from 'react';\nimport ReactDOM from 'react-dom';\nimport classNames from 'classnames';\nimport { CSSTransition } from 'react-transition-group';\nimport PopperJs, { PopperOptions } from 'popper.js';\nimport PropTypes from 'prop-types';\nimport ThemeExport from '../ThemeExport';\nimport './Popper.scss';\n\ninterface PopperProps {\n  options: PopperOptions;\n  className: string;\n  timeout: number;\n  onEntered: () => void;\n  onExited: () => void;\n  isShown: boolean;\n  closeOnBlur: boolean;\n  interactive: boolean;\n}\n\ninterface PopperState {\n  show: boolean;\n  popper: PopperJs | null;\n}\n\nclass Popper extends Component<PopperProps, PopperState> {\n  static propTypes = {\n    children: PropTypes.node.isRequired,\n    options: PropTypes.shape({}),\n    className: PropTypes.string,\n    timeout: PropTypes.number,\n    onEntered: PropTypes.func,\n    onExited: PropTypes.func,\n    isShown: PropTypes.bool,\n    closeOnBlur: PropTypes.bool,\n    interactive: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    options: {},\n    className: '',\n    timeout: ThemeExport.transitionMs,\n    onEntered(): void {\n      // no-op\n    },\n    onExited(): void {\n      // no-op\n    },\n    isShown: false,\n    interactive: false,\n    closeOnBlur: false,\n  };\n\n  constructor(props: PopperProps) {\n    super(props);\n\n    this.handleEnter = this.handleEnter.bind(this);\n    this.handleExit = this.handleExit.bind(this);\n    this.handleBlur = this.handleBlur.bind(this);\n    this.element = document.createElement('div');\n    this.element.className = 'popper-container';\n    this.container = React.createRef<HTMLDivElement>();\n\n    this.isExiting = false;\n\n    // cancelAnimationFrame does nothing if the handle isn't recognized\n    // requestAnimationFrame provides a non-zero number, so 0 as a default should be safe\n    this.rAF = 0;\n\n    const { isShown } = this.props;\n\n    this.state = {\n      show: isShown,\n      popper: null,\n    };\n  }\n\n  componentDidUpdate(prevProps: PopperProps): void {\n    const { isShown } = this.props;\n\n    if (prevProps.isShown !== isShown) {\n      if (isShown) {\n        cancelAnimationFrame(this.rAF);\n        this.rAF = window.requestAnimationFrame(() => {\n          this.show();\n        });\n      } else {\n        this.hide();\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.destroyPopper(false);\n    this.isExiting = false;\n  }\n\n  element: HTMLDivElement;\n\n  container: React.RefObject<HTMLDivElement>;\n\n  isExiting: boolean;\n\n  // This is the request animation frame handle number\n  rAF: number;\n\n  /** Goes through an element and it's parents until the first visible element is found */\n  getVisibleElement(element: HTMLElement | null): HTMLElement | null {\n    if (\n      element == null ||\n      element.clientHeight > 0 ||\n      element.clientWidth > 0\n    ) {\n      return element;\n    }\n\n    return this.getVisibleElement(element.parentElement);\n  }\n\n  initPopper(): void {\n    let { popper } = this.state;\n    const { closeOnBlur } = this.props;\n\n    if (popper) {\n      return;\n    }\n\n    if (this.container.current === null) {\n      return;\n    }\n\n    let { options } = this.props;\n    options = {\n      placement: 'auto',\n      ...options,\n    };\n    document.body.appendChild(this.element);\n\n    let parent = this.getVisibleElement(this.container.current);\n    if (parent == null) {\n      parent = this.container.current;\n    }\n\n    popper = new PopperJs(parent, this.element, options);\n    popper.scheduleUpdate();\n\n    // delayed due to scheduleUpdate\n    cancelAnimationFrame(this.rAF);\n    this.rAF = window.requestAnimationFrame(() => {\n      // for blur on close to work, focus needs to be on or within the popper\n      if (closeOnBlur && !this.element.contains(document.activeElement)) {\n        // only set focus, if a focus isn't already set within\n        const elem = this.element.firstElementChild;\n        if (elem instanceof HTMLElement) {\n          elem.focus(); // first child of the portal element\n        }\n      }\n    });\n\n    this.setState({ popper });\n  }\n\n  destroyPopper(updateState = true): void {\n    this.isExiting = false;\n    cancelAnimationFrame(this.rAF);\n\n    const { popper } = this.state;\n    if (!popper) {\n      return;\n    }\n\n    popper.destroy();\n\n    document.body.removeChild(this.element);\n\n    if (updateState) {\n      this.setState({ popper: null });\n    }\n  }\n\n  show(): void {\n    this.initPopper();\n    this.setState({ show: true });\n  }\n\n  hide(): void {\n    this.setState({ show: false });\n  }\n\n  scheduleUpdate(): void {\n    const { popper } = this.state;\n    if (popper) popper.scheduleUpdate();\n  }\n\n  handleBlur(e: React.FocusEvent): void {\n    if (!(e.relatedTarget instanceof HTMLElement)) {\n      return;\n    }\n    if (!this.element.contains(e.relatedTarget)) {\n      this.hide();\n    }\n  }\n\n  handleEnter(): void {\n    const { onEntered } = this.props;\n    onEntered(); // trigger any parent component waiting for enter handler\n  }\n\n  handleExit(): void {\n    const { onExited } = this.props;\n    onExited(); // trigger any parent component waiting for exited handler\n\n    const { show } = this.state;\n    if (!show) {\n      this.destroyPopper();\n    }\n\n    this.isExiting = false;\n  }\n\n  renderContent(): JSX.Element {\n    const {\n      className,\n      children,\n      timeout,\n      interactive,\n      closeOnBlur,\n    } = this.props;\n    const { show } = this.state;\n\n    return (\n      <CSSTransition\n        in={show}\n        timeout={timeout}\n        classNames=\"popper-transition\"\n        onEntered={this.handleEnter}\n        onExit={() => {\n          this.isExiting = true;\n        }}\n        onExited={this.handleExit}\n      >\n        <div\n          onClick={e => {\n            // stop click events from escaping popper\n            e.stopPropagation();\n          }}\n          onKeyDown={e => {\n            if (e.key === 'Escape') this.hide();\n          }}\n          className={classNames('popper', { interactive }, className)}\n          onBlur={closeOnBlur ? this.handleBlur : undefined}\n          tabIndex={closeOnBlur ? -1 : undefined}\n          role=\"presentation\"\n        >\n          <div className=\"popper-content\">\n            {children}\n            <div className=\"popper-arrow\" x-arrow=\"\" />\n          </div>\n        </div>\n      </CSSTransition>\n    );\n  }\n\n  render(): JSX.Element {\n    const { popper } = this.state;\n    return (\n      <div\n        className=\"popper-parent-container\"\n        ref={this.container}\n        style={{ display: 'none' }}\n      >\n        {popper && ReactDOM.createPortal(this.renderContent(), this.element)}\n      </div>\n    );\n  }\n}\n\nexport default Popper;\nexport type { PopperOptions };\n"],"file":"Popper.js"}
+{"version":3,"sources":["../../src/popper/Popper.tsx"],"names":["React","Component","ReactDOM","classNames","CSSTransition","PopperJs","PropTypes","ThemeExport","Popper","constructor","props","handleEnter","bind","handleExit","handleBlur","element","document","createElement","className","container","createRef","isExiting","rAF","isShown","state","show","popper","componentDidUpdate","prevProps","cancelAnimationFrame","window","requestAnimationFrame","hide","componentWillUnmount","destroyPopper","getVisibleElement","clientHeight","clientWidth","parentElement","initPopper","closeOnBlur","current","options","placement","body","appendChild","parent","scheduleUpdate","contains","activeElement","elem","firstElementChild","HTMLElement","focus","setState","updateState","destroy","removeChild","e","relatedTarget","onEntered","onExited","renderContent","children","timeout","interactive","stopPropagation","key","undefined","render","display","createPortal","node","isRequired","shape","string","number","func","bool","transitionMs"],"mappings":"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","sourcesContent":["/**\n *  A component for creating popover dialogs. Only requires child element.\n *\n * <Popper\n *   options={popperOptions}\n *   className=\"whatever\"\n *   onEntered={this.handleEnter}\n *   onExited={this.handleExit}\n *   closeOnBlur // if you want dialog to self close, on click outside\n *   interactive // if popper contents will be interactable\n *   isShown={variable} // controls if its shown or not,\n *   ref={this.popper} // or via ref and this.popper.show() or this.popper.hide()\n *  >\n *   <ChildContent />\n * </Popper>\n */\n\nimport React, { Component } from 'react';\nimport ReactDOM from 'react-dom';\nimport classNames from 'classnames';\nimport { CSSTransition } from 'react-transition-group';\nimport PopperJs, { PopperOptions } from 'popper.js';\nimport PropTypes from 'prop-types';\nimport ThemeExport from '../ThemeExport';\nimport './Popper.scss';\n\ninterface PopperProps {\n  options: PopperOptions;\n  className: string;\n  timeout: number;\n  onEntered: () => void;\n  onExited: () => void;\n  isShown: boolean;\n  closeOnBlur: boolean;\n  interactive: boolean;\n}\n\ninterface PopperState {\n  show: boolean;\n  popper: PopperJs | null;\n}\n\nclass Popper extends Component<PopperProps, PopperState> {\n  static propTypes = {\n    children: PropTypes.node.isRequired,\n    options: PropTypes.shape({}),\n    className: PropTypes.string,\n    timeout: PropTypes.number,\n    onEntered: PropTypes.func,\n    onExited: PropTypes.func,\n    isShown: PropTypes.bool,\n    closeOnBlur: PropTypes.bool,\n    interactive: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    options: {},\n    className: '',\n    timeout: ThemeExport.transitionMs,\n    onEntered(): void {\n      // no-op\n    },\n    onExited(): void {\n      // no-op\n    },\n    isShown: false,\n    interactive: false,\n    closeOnBlur: false,\n  };\n\n  constructor(props: PopperProps) {\n    super(props);\n\n    this.handleEnter = this.handleEnter.bind(this);\n    this.handleExit = this.handleExit.bind(this);\n    this.handleBlur = this.handleBlur.bind(this);\n    this.element = document.createElement('div');\n    this.element.className = 'popper-container';\n    this.container = React.createRef<HTMLDivElement>();\n\n    this.isExiting = false;\n\n    // cancelAnimationFrame does nothing if the handle isn't recognized\n    // requestAnimationFrame provides a non-zero number, so 0 as a default should be safe\n    this.rAF = 0;\n\n    const { isShown } = this.props;\n\n    this.state = {\n      show: isShown,\n      popper: null,\n    };\n  }\n\n  componentDidUpdate(prevProps: PopperProps): void {\n    const { isShown } = this.props;\n\n    if (prevProps.isShown !== isShown) {\n      if (isShown) {\n        cancelAnimationFrame(this.rAF);\n        this.rAF = window.requestAnimationFrame(() => {\n          this.show();\n        });\n      } else {\n        this.hide();\n      }\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.destroyPopper(false);\n    this.isExiting = false;\n  }\n\n  element: HTMLDivElement;\n\n  container: React.RefObject<HTMLDivElement>;\n\n  isExiting: boolean;\n\n  // This is the request animation frame handle number\n  rAF: number;\n\n  /** Goes through an element and it's parents until the first visible element is found */\n  getVisibleElement(element: HTMLElement | null): HTMLElement | null {\n    if (\n      element == null ||\n      element.clientHeight > 0 ||\n      element.clientWidth > 0\n    ) {\n      return element;\n    }\n\n    return this.getVisibleElement(element.parentElement);\n  }\n\n  initPopper(): void {\n    let { popper } = this.state;\n    const { closeOnBlur } = this.props;\n\n    if (popper) {\n      return;\n    }\n\n    if (this.container.current === null) {\n      return;\n    }\n\n    let { options } = this.props;\n    options = {\n      placement: 'auto',\n      ...options,\n    };\n    document.body.appendChild(this.element);\n\n    let parent = this.getVisibleElement(this.container.current);\n    if (parent == null) {\n      parent = this.container.current;\n    }\n\n    popper = new PopperJs(parent, this.element, options);\n    popper.scheduleUpdate();\n\n    // delayed due to scheduleUpdate\n    cancelAnimationFrame(this.rAF);\n    this.rAF = window.requestAnimationFrame(() => {\n      // for blur on close to work, focus needs to be on or within the popper\n      if (closeOnBlur && !this.element.contains(document.activeElement)) {\n        // only set focus, if a focus isn't already set within\n        const elem = this.element.firstElementChild;\n        if (elem instanceof HTMLElement) {\n          elem.focus(); // first child of the portal element\n        }\n      }\n    });\n\n    this.setState({ popper });\n  }\n\n  destroyPopper(updateState = true): void {\n    this.isExiting = false;\n    cancelAnimationFrame(this.rAF);\n\n    const { popper } = this.state;\n    if (!popper) {\n      return;\n    }\n\n    popper.destroy();\n\n    document.body.removeChild(this.element);\n\n    if (updateState) {\n      this.setState({ popper: null });\n    }\n  }\n\n  show(): void {\n    this.initPopper();\n    this.setState({ show: true });\n  }\n\n  hide(): void {\n    this.setState({ show: false });\n  }\n\n  scheduleUpdate(): void {\n    const { popper } = this.state;\n    if (popper) popper.scheduleUpdate();\n  }\n\n  handleBlur(e: React.FocusEvent): void {\n    if (!(e.relatedTarget instanceof HTMLElement)) {\n      return;\n    }\n    if (!this.element.contains(e.relatedTarget)) {\n      this.hide();\n    }\n  }\n\n  handleEnter(): void {\n    const { onEntered } = this.props;\n    onEntered(); // trigger any parent component waiting for enter handler\n  }\n\n  handleExit(): void {\n    const { onExited } = this.props;\n    onExited(); // trigger any parent component waiting for exited handler\n\n    const { show } = this.state;\n    if (!show) {\n      this.destroyPopper();\n    }\n\n    this.isExiting = false;\n  }\n\n  renderContent(): JSX.Element {\n    const {\n      className,\n      children,\n      timeout,\n      interactive,\n      closeOnBlur,\n    } = this.props;\n    const { show } = this.state;\n\n    return (\n      <CSSTransition\n        in={show}\n        timeout={timeout}\n        classNames=\"popper-transition\"\n        onEntered={this.handleEnter}\n        onExit={() => {\n          this.isExiting = true;\n        }}\n        onExited={this.handleExit}\n      >\n        <div\n          onClick={e => {\n            // stop click events from escaping popper\n            e.stopPropagation();\n          }}\n          onKeyDown={e => {\n            if (e.key === 'Escape') this.hide();\n          }}\n          className={classNames('popper', { interactive }, className)}\n          onBlur={closeOnBlur ? this.handleBlur : undefined}\n          tabIndex={closeOnBlur ? -1 : undefined}\n          role=\"presentation\"\n        >\n          <div className=\"popper-content\">\n            {children}\n            <div className=\"popper-arrow\" x-arrow=\"\" />\n          </div>\n        </div>\n      </CSSTransition>\n    );\n  }\n\n  render(): JSX.Element {\n    const { popper } = this.state;\n    return (\n      <div\n        className=\"popper-parent-container\"\n        ref={this.container}\n        style={{ display: 'none' }}\n      >\n        {popper && ReactDOM.createPortal(this.renderContent(), this.element)}\n      </div>\n    );\n  }\n}\n\nexport default Popper;\nexport type { PopperOptions };\n"],"file":"Popper.js"}