@airtable/blocks 1.18.1 → 1.19.0

package/dist/cjs/ui/popover.js

@@ -1,107 +1,82 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-require("core-js/modules/es.symbol");
-
-require("core-js/modules/es.array.filter");
-
-require("core-js/modules/es.object.get-own-property-descriptors");
-
-require("core-js/modules/es.object.to-string");
-
-require("core-js/modules/es.promise");
-
-require("core-js/modules/web.dom-collections.for-each");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.FitInWindowModes = exports.PopoverPlacements = void 0;
-
+exports.default = exports.PopoverPlacements = exports.FitInWindowModes = void 0;
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.promise.js");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-require("regenerator-runtime/runtime");
-
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _emotion = require("emotion");
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _private_utils = require("../private_utils");
-
 var _error_utils = require("../error_utils");
-
 var _baymax_utils = require("./baymax_utils");
-
 var _create_detect_element_resize = _interopRequireDefault(require("./create_detect_element_resize"));
-
 var Geometry = _interopRequireWildcard(require("./geometry/geometry"));
-
-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) { (0, _defineProperty2.default)(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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @module @airtable/blocks/ui: Popover */ /** */
 // NOTE(evanhahn) I wasn't figure out a better way to document these enums
 // with JSDoc. The @memberof directive doesn't seem to work when the token
 // contains a period (as Popover.placements does).
-
 /**
  * Dictates how a {@link Tooltip} component should be positioned relative
  * to the anchor element. Accessed via `Tooltip.placements`.
  */
 // TODO (stephen): convert to createEnum
-var PopoverPlacements;
-/**
- * Any of the supported {@link PopoverPlacements} for horizontal positioning.
- */
-
-exports.PopoverPlacements = PopoverPlacements;
-
-(function (PopoverPlacements) {
+var PopoverPlacements = exports.PopoverPlacements = /*#__PURE__*/function (PopoverPlacements) {
   PopoverPlacements["TOP"] = "top";
   PopoverPlacements["BOTTOM"] = "bottom";
   PopoverPlacements["CENTER"] = "center";
   PopoverPlacements["LEFT"] = "left";
   PopoverPlacements["RIGHT"] = "right";
-})(PopoverPlacements || (exports.PopoverPlacements = PopoverPlacements = {}));
-
+  return PopoverPlacements;
+}({});
 /**
- * Dictates how a {@link Popover} or {@link Tooltip} component should be kept within the viewport. Accessed via `Popover.fitInWindowModes` or `Tooltip.fitInWindowModes`.
+ * Any of the supported {@link PopoverPlacements} for horizontal positioning.
  */
-// TODO (stephen): convert to createEnum
-var FitInWindowModes;
 /**
- * Any of the supported {@link FitInWindowModes}.
+ * Any of the supported {@link PopoverPlacements} for vertical positioning.
  */
-
-exports.FitInWindowModes = FitInWindowModes;
-
-(function (FitInWindowModes) {
+/**
+ * Dictates how a {@link Popover} or {@link Tooltip} component should be kept within the viewport. Accessed via `Popover.fitInWindowModes` or `Tooltip.fitInWindowModes`.
+ */
+// TODO (stephen): convert to createEnum
+var FitInWindowModes = exports.FitInWindowModes = /*#__PURE__*/function (FitInWindowModes) {
   FitInWindowModes["NONE"] = "none";
   FitInWindowModes["FLIP"] = "flip";
   FitInWindowModes["NUDGE"] = "nudge";
-})(FitInWindowModes || (exports.FitInWindowModes = FitInWindowModes = {}));
-
+  return FitInWindowModes;
+}({});
+/**
+ * Any of the supported {@link FitInWindowModes}.
+ */
+/**
+ * Props for the {@link Popover} component.
+ *
+ * @hidden
+ */
 /**
  * A popover component, which is used to "float" some content above some other content.
  *
@@ -109,63 +84,42 @@ exports.FitInWindowModes = FitInWindowModes;
  * @docsPath UI/components/Popover
  * @component
  */
-var Popover =
-/*#__PURE__*/
-function (_React$Component) {
-  (0, _inherits2.default)(Popover, _React$Component);
-
-  /** @hidden */
-
-  /** @hidden */
-
-  /** @hidden */
-
-  /** @hidden */
-
-  /** @internal */
-
-  /** @internal */
-
-  /** @internal */
-
-  /** @internal */
-
-  /** @internal */
-
+var Popover = /*#__PURE__*/function (_React$Component) {
   /** @hidden */
   function Popover(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, Popover);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Popover).call(this, props));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_container", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_background", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_popoverContent", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_mouseDownOutsidePopover", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_detectElementResize", void 0);
+    _this = _callSuper(this, Popover, [props]);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_container", void 0);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_background", void 0);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_popoverContent", void 0);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_mouseDownOutsidePopover", void 0);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_detectElementResize", void 0);
     _this._container = null;
     _this._background = null;
     _this._popoverContent = null;
     _this._mouseDownOutsidePopover = false;
-    _this._onMouseDown = _this._onMouseDown.bind((0, _assertThisInitialized2.default)(_this));
-    _this._onMouseUp = _this._onMouseUp.bind((0, _assertThisInitialized2.default)(_this));
-    _this._refreshContainerAsync = _this._refreshContainerAsync.bind((0, _assertThisInitialized2.default)(_this));
+    _this._onMouseDown = _this._onMouseDown.bind(_this);
+    _this._onMouseUp = _this._onMouseUp.bind(_this);
+    _this._refreshContainerAsync = _this._refreshContainerAsync.bind(_this);
     return _this;
   }
   /** @hidden */
-
-
-  (0, _createClass2.default)(Popover, [{
+  (0, _inherits2.default)(Popover, _React$Component);
+  return (0, _createClass2.default)(Popover, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.isOpen) {
         this._createContainer();
       }
-
       this._refreshContainerAsync();
     }
     /** @hidden */
-
   }, {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
@@ -176,28 +130,24 @@ function (_React$Component) {
       }
     }
     /** @hidden */
-
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       this._refreshContainerAsync();
     }
     /** @hidden */
-
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this._destroyContainer();
     }
     /** @internal */
-
   }, {
     key: "_createContainer",
     value: function _createContainer() {
       if (this._container) {
         return;
       }
-
       this._container = document.createElement('div');
       var container = this._container;
       container.setAttribute('tabIndex', '0');
@@ -207,50 +157,46 @@ function (_React$Component) {
       document.body.appendChild(container);
       window.addEventListener('scroll', this._refreshContainerAsync);
       this._detectElementResize = (0, _create_detect_element_resize.default)();
-
       this._detectElementResize.addResizeListener(this._anchor, this._refreshContainerAsync);
     }
     /** @internal */
-
   }, {
     key: "_destroyContainer",
     value: function _destroyContainer() {
       var container = this._container;
-
       if (!container) {
         return;
       }
-
       window.removeEventListener('scroll', this._refreshContainerAsync);
-
       if (this._detectElementResize) {
         this._detectElementResize.removeResizeListener(this._anchor, this._refreshContainerAsync);
       }
-
       _reactDom.default.unmountComponentAtNode(container);
-
       container.remove();
       this._container = null;
     }
     /** @internal */
-
   }, {
-    key: "_refreshContainerAsync",
-
+    key: "_anchor",
+    get: function get() {
+      // TODO: use a ref
+      // eslint-disable-next-line react/no-find-dom-node
+      return _reactDom.default.findDOMNode(this);
+    }
     /** @internal */
-    value: function _refreshContainerAsync() {
-      var anchor, anchorBoundingClientRect, anchorRect, viewportRect, measurementPopover, measurementPopoverBoundingRect, popoverSize, popoverRect, placementX, placementY, flippedPopoverRect;
-      return _regenerator.default.async(function _refreshContainerAsync$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
+  }, {
+    key: "_refreshContainerAsync",
+    value: (function () {
+      var _refreshContainerAsync2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        var anchor, anchorBoundingClientRect, anchorRect, viewportRect, measurementPopover, measurementPopoverBoundingRect, popoverSize, popoverRect, placementX, placementY, flippedPopoverRect;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
             case 0:
               if (this._container) {
                 _context.next = 2;
                 break;
               }
-
               return _context.abrupt("return");
-
             case 2:
               anchor = this._anchor;
               (0, _error_utils.invariant)(anchor instanceof Element, 'No anchor');
@@ -258,56 +204,45 @@ function (_React$Component) {
               anchorRect = new Geometry.Rect(anchorBoundingClientRect.left, anchorBoundingClientRect.top, anchorBoundingClientRect.width, anchorBoundingClientRect.height);
               viewportRect = new Geometry.Rect(0, 0, window.innerWidth, window.innerHeight); // Render the tooltip to measure its size. Render it to the right of the anchor element
               // to start. Wait for the async render to complete before measuring. Otherwise, the
-
               _context.next = 9;
-              return _regenerator.default.awrap(this._renderPopoverAtPositionAsync(anchorRect.right(), anchorRect.top()));
-
+              return this._renderPopoverAtPositionAsync(anchorRect.right(), anchorRect.top());
             case 9:
               measurementPopover = this._popoverContent; // HACK(10/17/19): The measurementPopover is sometimes not set, possibly due to some race
               // condition with the the popover being unmounted but we've been unable to identify the root
               // cause. Calling this function again on the next frame works as a workaround. We plan to
               // rebuild popover/tooltip in the new SDK without using ReactDOM.unstable_renderSubtreeIntoContainer,
               // so this is hopefully just a temporary measure.
-
               if (measurementPopover) {
                 _context.next = 13;
                 break;
               }
-
               requestAnimationFrame(this._refreshContainerAsync);
               return _context.abrupt("return");
-
             case 13:
               measurementPopoverBoundingRect = measurementPopover.getBoundingClientRect();
               popoverSize = new Geometry.Size(measurementPopoverBoundingRect.width, measurementPopoverBoundingRect.height);
               popoverRect = this._getPlacedPopoverRect(popoverSize, anchorRect, this.props.placementX, this.props.placementY);
-
               if (this.props.fitInWindowMode === FitInWindowModes.FLIP && !this._isRectContainedWithinViewportRect(popoverRect, viewportRect)) {
                 // Popover rect is outside the viewport rect, and fitInWindowMode is flip, so
                 // let's try flipping the popover.
                 placementX = this.props.placementX;
                 placementY = this.props.placementY;
-
                 if (popoverRect.left() < viewportRect.left()) {
                   placementX = PopoverPlacements.RIGHT;
                 } else if (popoverRect.right() > viewportRect.right()) {
                   placementX = PopoverPlacements.LEFT;
                 }
-
                 if (popoverRect.top() < viewportRect.top()) {
                   placementY = PopoverPlacements.BOTTOM;
                 } else if (popoverRect.bottom() > viewportRect.bottom()) {
                   placementY = PopoverPlacements.TOP;
                 }
-
                 flippedPopoverRect = this._getPlacedPopoverRect(popoverSize, anchorRect, placementX, placementY); // Check if the flipped rect is within the viewport before using it. If the flipped rect
                 // is also outside the viewport, we might as well just use the original one and then nudge it.
-
                 if (this._isRectContainedWithinViewportRect(flippedPopoverRect, viewportRect)) {
                   popoverRect = flippedPopoverRect;
                 }
               }
-
               if (this.props.fitInWindowMode !== FitInWindowModes.NONE) {
                 // Check again. If flipping didn't bring it inside viewport bounds,
                 // nudge it until it's within the viewport.
@@ -316,43 +251,39 @@ function (_React$Component) {
                 } else if (popoverRect.right() > viewportRect.right()) {
                   popoverRect = new Geometry.Rect(viewportRect.right() - popoverRect.width, popoverRect.y, popoverRect.width, popoverRect.height);
                 }
-
                 if (popoverRect.top() < viewportRect.top()) {
                   popoverRect = new Geometry.Rect(popoverRect.x, viewportRect.top(), popoverRect.width, popoverRect.height);
                 } else if (popoverRect.bottom() > viewportRect.bottom()) {
                   popoverRect = new Geometry.Rect(popoverRect.x, viewportRect.bottom() - popoverRect.height, popoverRect.width, popoverRect.height);
                 }
               }
-
               _context.next = 20;
-              return _regenerator.default.awrap(this._renderPopoverAtPositionAsync(popoverRect.left(), popoverRect.top()));
-
+              return this._renderPopoverAtPositionAsync(popoverRect.left(), popoverRect.top());
             case 20:
             case "end":
               return _context.stop();
           }
-        }
-      }, null, this);
-    }
-    /** @internal */
-
+        }, _callee, this);
+      }));
+      function _refreshContainerAsync() {
+        return _refreshContainerAsync2.apply(this, arguments);
+      }
+      return _refreshContainerAsync;
+    }() /** @internal */)
   }, {
     key: "_isRectContainedWithinViewportRect",
     value: function _isRectContainedWithinViewportRect(rect, viewportRect) {
       if (rect.left() < viewportRect.left() || rect.right() > viewportRect.right() || rect.top() < viewportRect.top() || rect.bottom() > viewportRect.bottom()) {
         return false;
       }
-
       return true;
     }
     /** @internal */
-
   }, {
     key: "_getPlacedPopoverRect",
     value: function _getPlacedPopoverRect(popoverSize, anchorRect, placementX, placementY) {
       var anchorCenterPoint = anchorRect.centerPoint();
       var x;
-
       if (placementX === PopoverPlacements.LEFT) {
         x = anchorRect.left() - popoverSize.width - this.props.placementOffsetX;
       } else if (placementX === PopoverPlacements.RIGHT) {
@@ -360,9 +291,7 @@ function (_React$Component) {
       } else {
         x = anchorCenterPoint.x - popoverSize.width / 2;
       }
-
       var y;
-
       if (placementY === PopoverPlacements.TOP) {
         y = anchorRect.top() - popoverSize.height - this.props.placementOffsetY;
       } else if (placementY === PopoverPlacements.BOTTOM) {
@@ -370,23 +299,21 @@ function (_React$Component) {
       } else {
         y = anchorCenterPoint.y - popoverSize.height / 2;
       }
-
       return new Geometry.Rect(x, y, popoverSize.width, popoverSize.height);
     }
     /** @internal */
-
   }, {
     key: "_renderPopoverAtPositionAsync",
-    value: function _renderPopoverAtPositionAsync(left, top) {
-      var content, backgroundClassName, backgroundStyle;
-      return _regenerator.default.async(function _renderPopoverAtPositionAsync$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
+    value: (function () {
+      var _renderPopoverAtPositionAsync2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(left, top) {
+        var content, backgroundClassName, backgroundStyle;
+        return _regenerator.default.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
               content = this.props.renderContent();
-              content = React.cloneElement(content, {
+              content = /*#__PURE__*/React.cloneElement(content, {
                 ref: el => this._popoverContent = el,
-                style: _objectSpread({}, content.props.style, {
+                style: _objectSpread(_objectSpread({}, content.props.style), {}, {
                   position: 'absolute',
                   top,
                   left
@@ -396,11 +323,11 @@ function (_React$Component) {
               backgroundStyle = this.props.backgroundStyle;
               return _context2.abrupt("return", new Promise(resolve => {
                 var container = this._container;
-                (0, _error_utils.invariant)(container, 'container must exist'); // TODO(jb): we'll need to change this to support all versions of ReactDOM.
+                (0, _error_utils.invariant)(container, 'container must exist');
+                // TODO(jb): we'll need to change this to support all versions of ReactDOM.
                 // Probably shouldn't be using unstable methods like this when we release the
                 // editor.
-
-                _reactDom.default.unstable_renderSubtreeIntoContainer(this, React.createElement("div", {
+                _reactDom.default.unstable_renderSubtreeIntoContainer(this, /*#__PURE__*/React.createElement("div", {
                   ref: el => this._background = el,
                   className: backgroundClassName,
                   style: backgroundStyle,
@@ -408,16 +335,17 @@ function (_React$Component) {
                   onMouseUp: this._onMouseUp
                 }, content), container, resolve);
               }));
-
             case 5:
             case "end":
               return _context2.stop();
           }
-        }
-      }, null, this);
-    }
-    /** @internal */
-
+        }, _callee2, this);
+      }));
+      function _renderPopoverAtPositionAsync(_x, _x2) {
+        return _renderPopoverAtPositionAsync2.apply(this, arguments);
+      }
+      return _renderPopoverAtPositionAsync;
+    }() /** @internal */)
   }, {
     key: "_onMouseDown",
     value: function _onMouseDown(e) {
@@ -426,44 +354,34 @@ function (_React$Component) {
       }
     }
     /** @internal */
-
   }, {
     key: "_onMouseUp",
     value: function _onMouseUp(e) {
       if (this._mouseDownOutsidePopover && this.props.onClose && this._shouldClickingOnElementClosePopover(e.target)) {
         this.props.onClose();
       }
-
       this._mouseDownOutsidePopover = false;
     }
     /** @internal */
-
   }, {
     key: "_shouldClickingOnElementClosePopover",
     value: function _shouldClickingOnElementClosePopover(element) {
       return element === this._background;
     }
     /** @hidden */
-
   }, {
     key: "render",
     value: function render() {
       // TODO: if children is not a component (e.g. just string), wrap it in a div?
       return this.props.children;
     }
-  }, {
-    key: "_anchor",
-    get: function get() {
-      // TODO: use a ref
-      // eslint-disable-next-line react/no-find-dom-node
-      return _reactDom.default.findDOMNode(this);
-    }
   }]);
-  return Popover;
 }(React.Component);
-
+/** @hidden */
 (0, _defineProperty2.default)(Popover, "placements", PopoverPlacements);
+/** @hidden */
 (0, _defineProperty2.default)(Popover, "fitInWindowModes", FitInWindowModes);
+/** @hidden */
 (0, _defineProperty2.default)(Popover, "propTypes", {
   children: _propTypes.default.element.isRequired,
   renderContent: _propTypes.default.func.isRequired,
@@ -477,6 +395,7 @@ function (_React$Component) {
   backgroundClassName: _propTypes.default.string,
   backgroundStyle: _propTypes.default.object
 });
+/** @hidden */
 (0, _defineProperty2.default)(Popover, "defaultProps", {
   placementX: PopoverPlacements.CENTER,
   placementY: PopoverPlacements.BOTTOM,
@@ -485,5 +404,4 @@ function (_React$Component) {
   fitInWindowMode: FitInWindowModes.FLIP,
   isOpen: true
 });
-var _default = Popover;
-exports.default = _default;
+var _default = exports.default = Popover;