@elliemae/ds-popper 3.27.0-next.1 → 3.27.0-next.3

package/dist/cjs/index.js

@@ -29,11 +29,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
-  default: () => import_DSPopper.default
+  default: () => import_ds_legacy_popper.default
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("./DSPopper.js"), module.exports);
-__reExport(src_exports, require("./getArrowStylesBySize.js"), module.exports);
-var import_DSPopper = __toESM(require("./DSPopper.js"));
+__reExport(src_exports, require("@elliemae/ds-legacy-popper"), module.exports);
+var import_ds_legacy_popper = __toESM(require("@elliemae/ds-legacy-popper"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSPopper.js';\nexport * from './getArrowStylesBySize.js';\nexport { default } from './DSPopper.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,0BAAd;AACA,wBAAc,sCADd;AAEA,sBAAwB;",
+  "sourcesContent": ["export * from '@elliemae/ds-legacy-popper';\nexport { default } from '@elliemae/ds-legacy-popper';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,uCAAd;AACA,8BAAwB;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,7 +1,6 @@
 import * as React from "react";
-export * from "./DSPopper.js";
-export * from "./getArrowStylesBySize.js";
-import { default as default2 } from "./DSPopper.js";
+export * from "@elliemae/ds-legacy-popper";
+import { default as default2 } from "@elliemae/ds-legacy-popper";
 export {
   default2 as default
 };

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSPopper.js';\nexport * from './getArrowStylesBySize.js';\nexport { default } from './DSPopper.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,SAAS,WAAAA,gBAAe;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from '@elliemae/ds-legacy-popper';\nexport { default } from '@elliemae/ds-legacy-popper';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;",
   "names": ["default"]
 }

package/dist/types/index.d.ts

@@ -1,3 +1,2 @@
-export * from './DSPopper.js';
-export * from './getArrowStylesBySize.js';
-export { default } from './DSPopper.js';
+export * from '@elliemae/ds-legacy-popper';
+export { default } from '@elliemae/ds-legacy-popper';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-popper",
-  "version": "3.27.0-next.1",
+  "version": "3.27.0-next.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Popper",
   "files": [
@@ -13,34 +13,6 @@
     ".": {
       "import": "./dist/esm/index.js",
       "require": "./dist/cjs/index.js"
-    },
-    "./props": {
-      "import": "./dist/esm/props.js",
-      "require": "./dist/cjs/props.js"
-    },
-    "./positions": {
-      "import": "./dist/esm/positions.js",
-      "require": "./dist/cjs/positions.js"
-    },
-    "./PopperImpl": {
-      "import": "./dist/esm/PopperImpl.js",
-      "require": "./dist/cjs/PopperImpl.js"
-    },
-    "./PopperContent": {
-      "import": "./dist/esm/PopperContent.js",
-      "require": "./dist/cjs/PopperContent.js"
-    },
-    "./interaction": {
-      "import": "./dist/esm/interaction.js",
-      "require": "./dist/cjs/interaction.js"
-    },
-    "./getArrowStylesBySize": {
-      "import": "./dist/esm/getArrowStylesBySize.js",
-      "require": "./dist/cjs/getArrowStylesBySize.js"
-    },
-    "./DSPopper": {
-      "import": "./dist/esm/DSPopper.js",
-      "require": "./dist/cjs/DSPopper.js"
     }
   },
   "sideEffects": [
@@ -63,19 +35,12 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/react-popper": "~1.0.2",
-    "memoize-one": "~6.0.0",
-    "react-spring": "~8.0.27",
-    "styled-components": "~5.3.9",
-    "@elliemae/ds-props-helpers": "3.27.0-next.1",
-    "@elliemae/ds-system": "3.27.0-next.1",
-    "@elliemae/ds-utilities": "3.27.0-next.1",
-    "@elliemae/ds-overlay": "3.27.0-next.1"
+    "@elliemae/ds-legacy-popper": "1.0.1"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.31",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.27.0-next.1"
+    "@elliemae/ds-monorepo-devops": "3.27.0-next.3"
   },
   "peerDependencies": {
     "react": "^17.0.2",
@@ -87,13 +52,13 @@
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
-    "test": "pui-cli test --passWithNoTests",
-    "lint": "node ../../../scripts/lint.mjs",
-    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
-    "dts": "node ../../../scripts/dts.mjs",
+    "test": "exit 0 | echo",
+    "lint": "exit 0 | echo",
+    "eslint:fix": "exit 0 | echo",
+    "dts": "exit 0 | echo",
     "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
     "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
-    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+    "checkDeps": "exit 0 | echo"
   }
 }

package/dist/cjs/DSPopper.js

@@ -1,124 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-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
-});
-module.exports = __toCommonJS(DSPopper_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_PopperImpl = __toESM(require("./PopperImpl.js"));
-var import_positions = require("./positions.js");
-var import_interaction = require("./interaction.js");
-var import_props = require("./props.js");
-var import_interaction2 = require("./interaction.js");
-var import_positions2 = require("./positions.js");
-const DSPopper = ({
-  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
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  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,
-    children: customPopper
-  }
-);
-DSPopper.propTypes = import_props.popperProps;
-DSPopper.defaultProps = import_props.defaultProps;
-DSPopper.displayName = "DSPopper";
-const DSPopperWithSchema = (0, import_ds_props_helpers.describe)(DSPopper);
-DSPopperWithSchema.propTypes = import_props.popperProps;
-var DSPopper_default = DSPopper;
-//# 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 '@elliemae/ds-props-helpers';\nimport PopperImpl from './PopperImpl.js';\nimport { Position } from './positions.js';\nimport { Interaction } from './interaction.js';\nimport { popperProps, defaultProps } from './props.js';\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;\nDSPopper.displayName = 'DSPopper';\nconst DSPopperWithSchema = describe(DSPopper);\nDSPopperWithSchema.propTypes = popperProps;\n\nexport { Interaction as PopperInteractions, Position as PopperPositions, DSPopperWithSchema, DSPopper };\n\nexport { interactions } from './interaction.js';\nexport { positions } from './positions.js';\n\nexport default DSPopper;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwCrB;AAvCF,8BAAyB;AACzB,wBAAuB;AACvB,uBAAyB;AACzB,yBAA4B;AAC5B,mBAA0C;AAgF1C,IAAAA,sBAA6B;AAC7B,IAAAC,oBAA0B;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;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;AACF,MACE;AAAA,EAAC,kBAAAC;AAAA,EAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEC;AAAA;AACH;AAIF,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,MAAM,yBAAqB,kCAAS,QAAQ;AAC5C,mBAAmB,YAAY;AAO/B,IAAO,mBAAQ;",
-  "names": ["import_interaction", "import_positions", "PopperImpl"]
-}

package/dist/cjs/PopperContent.js

@@ -1,154 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var PopperContent_exports = {};
-__export(PopperContent_exports, {
-  default: () => PopperContent
-});
-module.exports = __toCommonJS(PopperContent_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_ds_system = require("@elliemae/ds-system");
-var import_react_popper = require("@elliemae/react-popper");
-var import_renderprops = require("react-spring/renderprops");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_ds_overlay = __toESM(require("@elliemae/ds-overlay"));
-var import_getArrowStylesBySize = require("./getArrowStylesBySize.js");
-const Content = import_renderprops.Keyframes.Spring({});
-const StyledDiv = import_ds_system.styled.div`
-  z-index: ${({ zIndex, theme }) => zIndex ?? theme.zIndex.popper};
-`;
-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__ */ (0, import_jsx_runtime.jsx)(
-      "div",
-      {
-        ref,
-        className: `${blockName || "popper"}__arrow`,
-        "data-placement": placement,
-        style: {
-          ...style,
-          ...(0, import_getArrowStylesBySize.getArrowStylesBySize)(placement, 25)
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { viewBox: "0 0 30 30", style: { verticalAlign: "initial" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "path",
-            {
-              className: "stroke",
-              d: "M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n        C26.7,29,24.6,28.1,23.7,27.1z"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "path",
-            {
-              className: "fill",
-              d: "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"
-            }
-          )
-        ] })
-      },
-      "popper-arrow"
-    );
-  }
-  renderContent({ ref, style, placement, arrowProps, scheduleUpdate, outOfBoundaries }) {
-    const {
-      contentComponent,
-      contentStyle,
-      isOpen,
-      closeAnimationConfig,
-      openAnimationConfig,
-      onMouseEnter,
-      onMouseLeave,
-      containerProps,
-      zIndex,
-      hideIfNotVisible
-    } = this.props;
-    const computedStyle = {
-      ...style,
-      ...contentStyle
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      StyledDiv,
-      {
-        ...containerProps,
-        "data-placement": placement,
-        onMouseEnter,
-        onMouseLeave,
-        style: computedStyle,
-        "data-testid": "popper-container",
-        zIndex,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          Content,
-          {
-            native: true,
-            onRest: this.handleRestAnimation,
-            state: isOpen && (!outOfBoundaries || !hideIfNotVisible) ? "open" : "close",
-            states: {
-              open: {
-                ...openAnimationConfig,
-                from: closeAnimationConfig.to
-              },
-              close: closeAnimationConfig
-            },
-            children: (animationStyle) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_renderprops.animated.div, { ref, style: animationStyle, children: (0, import_ds_utilities.getComponentFromProps)(contentComponent, { scheduleUpdate }, [this.renderArrow(arrowProps, placement)]) })
-          }
-        )
-      }
-    );
-  }
-  render() {
-    const {
-      destroyed = false,
-      onClickOutside = () => null,
-      placement = "bottom-start",
-      modifiers = {},
-      referenceNode,
-      usePortal = true
-    } = this.props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_overlay.default, { isOpen: !destroyed, onClickOutside, usePortal, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_popper.Popper, { modifiers, placement, referenceElement: referenceNode, children: this.renderContent }) });
-  }
-}
-// eslint-disable-next-line react/static-property-placement
-PopperContent.defaultProps = { onContentDestroyed: () => null };
-//# 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 { styled } from '@elliemae/ds-system';\nimport { Popper } from '@elliemae/react-popper';\nimport { Keyframes, animated } from 'react-spring/renderprops';\nimport { getComponentFromProps } from '@elliemae/ds-utilities';\nimport DSOverlay from '@elliemae/ds-overlay';\nimport { getArrowStylesBySize } from './getArrowStylesBySize.js';\n\nconst Content = Keyframes.Spring({});\nconst StyledDiv = styled.div`\n  z-index: ${({ zIndex, theme }) => zIndex ?? theme.zIndex.popper};\n`;\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\" style={{ verticalAlign: 'initial' }}>\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({ ref, style, placement, arrowProps, scheduleUpdate, outOfBoundaries }) {\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    };\n    return (\n      <StyledDiv\n        {...containerProps}\n        data-placement={placement}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        style={computedStyle}\n        data-testid=\"popper-container\"\n        zIndex={zIndex}\n      >\n        <Content\n          native\n          onRest={this.handleRestAnimation}\n          state={isOpen && (!outOfBoundaries || !hideIfNotVisible) ? 'open' : 'close'}\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 }, [this.renderArrow(arrowProps, placement)])}\n            </animated.div>\n          )}\n        </Content>\n      </StyledDiv>\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 isOpen={!destroyed} onClickOutside={onClickOutside} usePortal={usePortal}>\n        <Popper modifiers={modifiers} placement={placement} referenceElement={referenceNode}>\n          {this.renderContent}\n        </Popper>\n      </DSOverlay>\n    );\n  }\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": ["DSOverlay"]
-}