@elliemae/ds-popper 2.2.0-alpha.3 → 2.2.0-next.2

package/cjs/DSPopper.js

@@ -1,117 +1,97 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSPopper_exports = {};
-__export(DSPopper_exports, {
-  DSPopper: () => DSPopper,
-  DSPopperWithSchema: () => DSPopperWithSchema,
-  PopperInteractions: () => import_interaction.Interaction,
-  PopperPositions: () => import_positions.Position,
-  default: () => DSPopper_default,
-  interactions: () => import_interaction2.interactions,
-  positions: () => import_positions2.positions
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_PopperImpl = __toESM(require("./PopperImpl"));
-var import_positions = __toESM(require("./positions"));
-var import_interaction = __toESM(require("./interaction"));
-var import_props = __toESM(require("./props"));
-var import_interaction2 = __toESM(require("./interaction"));
-var import_positions2 = __toESM(require("./positions"));
-const DSPopper = ({
-  containerProps,
-  arrowGap,
-  arrowSize,
-  blockName,
-  contentOffset,
-  contentStyle,
-  contentComponent,
-  delayClose,
-  delayOpen,
-  interactionType,
-  isOpen,
-  onOpen,
-  onClose,
-  onPlacementChange,
-  placement,
-  preventOverflow,
-  showArrow,
-  closeAnimationConfig,
-  openAnimationConfig,
-  usePortal,
-  triggerComponent,
-  wrapExtraComponent,
-  getTargetFromChildren,
-  getContentFromChildren,
-  modifiers,
-  triggerRef,
-  children: customPopper,
-  renderReference,
-  referenceNode,
-  zIndex,
-  hideIfNotVisible
-}) => /* @__PURE__ */ import_react.default.createElement(import_PopperImpl.default, {
-  arrowGap,
-  arrowSize,
-  blockName,
-  closeAnimationConfig,
-  containerProps,
-  contentComponent,
-  contentOffset,
-  contentStyle,
-  delayClose,
-  delayOpen,
-  getContentFromChildren,
-  getTargetFromChildren,
-  interactionType,
-  isOpen,
-  modifiers,
-  onOpen,
-  onClose,
-  onPlacementChange,
-  openAnimationConfig,
-  placement,
-  preventOverflow,
-  referenceNode,
-  renderReference,
-  showArrow,
-  triggerComponent,
-  triggerRef,
-  usePortal,
-  wrapExtraComponent,
-  zIndex,
-  hideIfNotVisible
-}, customPopper);
-DSPopper.propTypes = import_props.popperProps;
-DSPopper.defaultProps = import_props.defaultProps;
-const DSPopperWithSchema = (0, import_react_desc.describe)(DSPopper);
-DSPopperWithSchema.propTypes = import_props.popperProps;
-var DSPopper_default = DSPopper;
-module.exports = __toCommonJS(DSPopper_exports);
-//# sourceMappingURL=DSPopper.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+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,
+    closeAnimationConfig: closeAnimationConfig,
+    containerProps: containerProps,
+    contentComponent: contentComponent,
+    contentOffset: contentOffset,
+    contentStyle: contentStyle,
+    delayClose: delayClose,
+    delayOpen: delayOpen,
+    getContentFromChildren: getContentFromChildren,
+    getTargetFromChildren: getTargetFromChildren,
+    interactionType: interactionType,
+    isOpen: isOpen,
+    modifiers: modifiers,
+    onOpen: onOpen,
+    onClose: onClose,
+    onPlacementChange: onPlacementChange,
+    openAnimationConfig: openAnimationConfig,
+    placement: placement,
+    preventOverflow: preventOverflow,
+    referenceNode: referenceNode,
+    renderReference: renderReference,
+    showArrow: showArrow,
+    triggerComponent: triggerComponent,
+    triggerRef: triggerRef,
+    usePortal: usePortal,
+    wrapExtraComponent: wrapExtraComponent,
+    zIndex: zIndex,
+    hideIfNotVisible: hideIfNotVisible
+  }, void 0, customPopper);
+}; // @deprecated: There's the NEW (not finished) popover that uses its own popper implementation.
+
+
+DSPopper.defaultProps = props.defaultProps;
+const DSPopperWithSchema = reactDesc.describe(DSPopper);
+DSPopperWithSchema.propTypes = props.popperProps;
+
+exports.PopperPositions = positions.Position;
+exports.positions = positions.positions;
+exports.PopperInteractions = interaction.Interaction;
+exports.interactions = interaction.interactions;
+exports.DSPopper = DSPopper;
+exports.DSPopperWithSchema = DSPopperWithSchema;
+exports["default"] = DSPopper;

package/cjs/PopperContent.js

@@ -1,86 +1,90 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var PopperContent_exports = {};
-__export(PopperContent_exports, {
-  default: () => PopperContent
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_popper = __toESM(require("react-popper"));
-var import_renderprops = __toESM(require("react-spring/renderprops"));
-var import_getComponentFromProps = __toESM(require("@elliemae/ds-utilities/getComponentFromProps"));
-var import_ds_overlay = __toESM(require("@elliemae/ds-overlay"));
-var import_getArrowStylesBySize = __toESM(require("./getArrowStylesBySize"));
-const Content = import_renderprops.Keyframes.Spring({});
-class PopperContent extends import_react.PureComponent {
+'use strict';
+
+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 react = require('react');
+var reactPopper = require('react-popper');
+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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var getComponentFromProps__default = /*#__PURE__*/_interopDefaultLegacy(getComponentFromProps);
+var DSOverlay__default = /*#__PURE__*/_interopDefaultLegacy(DSOverlay);
+
+var _svg;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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
   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);
   }
+
   handleRestAnimation() {
-    const { isOpen, onContentDestroyed } = this.props;
+    const {
+      isOpen,
+      onContentDestroyed
+    } = this.props;
+
     if (!isOpen) {
       onContentDestroyed();
     }
   }
-  renderArrow({ ref, style }, placement) {
-    const { blockName, showArrow } = this.props;
-    if (!showArrow)
-      return null;
-    return /* @__PURE__ */ import_react.default.createElement("div", {
-      key: "popper-arrow",
+
+  renderArrow(_ref, placement) {
+    let {
       ref,
-      className: `${blockName || "popper"}__arrow`,
+      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: {
-        ...style,
-        ...(0, import_getArrowStylesBySize.getArrowStylesBySize)(placement, 25)
-      }
-    }, /* @__PURE__ */ import_react.default.createElement("svg", {
-      viewBox: "0 0 30 30"
-    }, /* @__PURE__ */ import_react.default.createElement("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\n        C26.7,29,24.6,28.1,23.7,27.1z"
-    }), /* @__PURE__ */ import_react.default.createElement("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"
-    })));
+      style: _objectSpread(_objectSpread({}, style), getArrowStylesBySize.getArrowStylesBySize(placement, 25)),
+      children: _svg || (_svg = /*#__PURE__*/_jsx__default["default"]("svg", {
+        viewBox: "0 0 30 30"
+      }, 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__*/_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"
+      })))
+    }, "popper-arrow");
   }
-  renderContent({
-    ref,
-    style,
-    placement,
-    arrowProps,
-    scheduleUpdate,
-    outOfBoundaries
-  }) {
+
+  renderContent(_ref2) {
+    let {
+      ref,
+      style,
+      placement,
+      arrowProps,
+      scheduleUpdate,
+      outOfBoundaries
+    } = _ref2;
     const {
       contentComponent,
       contentStyle,
@@ -93,56 +97,60 @@ class PopperContent extends import_react.PureComponent {
       zIndex,
       hideIfNotVisible
     } = this.props;
-    const computedStyle = {
-      ...style,
-      ...contentStyle,
+
+    const computedStyle = _objectSpread(_objectSpread(_objectSpread({}, style), contentStyle), {}, {
       zIndex
-    };
-    return /* @__PURE__ */ import_react.default.createElement("div", {
-      ...containerProps,
+    });
+
+    return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {
       "data-placement": placement,
-      onMouseEnter,
-      onMouseLeave,
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave,
       style: computedStyle,
-      "data-testid": "popper-container"
-    }, /* @__PURE__ */ import_react.default.createElement(Content, {
-      native: true,
-      onRest: this.handleRestAnimation,
-      state: isOpen && (!outOfBoundaries || !hideIfNotVisible) ? "open" : "close",
-      states: {
-        open: {
-          ...openAnimationConfig,
-          from: closeAnimationConfig.to
-        },
-        close: closeAnimationConfig
-      }
-    }, (animationStyle) => /* @__PURE__ */ import_react.default.createElement(import_renderprops.animated.div, {
-      ref,
-      style: animationStyle
-    }, (0, import_getComponentFromProps.default)(contentComponent, { scheduleUpdate }, [
-      this.renderArrow(arrowProps, placement)
-    ]))));
+      "data-testid": "popper-container",
+      children: /*#__PURE__*/_jsx__default["default"](Content, {
+        native: true,
+        onRest: this.handleRestAnimation,
+        state: isOpen && (!outOfBoundaries || !hideIfNotVisible) ? 'open' : 'close',
+        states: {
+          open: _objectSpread(_objectSpread({}, openAnimationConfig), {}, {
+            from: closeAnimationConfig.to
+          }),
+          close: closeAnimationConfig
+        }
+      }, void 0, animationStyle => /*#__PURE__*/jsxRuntime.jsx(renderprops.animated.div, {
+        ref: ref,
+        style: animationStyle,
+        children: getComponentFromProps__default["default"](contentComponent, {
+          scheduleUpdate
+        }, [this.renderArrow(arrowProps, placement)])
+      }))
+    }));
   }
+
   render() {
     const {
       destroyed = false,
       onClickOutside = () => null,
-      placement = "bottom-start",
+      placement = 'bottom-start',
       modifiers = {},
       referenceNode,
       usePortal = true
     } = this.props;
-    return /* @__PURE__ */ import_react.default.createElement(import_ds_overlay.default, {
+    return /*#__PURE__*/_jsx__default["default"](DSOverlay__default["default"], {
       isOpen: !destroyed,
-      onClickOutside,
-      usePortal
-    }, /* @__PURE__ */ import_react.default.createElement(import_react_popper.Popper, {
-      modifiers,
-      placement,
+      onClickOutside: onClickOutside,
+      usePortal: usePortal
+    }, void 0, /*#__PURE__*/_jsx__default["default"](reactPopper.Popper, {
+      modifiers: modifiers,
+      placement: placement,
       referenceElement: referenceNode
-    }, this.renderContent));
+    }, void 0, this.renderContent));
   }
+
 }
-PopperContent.defaultProps = { onContentDestroyed: () => null };
-module.exports = __toCommonJS(PopperContent_exports);
-//# sourceMappingURL=PopperContent.js.map
+PopperContent.defaultProps = {
+  onContentDestroyed: () => null
+};
+
+module.exports = PopperContent;