@elliemae/ds-popper 2.3.0-alpha.9 → 2.3.0-next.3

package/esm/getArrowStylesBySize.js

@@ -0,0 +1,37 @@
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+
+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(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 getArrowStylesBySize = function (position) {
+  let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 30;
+  const basePosition = position && position.split('-')[0];
+  return _objectSpread({
+    borderWidth: size
+  }, {
+    top: {
+      top: '100% !important',
+      transform: "rotateZ(".concat(180, "deg)")
+    },
+    right: {
+      right: '100%',
+      transform: "rotateZ(".concat(-90, "deg)")
+    },
+    bottom: {
+      bottom: '100%',
+      transform: "rotateZ(".concat(0, "deg)")
+    },
+    left: {
+      left: '100%',
+      transform: "rotateZ(".concat(90, "deg)")
+    }
+  }[basePosition]);
+};
+
+export { getArrowStylesBySize as default, getArrowStylesBySize };

package/esm/index.js

@@ -0,0 +1,4 @@
+export { DSPopper, DSPopperWithSchema, DSPopper as default } from './DSPopper.js';
+export { getArrowStylesBySize } from './getArrowStylesBySize.js';
+export { Interaction as PopperInteractions, interactions } from './interaction.js';
+export { Position as PopperPositions, positions } from './positions.js';

package/esm/interaction.js

@@ -0,0 +1,7 @@
+const Interaction = {
+  CLICK: 'click',
+  HOVER: 'hover'
+};
+const interactions = [Interaction.CLICK, Interaction.HOVER];
+
+export { Interaction, interactions };

package/esm/positions.js

@@ -0,0 +1,20 @@
+const Position = {
+  AUTO: 'auto',
+  AUTO_START: 'auto-start',
+  AUTO_END: 'auto-end',
+  BOTTOM: 'bottom',
+  BOTTOM_START: 'bottom-start',
+  BOTTOM_END: 'bottom-end',
+  LEFT: 'left',
+  LEFT_END: 'left-end',
+  LEFT_START: 'left-start',
+  RIGHT: 'right',
+  RIGHT_END: 'right-end',
+  RIGHT_START: 'right-start',
+  TOP: 'top',
+  TOP_START: 'top-start',
+  TOP_END: 'top-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];
+
+export { Position, positions };

package/esm/props.js

@@ -0,0 +1,83 @@
+import { PropTypes } from 'react-desc';
+import { Position } from './positions.js';
+import { Interaction } from './interaction.js';
+
+const popperProps = {
+  /** Hide menu component if trigger component is not visible/scrolled away */
+  hideIfNotVisible: PropTypes.bool.description('Hide menu component if trigger component is not visible/scrolled away'),
+
+  /** props to inject to popper wrapper */
+  containerProps: PropTypes.object.description('props to inject to popper wrapper'),
+
+  /** Space between the arrow and the popup */
+  arrowGap: PropTypes.number.description('Space between the arrow and the popup'),
+
+  /** callback for when menu changes from close to open */
+  onOpen: PropTypes.func.description('callback for when menu changes from close to open'),
+
+  /** callback for when menu changes from open to close */
+  onClose: PropTypes.func.description('callback for when menu changes from open to close'),
+
+  /** Time in ms to delay close of menu */
+  delayClose: PropTypes.number.description('Time in ms to delay close of menu'),
+
+  /** Time in ms to delay open of menu */
+  delayOpen: PropTypes.number.description('Time in ms to delay open of menu'),
+
+  /** callback for when menu changes placement */
+  onPlacementChange: PropTypes.func.description('callback for when menu changes placement'),
+
+  /** Arrow size */
+  arrowSize: PropTypes.number.description('Arrow size'),
+
+  /** Bem blockname for the popper */
+  blockName: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).description('Bem blockname for the popper'),
+  triggerComponent: 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
+};
+const defaultProps = {
+  containerProps: {},
+  arrowGap: 8,
+  arrowSize: 6,
+  blockName: '',
+  contentOffset: null,
+  contentStyle: null,
+  contentComponent: () => null,
+  delayClose: 300,
+  delayOpen: 200,
+  interactionType: Interaction.CLICK,
+  onOpen: () => null,
+  onClose: () => null,
+  onPlacementChange: () => null,
+  placement: Position.BOTTOM,
+  preventOverflow: 'window',
+  showArrow: true,
+  closeAnimationConfig: {
+    to: {
+      transform: 'scale(0.8)',
+      opacity: '0'
+    },
+    config: {
+      delay: 80,
+      duration: 80
+    }
+  },
+  openAnimationConfig: {
+    to: {
+      transform: 'scale(1)',
+      opacity: '1'
+    },
+    config: {
+      delay: 80,
+      duration: 80
+    }
+  },
+  usePortal: true,
+  triggerComponent: () => null,
+  getTargetFromChildren: () => null,
+  getContentFromChildren: () => null,
+  modifiers: {},
+  triggerRef: () => null,
+  hideIfNotVisible: false
+};
+
+export { defaultProps, popperProps };

package/package.json

@@ -1,46 +1,43 @@
 {
   "name": "@elliemae/ds-popper",
-  "version": "2.3.0-alpha.9",
+  "version": "2.3.0-next.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Popper",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/esm/index.js",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/types/index.d.ts",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
     },
     "./props": {
-      "import": "./dist/esm/props.js",
-      "require": "./dist/cjs/props.js"
+      "import": "./esm/props.js",
+      "require": "./cjs/props.js"
     },
     "./positions": {
-      "import": "./dist/esm/positions.js",
-      "require": "./dist/cjs/positions.js"
+      "import": "./esm/positions.js",
+      "require": "./cjs/positions.js"
     },
     "./PopperImpl": {
-      "import": "./dist/esm/PopperImpl.js",
-      "require": "./dist/cjs/PopperImpl.js"
+      "import": "./esm/PopperImpl.js",
+      "require": "./cjs/PopperImpl.js"
     },
     "./PopperContent": {
-      "import": "./dist/esm/PopperContent.js",
-      "require": "./dist/cjs/PopperContent.js"
+      "import": "./esm/PopperContent.js",
+      "require": "./cjs/PopperContent.js"
     },
     "./interaction": {
-      "import": "./dist/esm/interaction.js",
-      "require": "./dist/cjs/interaction.js"
+      "import": "./esm/interaction.js",
+      "require": "./cjs/interaction.js"
     },
     "./getArrowStylesBySize": {
-      "import": "./dist/esm/getArrowStylesBySize.js",
-      "require": "./dist/cjs/getArrowStylesBySize.js"
+      "import": "./esm/getArrowStylesBySize.js",
+      "require": "./cjs/getArrowStylesBySize.js"
     },
     "./DSPopper": {
-      "import": "./dist/esm/DSPopper.js",
-      "require": "./dist/cjs/DSPopper.js"
+      "import": "./esm/DSPopper.js",
+      "require": "./cjs/DSPopper.js"
     }
   },
   "sideEffects": [
@@ -52,13 +49,19 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "npm": ">=7",
+    "node": ">=14"
   },
   "author": "ICE MT",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
+  },
   "dependencies": {
-    "@elliemae/ds-overlay": "2.3.0-alpha.9",
-    "@elliemae/ds-utilities": "2.3.0-alpha.9",
+    "@elliemae/ds-overlay": "2.3.0-next.3",
+    "@elliemae/ds-utilities": "2.3.0-next.3",
     "memoize-one": "~5.1.1",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
@@ -71,12 +74,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/dist/cjs/DSPopper.js

@@ -1,117 +0,0 @@
-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 = require("react-desc");
-var import_PopperImpl = __toESM(require("./PopperImpl"));
-var import_positions = require("./positions");
-var import_interaction = require("./interaction");
-var import_props = require("./props");
-var import_interaction2 = require("./interaction");
-var import_positions2 = 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/dist/cjs/DSPopper.js.map

@@ -1,7 +0,0 @@
-{
-  "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/dist/cjs/PopperContent.js

@@ -1,148 +0,0 @@
-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 = require("react-popper");
-var import_renderprops = 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 = 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);
-  }
-  handleRestAnimation() {
-    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",
-      ref,
-      className: `${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"
-    })));
-  }
-  renderContent({
-    ref,
-    style,
-    placement,
-    arrowProps,
-    scheduleUpdate,
-    outOfBoundaries
-  }) {
-    const {
-      contentComponent,
-      contentStyle,
-      isOpen,
-      closeAnimationConfig,
-      openAnimationConfig,
-      onMouseEnter,
-      onMouseLeave,
-      containerProps,
-      zIndex,
-      hideIfNotVisible
-    } = this.props;
-    const computedStyle = {
-      ...style,
-      ...contentStyle,
-      zIndex
-    };
-    return /* @__PURE__ */ import_react.default.createElement("div", {
-      ...containerProps,
-      "data-placement": placement,
-      onMouseEnter,
-      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)
-    ]))));
-  }
-  render() {
-    const {
-      destroyed = false,
-      onClickOutside = () => null,
-      placement = "bottom-start",
-      modifiers = {},
-      referenceNode,
-      usePortal = true
-    } = this.props;
-    return /* @__PURE__ */ import_react.default.createElement(import_ds_overlay.default, {
-      isOpen: !destroyed,
-      onClickOutside,
-      usePortal
-    }, /* @__PURE__ */ import_react.default.createElement(import_react_popper.Popper, {
-      modifiers,
-      placement,
-      referenceElement: referenceNode
-    }, this.renderContent));
-  }
-}
-PopperContent.defaultProps = { onContentDestroyed: () => null };
-module.exports = __toCommonJS(PopperContent_exports);
-//# sourceMappingURL=PopperContent.js.map

package/dist/cjs/PopperContent.js.map

@@ -1,7 +0,0 @@
-{
-  "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": []
-}