@elliemae/ds-popper 2.1.0 → 2.2.0-alpha.3

package/cjs/DSPopper.js

@@ -1,97 +1,117 @@
-'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;
+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

package/cjs/DSPopper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSPopper.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport PopperImpl from './PopperImpl';\nimport { Position } from './positions';\nimport { Interaction } from './interaction';\nimport { popperProps, defaultProps } from './props';\n\nconst DSPopper = ({\n  containerProps,\n  arrowGap,\n  arrowSize,\n  blockName,\n  contentOffset,\n  contentStyle,\n  contentComponent,\n  delayClose,\n  delayOpen,\n  interactionType,\n  isOpen, // if this is set DSPopper would be a controlled component if not, an uncontrolled one\n  onOpen,\n  onClose,\n  onPlacementChange,\n  placement,\n  preventOverflow,\n  showArrow,\n  closeAnimationConfig,\n  openAnimationConfig,\n  usePortal,\n  triggerComponent,\n  wrapExtraComponent,\n  getTargetFromChildren,\n  getContentFromChildren,\n  modifiers,\n  triggerRef,\n  children: customPopper,\n  renderReference,\n  referenceNode,\n  zIndex,\n  hideIfNotVisible,\n}): JSX.Element => (\n  <PopperImpl\n    arrowGap={arrowGap}\n    arrowSize={arrowSize}\n    blockName={blockName}\n    closeAnimationConfig={closeAnimationConfig}\n    containerProps={containerProps}\n    contentComponent={contentComponent}\n    contentOffset={contentOffset}\n    contentStyle={contentStyle}\n    delayClose={delayClose}\n    delayOpen={delayOpen}\n    getContentFromChildren={getContentFromChildren}\n    getTargetFromChildren={getTargetFromChildren}\n    interactionType={interactionType}\n    isOpen={isOpen}\n    modifiers={modifiers}\n    onOpen={onOpen}\n    onClose={onClose}\n    onPlacementChange={onPlacementChange}\n    openAnimationConfig={openAnimationConfig}\n    placement={placement}\n    preventOverflow={preventOverflow}\n    referenceNode={referenceNode}\n    renderReference={renderReference}\n    showArrow={showArrow}\n    triggerComponent={triggerComponent}\n    triggerRef={triggerRef}\n    usePortal={usePortal}\n    wrapExtraComponent={wrapExtraComponent}\n    zIndex={zIndex}\n    hideIfNotVisible={hideIfNotVisible}\n  >\n    {customPopper}\n  </PopperImpl>\n);\n\n// @deprecated: There's the NEW (not finished) popover that uses its own popper implementation.\nDSPopper.propTypes = popperProps;\nDSPopper.defaultProps = defaultProps;\n\nconst DSPopperWithSchema = describe(DSPopper);\nDSPopperWithSchema.propTypes = popperProps;\n\nexport { Interaction as PopperInteractions, Position as PopperPositions, DSPopperWithSchema, DSPopper };\n\nexport { interactions } from './interaction';\nexport { positions } from './positions';\n\nexport default DSPopper;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,wBAAuB;AACvB,uBAAyB;AACzB,yBAA4B;AAC5B,mBAA0C;AAgF1C,0BAA6B;AAC7B,wBAA0B;AA/E1B,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC,2BAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAEC;AAKL,SAAS,YAAY;AACrB,SAAS,eAAe;AAExB,MAAM,qBAAqB,gCAAS;AACpC,mBAAmB,YAAY;AAO/B,IAAO,mBAAQ;",
+  "names": []
+}

package/cjs/PopperContent.js

@@ -1,90 +1,86 @@
-'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
+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 {
   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, placement) {
-    let {
+  renderArrow({ ref, style }, placement) {
+    const { blockName, showArrow } = this.props;
+    if (!showArrow)
+      return null;
+    return /* @__PURE__ */ import_react.default.createElement("div", {
+      key: "popper-arrow",
       ref,
-      style
-    } = _ref;
-    const {
-      blockName,
-      showArrow
-    } = this.props;
-    if (!showArrow) return null;
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      ref: ref,
-      className: "".concat(blockName || 'popper', "__arrow"),
+      className: `${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"
-      }, 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");
+      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"
+    })));
   }
-
-  renderContent(_ref2) {
-    let {
-      ref,
-      style,
-      placement,
-      arrowProps,
-      scheduleUpdate,
-      outOfBoundaries
-    } = _ref2;
+  renderContent({
+    ref,
+    style,
+    placement,
+    arrowProps,
+    scheduleUpdate,
+    outOfBoundaries
+  }) {
     const {
       contentComponent,
       contentStyle,
@@ -97,60 +93,56 @@ class PopperContent extends react.PureComponent {
       zIndex,
       hideIfNotVisible
     } = this.props;
-
-    const computedStyle = _objectSpread(_objectSpread(_objectSpread({}, style), contentStyle), {}, {
+    const computedStyle = {
+      ...style,
+      ...contentStyle,
       zIndex
-    });
-
-    return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {
+    };
+    return /* @__PURE__ */ import_react.default.createElement("div", {
+      ...containerProps,
       "data-placement": placement,
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave,
+      onMouseEnter,
+      onMouseLeave,
       style: computedStyle,
-      "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)])
-      }))
-    }));
+      "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)
+    ]))));
   }
-
   render() {
     const {
       destroyed = false,
       onClickOutside = () => null,
-      placement = 'bottom-start',
+      placement = "bottom-start",
       modifiers = {},
       referenceNode,
       usePortal = true
     } = this.props;
-    return /*#__PURE__*/_jsx__default["default"](DSOverlay__default["default"], {
+    return /* @__PURE__ */ import_react.default.createElement(import_ds_overlay.default, {
       isOpen: !destroyed,
-      onClickOutside: onClickOutside,
-      usePortal: usePortal
-    }, void 0, /*#__PURE__*/_jsx__default["default"](reactPopper.Popper, {
-      modifiers: modifiers,
-      placement: placement,
+      onClickOutside,
+      usePortal
+    }, /* @__PURE__ */ import_react.default.createElement(import_react_popper.Popper, {
+      modifiers,
+      placement,
       referenceElement: referenceNode
-    }, void 0, this.renderContent));
+    }, this.renderContent));
   }
-
 }
-PopperContent.defaultProps = {
-  onContentDestroyed: () => null
-};
-
-module.exports = PopperContent;
+PopperContent.defaultProps = { onContentDestroyed: () => null };
+module.exports = __toCommonJS(PopperContent_exports);
+//# sourceMappingURL=PopperContent.js.map

package/cjs/PopperContent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/PopperContent.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { PureComponent } from 'react';\nimport { Popper } from 'react-popper';\nimport { Keyframes, animated } from 'react-spring/renderprops';\nimport getComponentFromProps from '@elliemae/ds-utilities/getComponentFromProps';\nimport DSOverlay from '@elliemae/ds-overlay';\nimport { getArrowStylesBySize } from './getArrowStylesBySize';\n\nconst Content = Keyframes.Spring({});\n\nexport default class PopperContent extends PureComponent {\n  // eslint-disable-next-line react/static-property-placement\n  static defaultProps = { onContentDestroyed: () => null };\n\n  constructor(props) {\n    super(props);\n    this.renderContent = this.renderContent.bind(this);\n    this.renderArrow = this.renderArrow.bind(this);\n    this.handleRestAnimation = this.handleRestAnimation.bind(this);\n  }\n\n  handleRestAnimation() {\n    const { isOpen, onContentDestroyed } = this.props;\n    if (!isOpen) {\n      onContentDestroyed();\n    }\n  }\n\n  renderArrow({ ref, style }, placement) {\n    const { blockName, showArrow } = this.props;\n    if (!showArrow) return null;\n    return (\n      <div\n        key=\"popper-arrow\"\n        ref={ref}\n        className={`${blockName || 'popper'}__arrow`}\n        data-placement={placement}\n        style={{\n          ...style,\n          ...getArrowStylesBySize(placement, 25),\n        }}\n      >\n        <svg viewBox=\"0 0 30 30\">\n          <path\n            className=\"stroke\"\n            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\"\n          />\n          <path\n            className=\"fill\"\n            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\"\n          />\n        </svg>\n      </div>\n    );\n  }\n\n  renderContent({\n    ref,\n    style,\n    placement,\n    arrowProps,\n    scheduleUpdate,\n    outOfBoundaries,\n  }) {\n    const {\n      contentComponent,\n      contentStyle,\n      isOpen,\n      closeAnimationConfig,\n      openAnimationConfig,\n      onMouseEnter,\n      onMouseLeave,\n      containerProps,\n      zIndex,\n      hideIfNotVisible,\n    } = this.props;\n\n    const computedStyle = {\n      ...style,\n      ...contentStyle,\n      zIndex,\n    };\n    return (\n      <div\n        {...containerProps}\n        data-placement={placement}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        style={computedStyle}\n        data-testid=\"popper-container\"\n      >\n        <Content\n          native\n          onRest={this.handleRestAnimation}\n          state={\n            isOpen && (!outOfBoundaries || !hideIfNotVisible) ? 'open' : 'close'\n          }\n          states={{\n            open: {\n              ...openAnimationConfig,\n              from: closeAnimationConfig.to,\n            },\n            close: closeAnimationConfig,\n          }}\n        >\n          {(animationStyle) => (\n            <animated.div ref={ref} style={animationStyle}>\n              {getComponentFromProps(contentComponent, { scheduleUpdate }, [\n                this.renderArrow(arrowProps, placement),\n              ])}\n            </animated.div>\n          )}\n        </Content>\n      </div>\n    );\n  }\n\n  render() {\n    const {\n      destroyed = false,\n      onClickOutside = () => null,\n      placement = 'bottom-start',\n      modifiers = {},\n      referenceNode,\n      usePortal = true,\n    } = this.props;\n    return (\n      <DSOverlay\n        isOpen={!destroyed}\n        onClickOutside={onClickOutside}\n        usePortal={usePortal}\n      >\n        <Popper\n          modifiers={modifiers}\n          placement={placement}\n          referenceElement={referenceNode}\n        >\n          {this.renderContent}\n        </Popper>\n      </DSOverlay>\n    );\n  }\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAqC;AACrC,0BAAuB;AACvB,yBAAoC;AACpC,mCAAkC;AAClC,wBAAsB;AACtB,kCAAqC;AAErC,MAAM,UAAU,6BAAU,OAAO;AAEjC,4BAA2C,2BAAc;AAAA,EAIvD,YAAY,OAAO;AACjB,UAAM;AACN,SAAK,gBAAgB,KAAK,cAAc,KAAK;AAC7C,SAAK,cAAc,KAAK,YAAY,KAAK;AACzC,SAAK,sBAAsB,KAAK,oBAAoB,KAAK;AAAA;AAAA,EAG3D,sBAAsB;AACpB,UAAM,EAAE,QAAQ,uBAAuB,KAAK;AAC5C,QAAI,CAAC,QAAQ;AACX;AAAA;AAAA;AAAA,EAIJ,YAAY,EAAE,KAAK,SAAS,WAAW;AACrC,UAAM,EAAE,WAAW,cAAc,KAAK;AACtC,QAAI,CAAC;AAAW,aAAO;AACvB,WACE,mDAAC,OAAD;AAAA,MACE,KAAI;AAAA,MACJ;AAAA,MACA,WAAW,GAAG,aAAa;AAAA,MAC3B,kBAAgB;AAAA,MAChB,OAAO;AAAA,WACF;AAAA,WACA,sDAAqB,WAAW;AAAA;AAAA,OAGrC,mDAAC,OAAD;AAAA,MAAK,SAAQ;AAAA,OACX,mDAAC,QAAD;AAAA,MACE,WAAU;AAAA,MACV,GAAE;AAAA,QAGJ,mDAAC,QAAD;AAAA,MACE,WAAU;AAAA,MACV,GAAE;AAAA;AAAA;AAAA,EAOZ,cAAc;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KACC;AACD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AAET,UAAM,gBAAgB;AAAA,SACjB;AAAA,SACA;AAAA,MACH;AAAA;AAEF,WACE,mDAAC,OAAD;AAAA,SACM;AAAA,MACJ,kBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,eAAY;AAAA,OAEZ,mDAAC,SAAD;AAAA,MACE,QAAM;AAAA,MACN,QAAQ,KAAK;AAAA,MACb,OACE,UAAW,EAAC,mBAAmB,CAAC,oBAAoB,SAAS;AAAA,MAE/D,QAAQ;AAAA,QACN,MAAM;AAAA,aACD;AAAA,UACH,MAAM,qBAAqB;AAAA;AAAA,QAE7B,OAAO;AAAA;AAAA,OAGR,CAAC,mBACA,mDAAC,4BAAS,KAAV;AAAA,MAAc;AAAA,MAAU,OAAO;AAAA,OAC5B,0CAAsB,kBAAkB,EAAE,kBAAkB;AAAA,MAC3D,KAAK,YAAY,YAAY;AAAA;AAAA;AAAA,EAS3C,SAAS;AACP,UAAM;AAAA,MACJ,YAAY;AAAA,MACZ,iBAAiB,MAAM;AAAA,MACvB,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,QACV,KAAK;AACT,WACE,mDAAC,2BAAD;AAAA,MACE,QAAQ,CAAC;AAAA,MACT;AAAA,MACA;AAAA,OAEA,mDAAC,4BAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,OAEjB,KAAK;AAAA;AAAA;AA9HP,AAFT,cAES,eAAe,EAAE,oBAAoB,MAAM;",
+  "names": []
+}