@elliemae/ds-popper 1.60.0 → 2.0.0-alpha.12

package/cjs/getArrowStylesBySize.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -10,11 +15,11 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 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__default['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 _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__default["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; }
 
-var getArrowStylesBySize = function getArrowStylesBySize(position) {
-  var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 30;
-  var basePosition = position && position.split('-')[0];
+const getArrowStylesBySize = function (position) {
+  let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 30;
+  const basePosition = position && position.split('-')[0];
   return _objectSpread({
     borderWidth: size
   }, {
@@ -37,6 +42,5 @@ var getArrowStylesBySize = function getArrowStylesBySize(position) {
   }[basePosition]);
 };
 
-exports['default'] = getArrowStylesBySize;
+exports["default"] = getArrowStylesBySize;
 exports.getArrowStylesBySize = getArrowStylesBySize;
-//# sourceMappingURL=getArrowStylesBySize.js.map

package/cjs/index.js

@@ -6,33 +6,14 @@ var DSPopper = require('./DSPopper.js');
 var getArrowStylesBySize = require('./getArrowStylesBySize.js');
 var interaction = require('./interaction.js');
 var positions = require('./positions.js');
-require('react');
-require('react-desc');
-require('./PopperImpl.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('@elliemae/ds-utilities');
-require('react-popper');
-require('memoize-one');
-require('./PopperContent.js');
-require('@babel/runtime/helpers/extends');
-require('react-spring/renderprops.cjs');
-require('@elliemae/ds-overlay');
-require('./props.js');
 
 
 
 exports.DSPopper = DSPopper.DSPopper;
 exports.DSPopperWithSchema = DSPopper.DSPopperWithSchema;
-exports.default = DSPopper.DSPopper;
+exports["default"] = DSPopper.DSPopper;
 exports.getArrowStylesBySize = getArrowStylesBySize.getArrowStylesBySize;
 exports.PopperInteractions = interaction.Interaction;
 exports.interactions = interaction.interactions;
 exports.PopperPositions = positions.Position;
 exports.positions = positions.positions;
-//# sourceMappingURL=index.js.map

package/cjs/interaction.js

@@ -2,12 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Interaction = {
+const Interaction = {
   CLICK: 'click',
   HOVER: 'hover'
 };
-var interactions = [Interaction.CLICK, Interaction.HOVER];
+const interactions = [Interaction.CLICK, Interaction.HOVER];
 
 exports.Interaction = Interaction;
 exports.interactions = interactions;
-//# sourceMappingURL=interaction.js.map

package/cjs/positions.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Position = {
+const Position = {
   AUTO: 'auto',
   AUTO_START: 'auto-start',
   AUTO_END: 'auto-end',
@@ -19,8 +19,7 @@ var Position = {
   TOP_START: 'top-start',
   TOP_END: 'top-end'
 };
-var positions = [Position.AUTO_START, Position.AUTO_END, Position.AUTO, Position.TOP_START, Position.TOP, Position.TOP_END, Position.RIGHT_START, Position.RIGHT, Position.RIGHT_END, Position.BOTTOM_START, Position.BOTTOM, Position.BOTTOM_END, Position.LEFT_START, Position.LEFT, Position.LEFT_END];
+const positions = [Position.AUTO_START, Position.AUTO_END, Position.AUTO, Position.TOP_START, Position.TOP, Position.TOP_END, Position.RIGHT_START, Position.RIGHT, Position.RIGHT_END, Position.BOTTOM_START, Position.BOTTOM, Position.BOTTOM_END, Position.LEFT_START, Position.LEFT, Position.LEFT_END];
 
 exports.Position = Position;
 exports.positions = positions;
-//# sourceMappingURL=positions.js.map

package/cjs/props.js

@@ -6,7 +6,7 @@ var reactDesc = require('react-desc');
 var positions = require('./positions.js');
 var interaction = require('./interaction.js');
 
-var popperProps = {
+const popperProps = {
   /** Hide menu component if trigger component is not visible/scrolled away */
   hideIfNotVisible: reactDesc.PropTypes.bool.description('Hide menu component if trigger component is not visible/scrolled away'),
 
@@ -38,28 +38,20 @@ var popperProps = {
   blockName: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.object]).description('Bem blockname for the popper'),
   triggerComponent: reactDesc.PropTypes.element.description("The component that will open/close the tooltip. \n    Cannot be used with disabled elements. \n    https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled").isRequired
 };
-var defaultProps = {
+const defaultProps = {
   containerProps: {},
   arrowGap: 8,
   arrowSize: 6,
   blockName: '',
   contentOffset: null,
   contentStyle: null,
-  contentComponent: function contentComponent() {
-    return null;
-  },
+  contentComponent: () => null,
   delayClose: 300,
   delayOpen: 200,
   interactionType: interaction.Interaction.CLICK,
-  onOpen: function onOpen() {
-    return null;
-  },
-  onClose: function onClose() {
-    return null;
-  },
-  onPlacementChange: function onPlacementChange() {
-    return null;
-  },
+  onOpen: () => null,
+  onClose: () => null,
+  onPlacementChange: () => null,
   placement: positions.Position.BOTTOM,
   preventOverflow: 'window',
   showArrow: true,
@@ -84,22 +76,13 @@ var defaultProps = {
     }
   },
   usePortal: true,
-  triggerComponent: function triggerComponent() {
-    return null;
-  },
-  getTargetFromChildren: function getTargetFromChildren() {
-    return null;
-  },
-  getContentFromChildren: function getContentFromChildren() {
-    return null;
-  },
+  triggerComponent: () => null,
+  getTargetFromChildren: () => null,
+  getContentFromChildren: () => null,
   modifiers: {},
-  triggerRef: function triggerRef() {
-    return null;
-  },
+  triggerRef: () => null,
   hideIfNotVisible: false
 };
 
 exports.defaultProps = defaultProps;
 exports.popperProps = popperProps;
-//# sourceMappingURL=props.js.map

package/esm/DSPopper.js

@@ -1,58 +1,47 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { describe } from 'react-desc';
 import PopperImpl from './PopperImpl.js';
 export { Position as PopperPositions, positions } from './positions.js';
 export { Interaction as PopperInteractions, interactions } from './interaction.js';
 import { popperProps, defaultProps } from './props.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import '@elliemae/ds-utilities';
-import 'react-popper';
-import 'memoize-one';
-import './PopperContent.js';
-import '@babel/runtime/helpers/esm/extends';
-import 'react-spring/renderprops.cjs';
-import '@elliemae/ds-overlay';
-import './getArrowStylesBySize.js';
 
-var DSPopper = function DSPopper(_ref) {
-  var containerProps = _ref.containerProps,
-      arrowGap = _ref.arrowGap,
-      arrowSize = _ref.arrowSize,
-      blockName = _ref.blockName,
-      contentOffset = _ref.contentOffset,
-      contentStyle = _ref.contentStyle,
-      contentComponent = _ref.contentComponent,
-      delayClose = _ref.delayClose,
-      delayOpen = _ref.delayOpen,
-      interactionType = _ref.interactionType,
-      isOpen = _ref.isOpen,
-      onOpen = _ref.onOpen,
-      onClose = _ref.onClose,
-      onPlacementChange = _ref.onPlacementChange,
-      placement = _ref.placement,
-      preventOverflow = _ref.preventOverflow,
-      showArrow = _ref.showArrow,
-      closeAnimationConfig = _ref.closeAnimationConfig,
-      openAnimationConfig = _ref.openAnimationConfig,
-      usePortal = _ref.usePortal,
-      triggerComponent = _ref.triggerComponent,
-      wrapExtraComponent = _ref.wrapExtraComponent,
-      getTargetFromChildren = _ref.getTargetFromChildren,
-      getContentFromChildren = _ref.getContentFromChildren,
-      modifiers = _ref.modifiers,
-      triggerRef = _ref.triggerRef,
-      customPopper = _ref.children,
-      renderReference = _ref.renderReference,
-      referenceNode = _ref.referenceNode,
-      zIndex = _ref.zIndex,
-      hideIfNotVisible = _ref.hideIfNotVisible;
-  return /*#__PURE__*/React.createElement(PopperImpl, {
+const DSPopper = _ref => {
+  let {
+    containerProps,
+    arrowGap,
+    arrowSize,
+    blockName,
+    contentOffset,
+    contentStyle,
+    contentComponent,
+    delayClose,
+    delayOpen,
+    interactionType,
+    isOpen,
+    // if this is set DSPopper would be a controlled component if not, an uncontrolled one
+    onOpen,
+    onClose,
+    onPlacementChange,
+    placement,
+    preventOverflow,
+    showArrow,
+    closeAnimationConfig,
+    openAnimationConfig,
+    usePortal,
+    triggerComponent,
+    wrapExtraComponent,
+    getTargetFromChildren,
+    getContentFromChildren,
+    modifiers,
+    triggerRef,
+    children: customPopper,
+    renderReference,
+    referenceNode,
+    zIndex,
+    hideIfNotVisible
+  } = _ref;
+  return /*#__PURE__*/_jsx(PopperImpl, {
     arrowGap: arrowGap,
     arrowSize: arrowSize,
     blockName: blockName,
@@ -83,14 +72,12 @@ var DSPopper = function DSPopper(_ref) {
     wrapExtraComponent: wrapExtraComponent,
     zIndex: zIndex,
     hideIfNotVisible: hideIfNotVisible
-  }, customPopper);
+  }, void 0, customPopper);
 }; // @deprecated: There's the NEW (not finished) popover that uses its own popper implementation.
 
 
-DSPopper.propTypes = popperProps;
 DSPopper.defaultProps = defaultProps;
-var DSPopperWithSchema = describe(DSPopper);
+const DSPopperWithSchema = describe(DSPopper);
 DSPopperWithSchema.propTypes = popperProps;
 
 export { DSPopper, DSPopperWithSchema, DSPopper as default };
-//# sourceMappingURL=DSPopper.js.map

package/esm/PopperContent.js

@@ -1,116 +1,105 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
-import _createClass from '@babel/runtime/helpers/esm/createClass';
-import _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';
-import _inherits from '@babel/runtime/helpers/esm/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import { Popper } from 'react-popper';
-import { Keyframes, animated } from 'react-spring/renderprops.cjs';
-import { getComponentFromProps } from '@elliemae/ds-utilities';
+import { Keyframes, animated } from 'react-spring/renderprops';
+import getComponentFromProps from '@elliemae/ds-utilities/getComponentFromProps';
 import DSOverlay from '@elliemae/ds-overlay';
 import { getArrowStylesBySize } from './getArrowStylesBySize.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _svg;
 
 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 _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 _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; } }
-var Content = Keyframes.Spring({});
-
-var PopperContent = /*#__PURE__*/function (_PureComponent) {
-  _inherits(PopperContent, _PureComponent);
-
-  var _super = _createSuper(PopperContent);
-
+const Content = Keyframes.Spring({});
+class PopperContent extends PureComponent {
   // eslint-disable-next-line react/static-property-placement
-  function PopperContent(props) {
-    var _this;
-
-    _classCallCheck(this, PopperContent);
-
-    _this = _super.call(this, props);
-    _this.renderContent = _this.renderContent.bind(_assertThisInitialized(_this));
-    _this.renderArrow = _this.renderArrow.bind(_assertThisInitialized(_this));
-    _this.handleRestAnimation = _this.handleRestAnimation.bind(_assertThisInitialized(_this));
-    _this.handleRestAnimation = _this.handleRestAnimation.bind(_assertThisInitialized(_this));
-    return _this;
+  constructor(props) {
+    super(props);
+    this.renderContent = this.renderContent.bind(this);
+    this.renderArrow = this.renderArrow.bind(this);
+    this.handleRestAnimation = this.handleRestAnimation.bind(this);
+    this.handleRestAnimation = this.handleRestAnimation.bind(this);
   }
 
-  _createClass(PopperContent, [{
-    key: "handleRestAnimation",
-    value: function handleRestAnimation() {
-      var _this$props = this.props,
-          isOpen = _this$props.isOpen,
-          onContentDestroyed = _this$props.onContentDestroyed;
+  handleRestAnimation() {
+    const {
+      isOpen,
+      onContentDestroyed
+    } = this.props;
 
-      if (!isOpen) {
-        onContentDestroyed();
-      }
+    if (!isOpen) {
+      onContentDestroyed();
     }
-  }, {
-    key: "renderArrow",
-    value: function renderArrow(_ref, placement) {
-      var ref = _ref.ref,
-          style = _ref.style;
-      var _this$props2 = this.props,
-          blockName = _this$props2.blockName,
-          showArrow = _this$props2.showArrow;
-      if (!showArrow) return null;
-      return /*#__PURE__*/React.createElement("div", {
-        key: "popper-arrow",
-        ref: ref,
-        className: "".concat(blockName || 'popper', "__arrow"),
-        "data-placement": placement,
-        style: _objectSpread(_objectSpread({}, style), getArrowStylesBySize(placement, 25))
-      }, /*#__PURE__*/React.createElement("svg", {
+  }
+
+  renderArrow(_ref, placement) {
+    let {
+      ref,
+      style
+    } = _ref;
+    const {
+      blockName,
+      showArrow
+    } = this.props;
+    if (!showArrow) return null;
+    return /*#__PURE__*/jsx("div", {
+      ref: ref,
+      className: "".concat(blockName || 'popper', "__arrow"),
+      "data-placement": placement,
+      style: _objectSpread(_objectSpread({}, style), getArrowStylesBySize(placement, 25)),
+      children: _svg || (_svg = /*#__PURE__*/_jsx("svg", {
         viewBox: "0 0 30 30"
-      }, /*#__PURE__*/React.createElement("path", {
+      }, void 0, /*#__PURE__*/_jsx("path", {
         className: "stroke",
         d: "M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26 C26.7,29,24.6,28.1,23.7,27.1z"
-      }), /*#__PURE__*/React.createElement("path", {
+      }), /*#__PURE__*/_jsx("path", {
         className: "fill",
         d: "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"
-      })));
-    }
-  }, {
-    key: "renderContent",
-    value: function renderContent(_ref2) {
-      var _this2 = this;
-
-      var ref = _ref2.ref,
-          style = _ref2.style,
-          placement = _ref2.placement,
-          arrowProps = _ref2.arrowProps,
-          scheduleUpdate = _ref2.scheduleUpdate,
-          outOfBoundaries = _ref2.outOfBoundaries;
-      var _this$props3 = this.props,
-          contentComponent = _this$props3.contentComponent,
-          contentStyle = _this$props3.contentStyle,
-          isOpen = _this$props3.isOpen,
-          closeAnimationConfig = _this$props3.closeAnimationConfig,
-          openAnimationConfig = _this$props3.openAnimationConfig,
-          onMouseEnter = _this$props3.onMouseEnter,
-          onMouseLeave = _this$props3.onMouseLeave,
-          containerProps = _this$props3.containerProps,
-          zIndex = _this$props3.zIndex,
-          hideIfNotVisible = _this$props3.hideIfNotVisible;
-
-      var computedStyle = _objectSpread(_objectSpread(_objectSpread({}, style), contentStyle), {}, {
-        zIndex: zIndex
-      });
+      })))
+    }, "popper-arrow");
+  }
 
-      return /*#__PURE__*/React.createElement("div", _extends({}, containerProps, {
-        "data-placement": placement,
-        onMouseEnter: onMouseEnter,
-        onMouseLeave: onMouseLeave,
-        style: computedStyle,
-        "data-testid": "popper-container"
-      }), /*#__PURE__*/React.createElement(Content, {
+  renderContent(_ref2) {
+    let {
+      ref,
+      style,
+      placement,
+      arrowProps,
+      scheduleUpdate,
+      outOfBoundaries
+    } = _ref2;
+    const {
+      contentComponent,
+      contentStyle,
+      isOpen,
+      closeAnimationConfig,
+      openAnimationConfig,
+      onMouseEnter,
+      onMouseLeave,
+      containerProps,
+      zIndex,
+      hideIfNotVisible
+    } = this.props;
+
+    const computedStyle = _objectSpread(_objectSpread(_objectSpread({}, style), contentStyle), {}, {
+      zIndex
+    });
+
+    return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {
+      "data-placement": placement,
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave,
+      style: computedStyle,
+      "data-testid": "popper-container",
+      children: /*#__PURE__*/_jsx(Content, {
         native: true,
         onRest: this.handleRestAnimation,
         state: isOpen && (!outOfBoundaries || !hideIfNotVisible) ? 'open' : 'close',
@@ -120,52 +109,39 @@ var PopperContent = /*#__PURE__*/function (_PureComponent) {
           }),
           close: closeAnimationConfig
         }
-      }, function (animationStyle) {
-        return /*#__PURE__*/React.createElement(animated.div, {
-          ref: ref,
-          style: animationStyle
-        }, getComponentFromProps(contentComponent, {
-          scheduleUpdate: scheduleUpdate
-        }, [_this2.renderArrow(arrowProps, placement)]));
-      }));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props4 = this.props,
-          _this$props4$destroye = _this$props4.destroyed,
-          destroyed = _this$props4$destroye === void 0 ? false : _this$props4$destroye,
-          _this$props4$onClickO = _this$props4.onClickOutside,
-          onClickOutside = _this$props4$onClickO === void 0 ? function () {
-        return null;
-      } : _this$props4$onClickO,
-          _this$props4$placemen = _this$props4.placement,
-          placement = _this$props4$placemen === void 0 ? 'bottom-start' : _this$props4$placemen,
-          _this$props4$modifier = _this$props4.modifiers,
-          modifiers = _this$props4$modifier === void 0 ? {} : _this$props4$modifier,
-          referenceNode = _this$props4.referenceNode,
-          _this$props4$usePorta = _this$props4.usePortal,
-          usePortal = _this$props4$usePorta === void 0 ? true : _this$props4$usePorta;
-      return /*#__PURE__*/React.createElement(DSOverlay, {
-        isOpen: !destroyed,
-        onClickOutside: onClickOutside,
-        usePortal: usePortal
-      }, /*#__PURE__*/React.createElement(Popper, {
-        modifiers: modifiers,
-        placement: placement,
-        referenceElement: referenceNode
-      }, this.renderContent));
-    }
-  }]);
+      }, void 0, animationStyle => /*#__PURE__*/jsx(animated.div, {
+        ref: ref,
+        style: animationStyle,
+        children: getComponentFromProps(contentComponent, {
+          scheduleUpdate
+        }, [this.renderArrow(arrowProps, placement)])
+      }))
+    }));
+  }
 
-  return PopperContent;
-}(PureComponent);
+  render() {
+    const {
+      destroyed = false,
+      onClickOutside = () => null,
+      placement = 'bottom-start',
+      modifiers = {},
+      referenceNode,
+      usePortal = true
+    } = this.props;
+    return /*#__PURE__*/_jsx(DSOverlay, {
+      isOpen: !destroyed,
+      onClickOutside: onClickOutside,
+      usePortal: usePortal
+    }, void 0, /*#__PURE__*/_jsx(Popper, {
+      modifiers: modifiers,
+      placement: placement,
+      referenceElement: referenceNode
+    }, void 0, this.renderContent));
+  }
 
+}
 PopperContent.defaultProps = {
-  onContentDestroyed: function onContentDestroyed() {
-    return null;
-  }
+  onContentDestroyed: () => null
 };
 
 export { PopperContent as default };
-//# sourceMappingURL=PopperContent.js.map