@elliemae/ds-popper 3.0.0-alpha.2 → 3.0.0-alpha.3

package/dist/cjs/PopperContent.js

@@ -48,7 +48,7 @@ __export(PopperContent_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_popper = require("react-popper");
+var import_react_popper = require("@elliemae/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"));

package/dist/cjs/PopperContent.js.map

@@ -1,7 +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"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { PureComponent } from 'react';\nimport { Popper } from '@elliemae/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,kCACF,QACA,sDAAqB,WAAW;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,gDACjB,QACA,eAFiB;AAAA,MAGpB;AAAA;AAEF,WACE,mDAAC,OAAD,iCACM,iBADN;AAAA,MAEE,kBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,eAAY;AAAA,QAEZ,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,iCACD,sBADC;AAAA,UAEJ,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": []
 }

package/dist/cjs/PopperImpl.js

@@ -51,7 +51,7 @@ __export(PopperImpl_exports, {
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_react_popper = require("react-popper");
+var import_react_popper = require("@elliemae/react-popper");
 var import_memoize_one = __toESM(require("memoize-one"));
 var import_PopperContent = __toESM(require("./PopperContent"));
 var import_interaction = require("./interaction");

package/dist/cjs/PopperImpl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/PopperImpl.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport { isFunction, get, isDOMTypeElement, getComponentFromProps, mergeRefs } from '@elliemae/ds-utilities';\nimport { Manager, Reference } from 'react-popper';\nimport memoizeOne from 'memoize-one';\nimport PopperContent from './PopperContent';\nimport { Interaction } from './interaction';\n\nexport default class PopperImpl extends Component<any, any> {\n  // we use safeIsMounted because isMounted is not allowed by React.\n  safeIsMounted = false;\n\n  handlePopperPlacementChange = memoizeOne((placement) => {\n    const { onPlacementChange } = this.props;\n    onPlacementChange(placement);\n  });\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      isOpen: false,\n      destroyed: true,\n    };\n    // TODO: Fix the autobinding to remove this!!\n    this.handleMouseEnter = this.handleMouseEnter.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleTriggerClick = this.handleTriggerClick.bind(this);\n    this.renderTarget = this.renderTarget.bind(this);\n    this.updatePopoverState = this.updatePopoverState.bind(this);\n    this.handlePopperPlacementChange = this.handlePopperPlacementChange.bind(\n      this,\n    );\n    this.handleDestroyContent = this.handleDestroyContent.bind(this);\n    this.handleContentMouseEnter = this.handleContentMouseEnter.bind(this);\n    this.handleContentMouseLeave = this.handleContentMouseLeave.bind(this);\n  }\n\n  // this is needed to prevent setState on unmounted components\n  componentDidMount() {\n    this.safeIsMounted = true;\n  }\n\n  componentDidUpdate() {\n    const { isOpen, destroyed } = this.state;\n    if (isOpen === true && destroyed === true) {\n      // eslint-disable-next-line react/no-did-update-set-state\n      this.setState({ destroyed: false });\n    }\n  }\n\n  componentWillUnmount() {\n    this.safeIsMounted = false;\n  }\n\n  static getDerivedStateFromProps(nextProps, prevState) {\n    const { isOpen } = nextProps;\n    const { prevPropIsOpen } = prevState;\n    // todo: this causes multiple rerenders\n    if (isOpen !== prevPropIsOpen) {\n      return {\n        isOpen,\n        prevPropIsOpen: isOpen,\n      };\n    }\n    return null;\n  }\n\n  getInteractionObject(interaction, referenceProps = {}) {\n    const { isOpen } = this.props;\n    if (isOpen !== undefined) return {};\n    return (\n      {\n        [Interaction.CLICK]: {\n          handlers: {\n            onClick: this.handleTriggerClick,\n          },\n          canClose: () => true,\n        },\n        [Interaction.HOVER]: {\n          handlers: {\n            onMouseEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n            onPointerEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n            onMouseLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n            onPointerLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n            onClick: this.handleTriggerClick,\n          },\n          canClose: (isOnTrigger, isOnPopper) => !isOnTrigger && !isOnPopper,\n        },\n      }[interaction] || {\n        handlers: {},\n        canClose: () => true,\n      }\n    );\n  }\n\n  setOpen(opening) {\n    const { onOpen } = this.props;\n    const { prevPropIsOpen } = this.state;\n    if (!this.safeIsMounted) return;\n\n    if (prevPropIsOpen === undefined) {\n      this.setState({\n        isOpen: opening,\n        destroyed: false,\n      });\n    }\n    onOpen(opening);\n  }\n\n  open() {\n    clearTimeout(this.closeTimer);\n    const { delayOpen } = this.props;\n    this.openTimer = setTimeout(() => this.setOpen(true), delayOpen);\n  }\n\n  close() {\n    clearTimeout(this.openTimer);\n    const { delayClose, onClose = () => null } = this.props;\n    this.closeTimer = setTimeout(() => {\n      this.setOpen(false);\n      onClose();\n    }, delayClose);\n  }\n\n  handleTriggerClick(e) {\n    const { triggerComponent } = this.props;\n    const { onClick } = get(triggerComponent, 'props') || {};\n\n    this.open();\n\n    if (isFunction(onClick)) onClick(e);\n  }\n\n  handleContentMouseEnter() {\n    this.isMouseOverContent = true;\n  }\n\n  handleContentMouseLeave() {\n    this.isMouseOverContent = false;\n    const { onClose = () => null } = this.props;\n    setTimeout(() => {\n      if (!this.isMouseOverTarget) {\n        this.setOpen(false);\n        onClose();\n      }\n    }, 10);\n  }\n\n  handleMouseEnter() {\n    this.isMouseOverTarget = true;\n    this.open();\n  }\n\n  handleMouseLeave() {\n    this.isMouseOverTarget = false;\n    setTimeout(() => {\n      if (!this.isMouseOverContent) {\n        this.close();\n      }\n    }, 10);\n  }\n\n  updatePopoverState(popperData) {\n    this.handlePopperPlacementChange(popperData.placement);\n    return popperData;\n  }\n\n  handleDestroyContent() {\n    this.setState({ destroyed: true });\n  }\n\n  renderTarget({ ref }) {\n    const { isOpen } = this.state;\n    const { triggerComponent, interactionType, renderReference } = this.props;\n\n    const componentInnerRef = get(\n      triggerComponent,\n      ['props', 'innerRef'],\n      () => null,\n    );\n    const compRef = isDOMTypeElement(triggerComponent)\n      ? { ref }\n      : { innerRef: mergeRefs(ref, componentInnerRef) };\n\n    const triggerHandler = this.getInteractionObject(\n      interactionType,\n      triggerComponent.props,\n    ).handlers;\n\n    const targetProps = {\n      ...triggerHandler,\n      ...compRef,\n      'aria-haspopup': true,\n      'aria-expanded': isOpen,\n    };\n\n    if (renderReference) {\n      return renderReference({\n        ref,\n        ...targetProps,\n      });\n    }\n\n    return getComponentFromProps(triggerComponent, targetProps);\n  }\n\n  render() {\n    const { isOpen, destroyed } = this.state;\n\n    const {\n      placement,\n      interactionType,\n      showArrow,\n      arrowSize,\n      arrowGap,\n      preventOverflow,\n      children: customPopper,\n      usePortal,\n      blockName,\n      contentComponent,\n      openAnimationConfig,\n      closeAnimationConfig,\n      modifiers,\n      referenceNode,\n      containerProps,\n      zIndex,\n      hideIfNotVisible,\n    } = this.props;\n\n    const allModifiers = {\n      offset: {\n        enabled: showArrow,\n        offset: `0, ${arrowSize + arrowGap}`,\n      },\n      preventOverflow: {\n        enabled: true,\n        padding: 0,\n        boundariesElement: preventOverflow,\n      },\n      updatePopoverState: {\n        enabled: true,\n        fn: this.updatePopoverState,\n        order: 900,\n      },\n      ...modifiers,\n    };\n    const triggerHandler = this.getInteractionObject(interactionType).handlers;\n\n    const popperContentProps = {\n      hideIfNotVisible,\n      containerProps,\n      isOpen,\n      destroyed: isOpen ? false : destroyed,\n      arrowSize,\n      blockName,\n      showArrow,\n      modifiers: allModifiers,\n      contentComponent,\n      onContentDestroyed: this.handleDestroyContent,\n      onClickOutside: () => this.close(),\n      placement,\n      usePortal,\n      openAnimationConfig,\n      closeAnimationConfig,\n      onMouseEnter:\n        interactionType === Interaction.HOVER\n          ? this.handleContentMouseEnter\n          : undefined,\n      onMouseLeave:\n        interactionType === Interaction.HOVER\n          ? this.handleContentMouseLeave\n          : undefined,\n      referenceNode,\n      zIndex,\n    };\n\n    if (customPopper && typeof customPopper === 'function') {\n      return (\n        <Manager>\n          {customPopper({\n            Reference,\n            triggerHandler,\n            content: <PopperContent {...popperContentProps} />,\n          })}\n        </Manager>\n      );\n    }\n\n    return (\n      <Manager>\n        <Reference>{this.renderTarget}</Reference>\n        <PopperContent {...popperContentProps} />\n      </Manager>\n    );\n  }\n}\n\nexport { Reference, PopperContent };\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport { isFunction, get, isDOMTypeElement, getComponentFromProps, mergeRefs } from '@elliemae/ds-utilities';\nimport { Manager, Reference } from '@elliemae/react-popper';\nimport memoizeOne from 'memoize-one';\nimport PopperContent from './PopperContent';\nimport { Interaction } from './interaction';\n\nexport default class PopperImpl extends Component<any, any> {\n  // we use safeIsMounted because isMounted is not allowed by React.\n  safeIsMounted = false;\n\n  handlePopperPlacementChange = memoizeOne((placement) => {\n    const { onPlacementChange } = this.props;\n    onPlacementChange(placement);\n  });\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      isOpen: false,\n      destroyed: true,\n    };\n    // TODO: Fix the autobinding to remove this!!\n    this.handleMouseEnter = this.handleMouseEnter.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleTriggerClick = this.handleTriggerClick.bind(this);\n    this.renderTarget = this.renderTarget.bind(this);\n    this.updatePopoverState = this.updatePopoverState.bind(this);\n    this.handlePopperPlacementChange = this.handlePopperPlacementChange.bind(\n      this,\n    );\n    this.handleDestroyContent = this.handleDestroyContent.bind(this);\n    this.handleContentMouseEnter = this.handleContentMouseEnter.bind(this);\n    this.handleContentMouseLeave = this.handleContentMouseLeave.bind(this);\n  }\n\n  // this is needed to prevent setState on unmounted components\n  componentDidMount() {\n    this.safeIsMounted = true;\n  }\n\n  componentDidUpdate() {\n    const { isOpen, destroyed } = this.state;\n    if (isOpen === true && destroyed === true) {\n      // eslint-disable-next-line react/no-did-update-set-state\n      this.setState({ destroyed: false });\n    }\n  }\n\n  componentWillUnmount() {\n    this.safeIsMounted = false;\n  }\n\n  static getDerivedStateFromProps(nextProps, prevState) {\n    const { isOpen } = nextProps;\n    const { prevPropIsOpen } = prevState;\n    // todo: this causes multiple rerenders\n    if (isOpen !== prevPropIsOpen) {\n      return {\n        isOpen,\n        prevPropIsOpen: isOpen,\n      };\n    }\n    return null;\n  }\n\n  getInteractionObject(interaction, referenceProps = {}) {\n    const { isOpen } = this.props;\n    if (isOpen !== undefined) return {};\n    return (\n      {\n        [Interaction.CLICK]: {\n          handlers: {\n            onClick: this.handleTriggerClick,\n          },\n          canClose: () => true,\n        },\n        [Interaction.HOVER]: {\n          handlers: {\n            onMouseEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n            onPointerEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n            onMouseLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n            onPointerLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n            onClick: this.handleTriggerClick,\n          },\n          canClose: (isOnTrigger, isOnPopper) => !isOnTrigger && !isOnPopper,\n        },\n      }[interaction] || {\n        handlers: {},\n        canClose: () => true,\n      }\n    );\n  }\n\n  setOpen(opening) {\n    const { onOpen } = this.props;\n    const { prevPropIsOpen } = this.state;\n    if (!this.safeIsMounted) return;\n\n    if (prevPropIsOpen === undefined) {\n      this.setState({\n        isOpen: opening,\n        destroyed: false,\n      });\n    }\n    onOpen(opening);\n  }\n\n  open() {\n    clearTimeout(this.closeTimer);\n    const { delayOpen } = this.props;\n    this.openTimer = setTimeout(() => this.setOpen(true), delayOpen);\n  }\n\n  close() {\n    clearTimeout(this.openTimer);\n    const { delayClose, onClose = () => null } = this.props;\n    this.closeTimer = setTimeout(() => {\n      this.setOpen(false);\n      onClose();\n    }, delayClose);\n  }\n\n  handleTriggerClick(e) {\n    const { triggerComponent } = this.props;\n    const { onClick } = get(triggerComponent, 'props') || {};\n\n    this.open();\n\n    if (isFunction(onClick)) onClick(e);\n  }\n\n  handleContentMouseEnter() {\n    this.isMouseOverContent = true;\n  }\n\n  handleContentMouseLeave() {\n    this.isMouseOverContent = false;\n    const { onClose = () => null } = this.props;\n    setTimeout(() => {\n      if (!this.isMouseOverTarget) {\n        this.setOpen(false);\n        onClose();\n      }\n    }, 10);\n  }\n\n  handleMouseEnter() {\n    this.isMouseOverTarget = true;\n    this.open();\n  }\n\n  handleMouseLeave() {\n    this.isMouseOverTarget = false;\n    setTimeout(() => {\n      if (!this.isMouseOverContent) {\n        this.close();\n      }\n    }, 10);\n  }\n\n  updatePopoverState(popperData) {\n    this.handlePopperPlacementChange(popperData.placement);\n    return popperData;\n  }\n\n  handleDestroyContent() {\n    this.setState({ destroyed: true });\n  }\n\n  renderTarget({ ref }) {\n    const { isOpen } = this.state;\n    const { triggerComponent, interactionType, renderReference } = this.props;\n\n    const componentInnerRef = get(\n      triggerComponent,\n      ['props', 'innerRef'],\n      () => null,\n    );\n    const compRef = isDOMTypeElement(triggerComponent)\n      ? { ref }\n      : { innerRef: mergeRefs(ref, componentInnerRef) };\n\n    const triggerHandler = this.getInteractionObject(\n      interactionType,\n      triggerComponent.props,\n    ).handlers;\n\n    const targetProps = {\n      ...triggerHandler,\n      ...compRef,\n      'aria-haspopup': true,\n      'aria-expanded': isOpen,\n    };\n\n    if (renderReference) {\n      return renderReference({\n        ref,\n        ...targetProps,\n      });\n    }\n\n    return getComponentFromProps(triggerComponent, targetProps);\n  }\n\n  render() {\n    const { isOpen, destroyed } = this.state;\n\n    const {\n      placement,\n      interactionType,\n      showArrow,\n      arrowSize,\n      arrowGap,\n      preventOverflow,\n      children: customPopper,\n      usePortal,\n      blockName,\n      contentComponent,\n      openAnimationConfig,\n      closeAnimationConfig,\n      modifiers,\n      referenceNode,\n      containerProps,\n      zIndex,\n      hideIfNotVisible,\n    } = this.props;\n\n    const allModifiers = {\n      offset: {\n        enabled: showArrow,\n        offset: `0, ${arrowSize + arrowGap}`,\n      },\n      preventOverflow: {\n        enabled: true,\n        padding: 0,\n        boundariesElement: preventOverflow,\n      },\n      updatePopoverState: {\n        enabled: true,\n        fn: this.updatePopoverState,\n        order: 900,\n      },\n      ...modifiers,\n    };\n    const triggerHandler = this.getInteractionObject(interactionType).handlers;\n\n    const popperContentProps = {\n      hideIfNotVisible,\n      containerProps,\n      isOpen,\n      destroyed: isOpen ? false : destroyed,\n      arrowSize,\n      blockName,\n      showArrow,\n      modifiers: allModifiers,\n      contentComponent,\n      onContentDestroyed: this.handleDestroyContent,\n      onClickOutside: () => this.close(),\n      placement,\n      usePortal,\n      openAnimationConfig,\n      closeAnimationConfig,\n      onMouseEnter:\n        interactionType === Interaction.HOVER\n          ? this.handleContentMouseEnter\n          : undefined,\n      onMouseLeave:\n        interactionType === Interaction.HOVER\n          ? this.handleContentMouseLeave\n          : undefined,\n      referenceNode,\n      zIndex,\n    };\n\n    if (customPopper && typeof customPopper === 'function') {\n      return (\n        <Manager>\n          {customPopper({\n            Reference,\n            triggerHandler,\n            content: <PopperContent {...popperContentProps} />,\n          })}\n        </Manager>\n      );\n    }\n\n    return (\n      <Manager>\n        <Reference>{this.renderTarget}</Reference>\n        <PopperContent {...popperContentProps} />\n      </Manager>\n    );\n  }\n}\n\nexport { Reference, PopperContent };\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": "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",
   "names": []
 }

package/dist/esm/PopperContent.js

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2, { PureComponent } from "react";
-import { Popper } from "react-popper";
+import { Popper } from "@elliemae/react-popper";
 import { Keyframes, animated } from "react-spring/renderprops";
 import getComponentFromProps from "@elliemae/ds-utilities/getComponentFromProps";
 import DSOverlay from "@elliemae/ds-overlay";

package/dist/esm/PopperContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/PopperContent.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { PureComponent } from 'react';\nimport { Popper } from '@elliemae/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"],
   "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,UAAU,UAAU,OAAO;AAEjC,4BAA2C,cAAc;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,qCAAC,OAAD;AAAA,MACE,KAAI;AAAA,MACJ;AAAA,MACA,WAAW,GAAG,aAAa;AAAA,MAC3B,kBAAgB;AAAA,MAChB,OAAO,kCACF,QACA,qBAAqB,WAAW;AAAA,OAGrC,qCAAC,OAAD;AAAA,MAAK,SAAQ;AAAA,OACX,qCAAC,QAAD;AAAA,MACE,WAAU;AAAA,MACV,GAAE;AAAA,QAGJ,qCAAC,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,gDACjB,QACA,eAFiB;AAAA,MAGpB;AAAA;AAEF,WACE,qCAAC,OAAD,iCACM,iBADN;AAAA,MAEE,kBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,eAAY;AAAA,QAEZ,qCAAC,SAAD;AAAA,MACE,QAAM;AAAA,MACN,QAAQ,KAAK;AAAA,MACb,OACE,UAAW,EAAC,mBAAmB,CAAC,oBAAoB,SAAS;AAAA,MAE/D,QAAQ;AAAA,QACN,MAAM,iCACD,sBADC;AAAA,UAEJ,MAAM,qBAAqB;AAAA;AAAA,QAE7B,OAAO;AAAA;AAAA,OAGR,CAAC,mBACA,qCAAC,SAAS,KAAV;AAAA,MAAc;AAAA,MAAU,OAAO;AAAA,OAC5B,sBAAsB,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,qCAAC,WAAD;AAAA,MACE,QAAQ,CAAC;AAAA,MACT;AAAA,MACA;AAAA,OAEA,qCAAC,QAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,OAEjB,KAAK;AAAA;AAAA;AA9HP,AAFT,cAES,eAAe,EAAE,oBAAoB,MAAM;",
   "names": []
 }

package/dist/esm/PopperImpl.js

@@ -20,7 +20,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2, { Component } from "react";
 import { isFunction, get, isDOMTypeElement, getComponentFromProps, mergeRefs } from "@elliemae/ds-utilities";
-import { Manager, Reference } from "react-popper";
+import { Manager, Reference } from "@elliemae/react-popper";
 import memoizeOne from "memoize-one";
 import PopperContent from "./PopperContent";
 import { Interaction } from "./interaction";

package/dist/esm/PopperImpl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/PopperImpl.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport { isFunction, get, isDOMTypeElement, getComponentFromProps, mergeRefs } from '@elliemae/ds-utilities';\nimport { Manager, Reference } from 'react-popper';\nimport memoizeOne from 'memoize-one';\nimport PopperContent from './PopperContent';\nimport { Interaction } from './interaction';\n\nexport default class PopperImpl extends Component<any, any> {\n  // we use safeIsMounted because isMounted is not allowed by React.\n  safeIsMounted = false;\n\n  handlePopperPlacementChange = memoizeOne((placement) => {\n    const { onPlacementChange } = this.props;\n    onPlacementChange(placement);\n  });\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      isOpen: false,\n      destroyed: true,\n    };\n    // TODO: Fix the autobinding to remove this!!\n    this.handleMouseEnter = this.handleMouseEnter.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleTriggerClick = this.handleTriggerClick.bind(this);\n    this.renderTarget = this.renderTarget.bind(this);\n    this.updatePopoverState = this.updatePopoverState.bind(this);\n    this.handlePopperPlacementChange = this.handlePopperPlacementChange.bind(\n      this,\n    );\n    this.handleDestroyContent = this.handleDestroyContent.bind(this);\n    this.handleContentMouseEnter = this.handleContentMouseEnter.bind(this);\n    this.handleContentMouseLeave = this.handleContentMouseLeave.bind(this);\n  }\n\n  // this is needed to prevent setState on unmounted components\n  componentDidMount() {\n    this.safeIsMounted = true;\n  }\n\n  componentDidUpdate() {\n    const { isOpen, destroyed } = this.state;\n    if (isOpen === true && destroyed === true) {\n      // eslint-disable-next-line react/no-did-update-set-state\n      this.setState({ destroyed: false });\n    }\n  }\n\n  componentWillUnmount() {\n    this.safeIsMounted = false;\n  }\n\n  static getDerivedStateFromProps(nextProps, prevState) {\n    const { isOpen } = nextProps;\n    const { prevPropIsOpen } = prevState;\n    // todo: this causes multiple rerenders\n    if (isOpen !== prevPropIsOpen) {\n      return {\n        isOpen,\n        prevPropIsOpen: isOpen,\n      };\n    }\n    return null;\n  }\n\n  getInteractionObject(interaction, referenceProps = {}) {\n    const { isOpen } = this.props;\n    if (isOpen !== undefined) return {};\n    return (\n      {\n        [Interaction.CLICK]: {\n          handlers: {\n            onClick: this.handleTriggerClick,\n          },\n          canClose: () => true,\n        },\n        [Interaction.HOVER]: {\n          handlers: {\n            onMouseEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n            onPointerEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n            onMouseLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n            onPointerLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n            onClick: this.handleTriggerClick,\n          },\n          canClose: (isOnTrigger, isOnPopper) => !isOnTrigger && !isOnPopper,\n        },\n      }[interaction] || {\n        handlers: {},\n        canClose: () => true,\n      }\n    );\n  }\n\n  setOpen(opening) {\n    const { onOpen } = this.props;\n    const { prevPropIsOpen } = this.state;\n    if (!this.safeIsMounted) return;\n\n    if (prevPropIsOpen === undefined) {\n      this.setState({\n        isOpen: opening,\n        destroyed: false,\n      });\n    }\n    onOpen(opening);\n  }\n\n  open() {\n    clearTimeout(this.closeTimer);\n    const { delayOpen } = this.props;\n    this.openTimer = setTimeout(() => this.setOpen(true), delayOpen);\n  }\n\n  close() {\n    clearTimeout(this.openTimer);\n    const { delayClose, onClose = () => null } = this.props;\n    this.closeTimer = setTimeout(() => {\n      this.setOpen(false);\n      onClose();\n    }, delayClose);\n  }\n\n  handleTriggerClick(e) {\n    const { triggerComponent } = this.props;\n    const { onClick } = get(triggerComponent, 'props') || {};\n\n    this.open();\n\n    if (isFunction(onClick)) onClick(e);\n  }\n\n  handleContentMouseEnter() {\n    this.isMouseOverContent = true;\n  }\n\n  handleContentMouseLeave() {\n    this.isMouseOverContent = false;\n    const { onClose = () => null } = this.props;\n    setTimeout(() => {\n      if (!this.isMouseOverTarget) {\n        this.setOpen(false);\n        onClose();\n      }\n    }, 10);\n  }\n\n  handleMouseEnter() {\n    this.isMouseOverTarget = true;\n    this.open();\n  }\n\n  handleMouseLeave() {\n    this.isMouseOverTarget = false;\n    setTimeout(() => {\n      if (!this.isMouseOverContent) {\n        this.close();\n      }\n    }, 10);\n  }\n\n  updatePopoverState(popperData) {\n    this.handlePopperPlacementChange(popperData.placement);\n    return popperData;\n  }\n\n  handleDestroyContent() {\n    this.setState({ destroyed: true });\n  }\n\n  renderTarget({ ref }) {\n    const { isOpen } = this.state;\n    const { triggerComponent, interactionType, renderReference } = this.props;\n\n    const componentInnerRef = get(\n      triggerComponent,\n      ['props', 'innerRef'],\n      () => null,\n    );\n    const compRef = isDOMTypeElement(triggerComponent)\n      ? { ref }\n      : { innerRef: mergeRefs(ref, componentInnerRef) };\n\n    const triggerHandler = this.getInteractionObject(\n      interactionType,\n      triggerComponent.props,\n    ).handlers;\n\n    const targetProps = {\n      ...triggerHandler,\n      ...compRef,\n      'aria-haspopup': true,\n      'aria-expanded': isOpen,\n    };\n\n    if (renderReference) {\n      return renderReference({\n        ref,\n        ...targetProps,\n      });\n    }\n\n    return getComponentFromProps(triggerComponent, targetProps);\n  }\n\n  render() {\n    const { isOpen, destroyed } = this.state;\n\n    const {\n      placement,\n      interactionType,\n      showArrow,\n      arrowSize,\n      arrowGap,\n      preventOverflow,\n      children: customPopper,\n      usePortal,\n      blockName,\n      contentComponent,\n      openAnimationConfig,\n      closeAnimationConfig,\n      modifiers,\n      referenceNode,\n      containerProps,\n      zIndex,\n      hideIfNotVisible,\n    } = this.props;\n\n    const allModifiers = {\n      offset: {\n        enabled: showArrow,\n        offset: `0, ${arrowSize + arrowGap}`,\n      },\n      preventOverflow: {\n        enabled: true,\n        padding: 0,\n        boundariesElement: preventOverflow,\n      },\n      updatePopoverState: {\n        enabled: true,\n        fn: this.updatePopoverState,\n        order: 900,\n      },\n      ...modifiers,\n    };\n    const triggerHandler = this.getInteractionObject(interactionType).handlers;\n\n    const popperContentProps = {\n      hideIfNotVisible,\n      containerProps,\n      isOpen,\n      destroyed: isOpen ? false : destroyed,\n      arrowSize,\n      blockName,\n      showArrow,\n      modifiers: allModifiers,\n      contentComponent,\n      onContentDestroyed: this.handleDestroyContent,\n      onClickOutside: () => this.close(),\n      placement,\n      usePortal,\n      openAnimationConfig,\n      closeAnimationConfig,\n      onMouseEnter:\n        interactionType === Interaction.HOVER\n          ? this.handleContentMouseEnter\n          : undefined,\n      onMouseLeave:\n        interactionType === Interaction.HOVER\n          ? this.handleContentMouseLeave\n          : undefined,\n      referenceNode,\n      zIndex,\n    };\n\n    if (customPopper && typeof customPopper === 'function') {\n      return (\n        <Manager>\n          {customPopper({\n            Reference,\n            triggerHandler,\n            content: <PopperContent {...popperContentProps} />,\n          })}\n        </Manager>\n      );\n    }\n\n    return (\n      <Manager>\n        <Reference>{this.renderTarget}</Reference>\n        <PopperContent {...popperContentProps} />\n      </Manager>\n    );\n  }\n}\n\nexport { Reference, PopperContent };\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport { isFunction, get, isDOMTypeElement, getComponentFromProps, mergeRefs } from '@elliemae/ds-utilities';\nimport { Manager, Reference } from '@elliemae/react-popper';\nimport memoizeOne from 'memoize-one';\nimport PopperContent from './PopperContent';\nimport { Interaction } from './interaction';\n\nexport default class PopperImpl extends Component<any, any> {\n  // we use safeIsMounted because isMounted is not allowed by React.\n  safeIsMounted = false;\n\n  handlePopperPlacementChange = memoizeOne((placement) => {\n    const { onPlacementChange } = this.props;\n    onPlacementChange(placement);\n  });\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      isOpen: false,\n      destroyed: true,\n    };\n    // TODO: Fix the autobinding to remove this!!\n    this.handleMouseEnter = this.handleMouseEnter.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleTriggerClick = this.handleTriggerClick.bind(this);\n    this.renderTarget = this.renderTarget.bind(this);\n    this.updatePopoverState = this.updatePopoverState.bind(this);\n    this.handlePopperPlacementChange = this.handlePopperPlacementChange.bind(\n      this,\n    );\n    this.handleDestroyContent = this.handleDestroyContent.bind(this);\n    this.handleContentMouseEnter = this.handleContentMouseEnter.bind(this);\n    this.handleContentMouseLeave = this.handleContentMouseLeave.bind(this);\n  }\n\n  // this is needed to prevent setState on unmounted components\n  componentDidMount() {\n    this.safeIsMounted = true;\n  }\n\n  componentDidUpdate() {\n    const { isOpen, destroyed } = this.state;\n    if (isOpen === true && destroyed === true) {\n      // eslint-disable-next-line react/no-did-update-set-state\n      this.setState({ destroyed: false });\n    }\n  }\n\n  componentWillUnmount() {\n    this.safeIsMounted = false;\n  }\n\n  static getDerivedStateFromProps(nextProps, prevState) {\n    const { isOpen } = nextProps;\n    const { prevPropIsOpen } = prevState;\n    // todo: this causes multiple rerenders\n    if (isOpen !== prevPropIsOpen) {\n      return {\n        isOpen,\n        prevPropIsOpen: isOpen,\n      };\n    }\n    return null;\n  }\n\n  getInteractionObject(interaction, referenceProps = {}) {\n    const { isOpen } = this.props;\n    if (isOpen !== undefined) return {};\n    return (\n      {\n        [Interaction.CLICK]: {\n          handlers: {\n            onClick: this.handleTriggerClick,\n          },\n          canClose: () => true,\n        },\n        [Interaction.HOVER]: {\n          handlers: {\n            onMouseEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n            onPointerEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n            onMouseLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n            onPointerLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n            onClick: this.handleTriggerClick,\n          },\n          canClose: (isOnTrigger, isOnPopper) => !isOnTrigger && !isOnPopper,\n        },\n      }[interaction] || {\n        handlers: {},\n        canClose: () => true,\n      }\n    );\n  }\n\n  setOpen(opening) {\n    const { onOpen } = this.props;\n    const { prevPropIsOpen } = this.state;\n    if (!this.safeIsMounted) return;\n\n    if (prevPropIsOpen === undefined) {\n      this.setState({\n        isOpen: opening,\n        destroyed: false,\n      });\n    }\n    onOpen(opening);\n  }\n\n  open() {\n    clearTimeout(this.closeTimer);\n    const { delayOpen } = this.props;\n    this.openTimer = setTimeout(() => this.setOpen(true), delayOpen);\n  }\n\n  close() {\n    clearTimeout(this.openTimer);\n    const { delayClose, onClose = () => null } = this.props;\n    this.closeTimer = setTimeout(() => {\n      this.setOpen(false);\n      onClose();\n    }, delayClose);\n  }\n\n  handleTriggerClick(e) {\n    const { triggerComponent } = this.props;\n    const { onClick } = get(triggerComponent, 'props') || {};\n\n    this.open();\n\n    if (isFunction(onClick)) onClick(e);\n  }\n\n  handleContentMouseEnter() {\n    this.isMouseOverContent = true;\n  }\n\n  handleContentMouseLeave() {\n    this.isMouseOverContent = false;\n    const { onClose = () => null } = this.props;\n    setTimeout(() => {\n      if (!this.isMouseOverTarget) {\n        this.setOpen(false);\n        onClose();\n      }\n    }, 10);\n  }\n\n  handleMouseEnter() {\n    this.isMouseOverTarget = true;\n    this.open();\n  }\n\n  handleMouseLeave() {\n    this.isMouseOverTarget = false;\n    setTimeout(() => {\n      if (!this.isMouseOverContent) {\n        this.close();\n      }\n    }, 10);\n  }\n\n  updatePopoverState(popperData) {\n    this.handlePopperPlacementChange(popperData.placement);\n    return popperData;\n  }\n\n  handleDestroyContent() {\n    this.setState({ destroyed: true });\n  }\n\n  renderTarget({ ref }) {\n    const { isOpen } = this.state;\n    const { triggerComponent, interactionType, renderReference } = this.props;\n\n    const componentInnerRef = get(\n      triggerComponent,\n      ['props', 'innerRef'],\n      () => null,\n    );\n    const compRef = isDOMTypeElement(triggerComponent)\n      ? { ref }\n      : { innerRef: mergeRefs(ref, componentInnerRef) };\n\n    const triggerHandler = this.getInteractionObject(\n      interactionType,\n      triggerComponent.props,\n    ).handlers;\n\n    const targetProps = {\n      ...triggerHandler,\n      ...compRef,\n      'aria-haspopup': true,\n      'aria-expanded': isOpen,\n    };\n\n    if (renderReference) {\n      return renderReference({\n        ref,\n        ...targetProps,\n      });\n    }\n\n    return getComponentFromProps(triggerComponent, targetProps);\n  }\n\n  render() {\n    const { isOpen, destroyed } = this.state;\n\n    const {\n      placement,\n      interactionType,\n      showArrow,\n      arrowSize,\n      arrowGap,\n      preventOverflow,\n      children: customPopper,\n      usePortal,\n      blockName,\n      contentComponent,\n      openAnimationConfig,\n      closeAnimationConfig,\n      modifiers,\n      referenceNode,\n      containerProps,\n      zIndex,\n      hideIfNotVisible,\n    } = this.props;\n\n    const allModifiers = {\n      offset: {\n        enabled: showArrow,\n        offset: `0, ${arrowSize + arrowGap}`,\n      },\n      preventOverflow: {\n        enabled: true,\n        padding: 0,\n        boundariesElement: preventOverflow,\n      },\n      updatePopoverState: {\n        enabled: true,\n        fn: this.updatePopoverState,\n        order: 900,\n      },\n      ...modifiers,\n    };\n    const triggerHandler = this.getInteractionObject(interactionType).handlers;\n\n    const popperContentProps = {\n      hideIfNotVisible,\n      containerProps,\n      isOpen,\n      destroyed: isOpen ? false : destroyed,\n      arrowSize,\n      blockName,\n      showArrow,\n      modifiers: allModifiers,\n      contentComponent,\n      onContentDestroyed: this.handleDestroyContent,\n      onClickOutside: () => this.close(),\n      placement,\n      usePortal,\n      openAnimationConfig,\n      closeAnimationConfig,\n      onMouseEnter:\n        interactionType === Interaction.HOVER\n          ? this.handleContentMouseEnter\n          : undefined,\n      onMouseLeave:\n        interactionType === Interaction.HOVER\n          ? this.handleContentMouseLeave\n          : undefined,\n      referenceNode,\n      zIndex,\n    };\n\n    if (customPopper && typeof customPopper === 'function') {\n      return (\n        <Manager>\n          {customPopper({\n            Reference,\n            triggerHandler,\n            content: <PopperContent {...popperContentProps} />,\n          })}\n        </Manager>\n      );\n    }\n\n    return (\n      <Manager>\n        <Reference>{this.renderTarget}</Reference>\n        <PopperContent {...popperContentProps} />\n      </Manager>\n    );\n  }\n}\n\nexport { Reference, PopperContent };\n"],
   "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-popper",
-  "version": "3.0.0-alpha.2",
+  "version": "3.0.0-alpha.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Popper",
   "files": [
@@ -63,12 +63,12 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-overlay": "3.0.0-alpha.2",
-    "@elliemae/ds-utilities": "3.0.0-alpha.2",
+    "@elliemae/ds-overlay": "3.0.0-alpha.3",
+    "@elliemae/ds-utilities": "3.0.0-alpha.3",
+    "@elliemae/react-popper": "~1.0.2",
     "memoize-one": "~5.1.1",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
-    "react-popper": "~1.3.11",
     "react-spring": "~8.0.27"
   },
   "peerDependencies": {