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

package/cjs/DSPopper.js

@@ -2,65 +2,54 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var reactDesc = require('react-desc');
 var PopperImpl = require('./PopperImpl.js');
 var positions = require('./positions.js');
 var interaction = require('./interaction.js');
 var props = require('./props.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('./getArrowStylesBySize.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-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__default['default'].createElement(PopperImpl['default'], {
+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__default["default"](PopperImpl["default"], {
     arrowGap: arrowGap,
     arrowSize: arrowSize,
     blockName: blockName,
@@ -91,13 +80,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 = props.popperProps;
 DSPopper.defaultProps = props.defaultProps;
-var DSPopperWithSchema = reactDesc.describe(DSPopper);
+const DSPopperWithSchema = reactDesc.describe(DSPopper);
 DSPopperWithSchema.propTypes = props.popperProps;
 
 exports.PopperPositions = positions.Position;
@@ -106,5 +94,4 @@ exports.PopperInteractions = interaction.Interaction;
 exports.interactions = interaction.interactions;
 exports.DSPopper = DSPopper;
 exports.DSPopperWithSchema = DSPopperWithSchema;
-exports['default'] = DSPopper;
-//# sourceMappingURL=DSPopper.js.map
+exports["default"] = DSPopper;

package/cjs/PopperContent.js

@@ -1,131 +1,114 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
+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 _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
-var React = require('react');
+var react = require('react');
 var reactPopper = require('react-popper');
-var renderprops_cjs = require('react-spring/renderprops.cjs');
-var dsUtilities = require('@elliemae/ds-utilities');
+var renderprops = require('react-spring/renderprops');
+var getComponentFromProps = require('@elliemae/ds-utilities/getComponentFromProps');
 var DSOverlay = require('@elliemae/ds-overlay');
 var getArrowStylesBySize = require('./getArrowStylesBySize.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
-var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
-var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var getComponentFromProps__default = /*#__PURE__*/_interopDefaultLegacy(getComponentFromProps);
 var DSOverlay__default = /*#__PURE__*/_interopDefaultLegacy(DSOverlay);
 
-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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+var _svg;
 
-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 = renderprops_cjs.Keyframes.Spring({});
-
-var PopperContent = /*#__PURE__*/function (_PureComponent) {
-  _inherits__default['default'](PopperContent, _PureComponent);
-
-  var _super = _createSuper(PopperContent);
+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; }
+const Content = renderprops.Keyframes.Spring({});
+class PopperContent extends react.PureComponent {
   // eslint-disable-next-line react/static-property-placement
-  function PopperContent(props) {
-    var _this;
-
-    _classCallCheck__default['default'](this, PopperContent);
-
-    _this = _super.call(this, props);
-    _this.renderContent = _this.renderContent.bind(_assertThisInitialized__default['default'](_this));
-    _this.renderArrow = _this.renderArrow.bind(_assertThisInitialized__default['default'](_this));
-    _this.handleRestAnimation = _this.handleRestAnimation.bind(_assertThisInitialized__default['default'](_this));
-    _this.handleRestAnimation = _this.handleRestAnimation.bind(_assertThisInitialized__default['default'](_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__default['default'](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__default['default'].createElement("div", {
-        key: "popper-arrow",
-        ref: ref,
-        className: "".concat(blockName || 'popper', "__arrow"),
-        "data-placement": placement,
-        style: _objectSpread(_objectSpread({}, style), getArrowStylesBySize.getArrowStylesBySize(placement, 25))
-      }, /*#__PURE__*/React__default['default'].createElement("svg", {
+  }
+
+  renderArrow(_ref, placement) {
+    let {
+      ref,
+      style
+    } = _ref;
+    const {
+      blockName,
+      showArrow
+    } = this.props;
+    if (!showArrow) return null;
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      ref: ref,
+      className: "".concat(blockName || 'popper', "__arrow"),
+      "data-placement": placement,
+      style: _objectSpread(_objectSpread({}, style), getArrowStylesBySize.getArrowStylesBySize(placement, 25)),
+      children: _svg || (_svg = /*#__PURE__*/_jsx__default["default"]("svg", {
         viewBox: "0 0 30 30"
-      }, /*#__PURE__*/React__default['default'].createElement("path", {
+      }, void 0, /*#__PURE__*/_jsx__default["default"]("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__default['default'].createElement("path", {
+      }), /*#__PURE__*/_jsx__default["default"]("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__default['default'].createElement("div", _extends__default['default']({}, containerProps, {
-        "data-placement": placement,
-        onMouseEnter: onMouseEnter,
-        onMouseLeave: onMouseLeave,
-        style: computedStyle,
-        "data-testid": "popper-container"
-      }), /*#__PURE__*/React__default['default'].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__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {
+      "data-placement": placement,
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave,
+      style: computedStyle,
+      "data-testid": "popper-container",
+      children: /*#__PURE__*/_jsx__default["default"](Content, {
         native: true,
         onRest: this.handleRestAnimation,
         state: isOpen && (!outOfBoundaries || !hideIfNotVisible) ? 'open' : 'close',
@@ -135,52 +118,39 @@ var PopperContent = /*#__PURE__*/function (_PureComponent) {
           }),
           close: closeAnimationConfig
         }
-      }, function (animationStyle) {
-        return /*#__PURE__*/React__default['default'].createElement(renderprops_cjs.animated.div, {
-          ref: ref,
-          style: animationStyle
-        }, dsUtilities.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__default['default'].createElement(DSOverlay__default['default'], {
-        isOpen: !destroyed,
-        onClickOutside: onClickOutside,
-        usePortal: usePortal
-      }, /*#__PURE__*/React__default['default'].createElement(reactPopper.Popper, {
-        modifiers: modifiers,
-        placement: placement,
-        referenceElement: referenceNode
-      }, this.renderContent));
-    }
-  }]);
+      }, void 0, animationStyle => /*#__PURE__*/jsxRuntime.jsx(renderprops.animated.div, {
+        ref: ref,
+        style: animationStyle,
+        children: getComponentFromProps__default["default"](contentComponent, {
+          scheduleUpdate
+        }, [this.renderArrow(arrowProps, placement)])
+      }))
+    }));
+  }
 
-  return PopperContent;
-}(React.PureComponent);
+  render() {
+    const {
+      destroyed = false,
+      onClickOutside = () => null,
+      placement = 'bottom-start',
+      modifiers = {},
+      referenceNode,
+      usePortal = true
+    } = this.props;
+    return /*#__PURE__*/_jsx__default["default"](DSOverlay__default["default"], {
+      isOpen: !destroyed,
+      onClickOutside: onClickOutside,
+      usePortal: usePortal
+    }, void 0, /*#__PURE__*/_jsx__default["default"](reactPopper.Popper, {
+      modifiers: modifiers,
+      placement: placement,
+      referenceElement: referenceNode
+    }, void 0, this.renderContent));
+  }
 
+}
 PopperContent.defaultProps = {
-  onContentDestroyed: function onContentDestroyed() {
-    return null;
-  }
+  onContentDestroyed: () => null
 };
 
 module.exports = PopperContent;
-//# sourceMappingURL=PopperContent.js.map