@elliemae/ds-popper 2.3.0-next.0 → 3.0.0-alpha.0

package/{esm → dist/esm}/PopperImpl.js

@@ -1,39 +1,22 @@
-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 _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { Component } from 'react';
-import { get, isFunction, isDOMTypeElement, mergeRefs, getComponentFromProps } from '@elliemae/ds-utilities';
-import { Manager, Reference } from 'react-popper';
-export { Reference } from 'react-popper';
-import memoizeOne from 'memoize-one';
-import PopperContent from './PopperContent.js';
-export { default as PopperContent } from './PopperContent.js';
-import { Interaction } from './interaction.js';
-import { jsx } from 'react/jsx-runtime';
-
-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; }
+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 memoizeOne from "memoize-one";
+import PopperContent from "./PopperContent";
+import { Interaction } from "./interaction";
 class PopperImpl extends Component {
-  // we use safeIsMounted because isMounted is not allowed by React.
   constructor(props) {
     super(props);
     this.safeIsMounted = false;
-    this.handlePopperPlacementChange = memoizeOne(placement => {
-      const {
-        onPlacementChange
-      } = this.props;
+    this.handlePopperPlacementChange = memoizeOne((placement) => {
+      const { onPlacementChange } = this.props;
       onPlacementChange(placement);
     });
     this.state = {
       isOpen: false,
       destroyed: true
-    }; // TODO: Fix the autobinding to remove this!!
-
+    };
     this.handleMouseEnter = this.handleMouseEnter.bind(this);
     this.handleMouseLeave = this.handleMouseLeave.bind(this);
     this.handleTriggerClick = this.handleTriggerClick.bind(this);
@@ -43,55 +26,34 @@ class PopperImpl extends Component {
     this.handleDestroyContent = this.handleDestroyContent.bind(this);
     this.handleContentMouseEnter = this.handleContentMouseEnter.bind(this);
     this.handleContentMouseLeave = this.handleContentMouseLeave.bind(this);
-  } // this is needed to prevent setState on unmounted components
-
-
+  }
   componentDidMount() {
     this.safeIsMounted = true;
   }
-
   componentDidUpdate() {
-    const {
-      isOpen,
-      destroyed
-    } = this.state;
-
+    const { isOpen, destroyed } = this.state;
     if (isOpen === true && destroyed === true) {
-      // eslint-disable-next-line react/no-did-update-set-state
-      this.setState({
-        destroyed: false
-      });
+      this.setState({ destroyed: false });
     }
   }
-
   componentWillUnmount() {
     this.safeIsMounted = false;
   }
-
   static getDerivedStateFromProps(nextProps, prevState) {
-    const {
-      isOpen
-    } = nextProps;
-    const {
-      prevPropIsOpen
-    } = prevState; // todo: this causes multiple rerenders
-
+    const { isOpen } = nextProps;
+    const { prevPropIsOpen } = prevState;
     if (isOpen !== prevPropIsOpen) {
       return {
         isOpen,
         prevPropIsOpen: isOpen
       };
     }
-
     return null;
   }
-
-  getInteractionObject(interaction) {
-    let referenceProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    const {
-      isOpen
-    } = this.props;
-    if (isOpen !== undefined) return {};
+  getInteractionObject(interaction, referenceProps = {}) {
+    const { isOpen } = this.props;
+    if (isOpen !== void 0)
+      return {};
     return {
       [Interaction.CLICK]: {
         handlers: {
@@ -114,66 +76,45 @@ class PopperImpl extends Component {
       canClose: () => true
     };
   }
-
   setOpen(opening) {
-    const {
-      onOpen
-    } = this.props;
-    const {
-      prevPropIsOpen
-    } = this.state;
-    if (!this.safeIsMounted) return;
-
-    if (prevPropIsOpen === undefined) {
+    const { onOpen } = this.props;
+    const { prevPropIsOpen } = this.state;
+    if (!this.safeIsMounted)
+      return;
+    if (prevPropIsOpen === void 0) {
       this.setState({
         isOpen: opening,
         destroyed: false
       });
     }
-
     onOpen(opening);
   }
-
   open() {
     clearTimeout(this.closeTimer);
-    const {
-      delayOpen
-    } = this.props;
+    const { delayOpen } = this.props;
     this.openTimer = setTimeout(() => this.setOpen(true), delayOpen);
   }
-
   close() {
     clearTimeout(this.openTimer);
-    const {
-      delayClose,
-      onClose = () => null
-    } = this.props;
+    const { delayClose, onClose = () => null } = this.props;
     this.closeTimer = setTimeout(() => {
       this.setOpen(false);
       onClose();
     }, delayClose);
   }
-
   handleTriggerClick(e) {
-    const {
-      triggerComponent
-    } = this.props;
-    const {
-      onClick
-    } = get(triggerComponent, 'props') || {};
+    const { triggerComponent } = this.props;
+    const { onClick } = get(triggerComponent, "props") || {};
     this.open();
-    if (isFunction(onClick)) onClick(e);
+    if (isFunction(onClick))
+      onClick(e);
   }
-
   handleContentMouseEnter() {
     this.isMouseOverContent = true;
   }
-
   handleContentMouseLeave() {
     this.isMouseOverContent = false;
-    const {
-      onClose = () => null
-    } = this.props;
+    const { onClose = () => null } = this.props;
     setTimeout(() => {
       if (!this.isMouseOverTarget) {
         this.setOpen(false);
@@ -181,12 +122,10 @@ class PopperImpl extends Component {
       }
     }, 10);
   }
-
   handleMouseEnter() {
     this.isMouseOverTarget = true;
     this.open();
   }
-
   handleMouseLeave() {
     this.isMouseOverTarget = false;
     setTimeout(() => {
@@ -195,57 +134,35 @@ class PopperImpl extends Component {
       }
     }, 10);
   }
-
   updatePopoverState(popperData) {
     this.handlePopperPlacementChange(popperData.placement);
     return popperData;
   }
-
   handleDestroyContent() {
-    this.setState({
-      destroyed: true
-    });
+    this.setState({ destroyed: true });
   }
-
-  renderTarget(_ref) {
-    let {
-      ref
-    } = _ref;
-    const {
-      isOpen
-    } = this.state;
-    const {
-      triggerComponent,
-      interactionType,
-      renderReference
-    } = this.props;
-    const componentInnerRef = get(triggerComponent, ['props', 'innerRef'], () => null);
-    const compRef = isDOMTypeElement(triggerComponent) ? {
-      ref
-    } : {
-      innerRef: mergeRefs(ref, componentInnerRef)
-    };
+  renderTarget({ ref }) {
+    const { isOpen } = this.state;
+    const { triggerComponent, interactionType, renderReference } = this.props;
+    const componentInnerRef = get(triggerComponent, ["props", "innerRef"], () => null);
+    const compRef = isDOMTypeElement(triggerComponent) ? { ref } : { innerRef: mergeRefs(ref, componentInnerRef) };
     const triggerHandler = this.getInteractionObject(interactionType, triggerComponent.props).handlers;
-
-    const targetProps = _objectSpread(_objectSpread(_objectSpread({}, triggerHandler), compRef), {}, {
-      'aria-haspopup': true,
-      'aria-expanded': isOpen
-    });
-
+    const targetProps = {
+      ...triggerHandler,
+      ...compRef,
+      "aria-haspopup": true,
+      "aria-expanded": isOpen
+    };
     if (renderReference) {
-      return renderReference(_objectSpread({
-        ref
-      }, targetProps));
+      return renderReference({
+        ref,
+        ...targetProps
+      });
     }
-
     return getComponentFromProps(triggerComponent, targetProps);
   }
-
   render() {
-    const {
-      isOpen,
-      destroyed
-    } = this.state;
+    const { isOpen, destroyed } = this.state;
     const {
       placement,
       interactionType,
@@ -265,11 +182,10 @@ class PopperImpl extends Component {
       zIndex,
       hideIfNotVisible
     } = this.props;
-
-    const allModifiers = _objectSpread({
+    const allModifiers = {
       offset: {
         enabled: showArrow,
-        offset: "0, ".concat(arrowSize + arrowGap)
+        offset: `0, ${arrowSize + arrowGap}`
       },
       preventOverflow: {
         enabled: true,
@@ -280,9 +196,9 @@ class PopperImpl extends Component {
         enabled: true,
         fn: this.updatePopoverState,
         order: 900
-      }
-    }, modifiers);
-
+      },
+      ...modifiers
+    };
     const triggerHandler = this.getInteractionObject(interactionType).handlers;
     const popperContentProps = {
       hideIfNotVisible,
@@ -300,23 +216,28 @@ class PopperImpl extends Component {
       usePortal,
       openAnimationConfig,
       closeAnimationConfig,
-      onMouseEnter: interactionType === Interaction.HOVER ? this.handleContentMouseEnter : undefined,
-      onMouseLeave: interactionType === Interaction.HOVER ? this.handleContentMouseLeave : undefined,
+      onMouseEnter: interactionType === Interaction.HOVER ? this.handleContentMouseEnter : void 0,
+      onMouseLeave: interactionType === Interaction.HOVER ? this.handleContentMouseLeave : void 0,
       referenceNode,
       zIndex
     };
-
-    if (customPopper && typeof customPopper === 'function') {
-      return /*#__PURE__*/_jsx(Manager, {}, void 0, customPopper({
+    if (customPopper && typeof customPopper === "function") {
+      return /* @__PURE__ */ React2.createElement(Manager, null, customPopper({
         Reference,
         triggerHandler,
-        content: /*#__PURE__*/jsx(PopperContent, _objectSpread({}, popperContentProps))
+        content: /* @__PURE__ */ React2.createElement(PopperContent, {
+          ...popperContentProps
+        })
       }));
     }
-
-    return /*#__PURE__*/_jsx(Manager, {}, void 0, /*#__PURE__*/_jsx(Reference, {}, void 0, this.renderTarget), /*#__PURE__*/jsx(PopperContent, _objectSpread({}, popperContentProps)));
+    return /* @__PURE__ */ React2.createElement(Manager, null, /* @__PURE__ */ React2.createElement(Reference, null, this.renderTarget), /* @__PURE__ */ React2.createElement(PopperContent, {
+      ...popperContentProps
+    }));
   }
-
 }
-
-export { PopperImpl as default };
+export {
+  PopperContent,
+  Reference,
+  PopperImpl as default
+};
+//# sourceMappingURL=PopperImpl.js.map

package/dist/esm/PopperImpl.js.map

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

package/dist/esm/getArrowStylesBySize.js

@@ -0,0 +1,31 @@
+import * as React from "react";
+const getArrowStylesBySize = (position, size = 30) => {
+  const basePosition = position && position.split("-")[0];
+  return {
+    borderWidth: size,
+    ...{
+      top: {
+        top: "100% !important",
+        transform: `rotateZ(${180}deg)`
+      },
+      right: {
+        right: "100%",
+        transform: `rotateZ(${-90}deg)`
+      },
+      bottom: {
+        bottom: "100%",
+        transform: `rotateZ(${0}deg)`
+      },
+      left: {
+        left: "100%",
+        transform: `rotateZ(${90}deg)`
+      }
+    }[basePosition]
+  };
+};
+var getArrowStylesBySize_default = getArrowStylesBySize;
+export {
+  getArrowStylesBySize_default as default,
+  getArrowStylesBySize
+};
+//# sourceMappingURL=getArrowStylesBySize.js.map

package/dist/esm/getArrowStylesBySize.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/getArrowStylesBySize.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const getArrowStylesBySize = (position, size = 30) => {\n  const basePosition = position && position.split('-')[0];\n  return {\n    borderWidth: size,\n    ...{\n      top: {\n        top: '100% !important',\n        transform: `rotateZ(${180}deg)`,\n      },\n      right: {\n        right: '100%',\n        transform: `rotateZ(${-90}deg)`,\n      },\n      bottom: {\n        bottom: '100%',\n        transform: `rotateZ(${0}deg)`,\n      },\n      left: {\n        left: '100%',\n        transform: `rotateZ(${90}deg)`,\n      },\n    }[basePosition],\n  };\n};\n\nexport default getArrowStylesBySize;\n"],
+  "mappings": "AAAA;ACAO,MAAM,uBAAuB,CAAC,UAAU,OAAO,OAAO;AAC3D,QAAM,eAAe,YAAY,SAAS,MAAM,KAAK;AACrD,SAAO;AAAA,IACL,aAAa;AAAA,OACV;AAAA,MACD,KAAK;AAAA,QACH,KAAK;AAAA,QACL,WAAW,WAAW;AAAA;AAAA,MAExB,OAAO;AAAA,QACL,OAAO;AAAA,QACP,WAAW,WAAW;AAAA;AAAA,MAExB,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,WAAW,WAAW;AAAA;AAAA,MAExB,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,WAAW,WAAW;AAAA;AAAA,MAExB;AAAA;AAAA;AAIN,IAAO,+BAAQ;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+export * from "./DSPopper";
+export * from "./getArrowStylesBySize";
+import { default as default2 } from "./DSPopper";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +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';\nexport * from './getArrowStylesBySize';\nexport { default } from './DSPopper';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;",
+  "names": []
+}

package/dist/esm/interaction.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+const Interaction = {
+  CLICK: "click",
+  HOVER: "hover"
+};
+const interactions = [Interaction.CLICK, Interaction.HOVER];
+export {
+  Interaction,
+  interactions
+};
+//# sourceMappingURL=interaction.js.map

package/dist/esm/interaction.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/interaction.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const Interaction = {\n  CLICK: 'click',\n  HOVER: 'hover',\n};\n\nexport const interactions = [Interaction.CLICK, Interaction.HOVER];\n"],
+  "mappings": "AAAA;ACAO,MAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP,OAAO;AAAA;AAGF,MAAM,eAAe,CAAC,YAAY,OAAO,YAAY;",
+  "names": []
+}

package/dist/esm/positions.js

@@ -0,0 +1,40 @@
+import * as React from "react";
+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
+};
+//# sourceMappingURL=positions.js.map

package/dist/esm/positions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/positions.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const Position = {\n  AUTO: 'auto',\n  AUTO_START: 'auto-start',\n  AUTO_END: 'auto-end',\n  BOTTOM: 'bottom',\n  BOTTOM_START: 'bottom-start',\n  BOTTOM_END: 'bottom-end',\n  LEFT: 'left',\n  LEFT_END: 'left-end',\n  LEFT_START: 'left-start',\n  RIGHT: 'right',\n  RIGHT_END: 'right-end',\n  RIGHT_START: 'right-start',\n  TOP: 'top',\n  TOP_START: 'top-start',\n  TOP_END: 'top-end',\n};\n\nexport const positions = [\n  Position.AUTO_START,\n  Position.AUTO_END,\n  Position.AUTO,\n  Position.TOP_START,\n  Position.TOP,\n  Position.TOP_END,\n  Position.RIGHT_START,\n  Position.RIGHT,\n  Position.RIGHT_END,\n  Position.BOTTOM_START,\n  Position.BOTTOM,\n  Position.BOTTOM_END,\n  Position.LEFT_START,\n  Position.LEFT,\n  Position.LEFT_END,\n];\n"],
+  "mappings": "AAAA;ACAO,MAAM,WAAW;AAAA,EACtB,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA,EACb,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA;AAGJ,MAAM,YAAY;AAAA,EACvB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA;",
+  "names": []
+}

package/dist/esm/props.js

@@ -0,0 +1,60 @@
+import * as React from "react";
+import { PropTypes } from "react-desc";
+import { Position } from "./positions";
+import { Interaction } from "./interaction";
+const popperProps = {
+  hideIfNotVisible: PropTypes.bool.description("Hide menu component if trigger component is not visible/scrolled away"),
+  containerProps: PropTypes.object.description("props to inject to popper wrapper"),
+  arrowGap: PropTypes.number.description("Space between the arrow and the popup"),
+  onOpen: PropTypes.func.description("callback for when menu changes from close to open"),
+  onClose: PropTypes.func.description("callback for when menu changes from open to close"),
+  delayClose: PropTypes.number.description("Time in ms to delay close of menu"),
+  delayOpen: PropTypes.number.description("Time in ms to delay open of menu"),
+  onPlacementChange: PropTypes.func.description("callback for when menu changes placement"),
+  arrowSize: PropTypes.number.description("Arrow size"),
+  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. 
+    Cannot be used with disabled elements. 
+    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
+};
+//# sourceMappingURL=props.js.map

package/dist/esm/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\nimport { Position } from './positions';\nimport { Interaction } from './interaction';\n\nexport const popperProps = {\n  /** Hide menu component if trigger component is not visible/scrolled away */\n  hideIfNotVisible: PropTypes.bool.description(\n    'Hide menu component if trigger component is not visible/scrolled away',\n  ),\n  /** props to inject to popper wrapper */\n  containerProps: PropTypes.object.description(\n    'props to inject to popper wrapper',\n  ),\n  /** Space between the arrow and the popup */\n  arrowGap: PropTypes.number.description(\n    'Space between the arrow and the popup',\n  ),\n  /** callback for when menu changes from close to open */\n  onOpen: PropTypes.func.description(\n    'callback for when menu changes from close to open',\n  ),\n  /** callback for when menu changes from open to close */\n  onClose: PropTypes.func.description(\n    'callback for when menu changes from open to close',\n  ),\n  /** Time in ms to delay close of menu */\n  delayClose: PropTypes.number.description('Time in ms to delay close of menu'),\n  /** Time in ms to delay open of menu */\n  delayOpen: PropTypes.number.description('Time in ms to delay open of menu'),\n  /** callback for when menu changes placement */\n  onPlacementChange: PropTypes.func.description(\n    'callback for when menu changes placement',\n  ),\n  /** Arrow size */\n  arrowSize: PropTypes.number.description('Arrow size'),\n  /** Bem blockname for the popper */\n  blockName: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.object,\n  ]).description('Bem blockname for the popper'),\n  triggerComponent: PropTypes.element.description(\n    `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`,\n  ).isRequired,\n};\n\nexport const defaultProps = {\n  containerProps: {},\n  arrowGap: 8,\n  arrowSize: 6,\n  blockName: '',\n  contentOffset: null,\n  contentStyle: null,\n  contentComponent: () => null,\n  delayClose: 300,\n  delayOpen: 200,\n  interactionType: Interaction.CLICK,\n  onOpen: () => null,\n  onClose: () => null,\n  onPlacementChange: () => null,\n  placement: Position.BOTTOM,\n  preventOverflow: 'window',\n  showArrow: true,\n  closeAnimationConfig: {\n    to: { transform: 'scale(0.8)', opacity: '0' },\n    config: { delay: 80, duration: 80 },\n  },\n  openAnimationConfig: {\n    to: { transform: 'scale(1)', opacity: '1' },\n    config: { delay: 80, duration: 80 },\n  },\n  usePortal: true,\n  triggerComponent: () => null,\n  getTargetFromChildren: () => null,\n  getContentFromChildren: () => null,\n  modifiers: {},\n  triggerRef: () => null,\n  hideIfNotVisible: false,\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,cAAc;AAAA,EAEzB,kBAAkB,UAAU,KAAK,YAC/B;AAAA,EAGF,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAGF,UAAU,UAAU,OAAO,YACzB;AAAA,EAGF,QAAQ,UAAU,KAAK,YACrB;AAAA,EAGF,SAAS,UAAU,KAAK,YACtB;AAAA,EAGF,YAAY,UAAU,OAAO,YAAY;AAAA,EAEzC,WAAW,UAAU,OAAO,YAAY;AAAA,EAExC,mBAAmB,UAAU,KAAK,YAChC;AAAA,EAGF,WAAW,UAAU,OAAO,YAAY;AAAA,EAExC,WAAW,UAAU,UAAU;AAAA,IAC7B,UAAU;AAAA,IACV,UAAU;AAAA,KACT,YAAY;AAAA,EACf,kBAAkB,UAAU,QAAQ,YAClC;AAAA;AAAA,4EAGA;AAAA;AAGG,MAAM,eAAe;AAAA,EAC1B,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe;AAAA,EACf,cAAc;AAAA,EACd,kBAAkB,MAAM;AAAA,EACxB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,iBAAiB,YAAY;AAAA,EAC7B,QAAQ,MAAM;AAAA,EACd,SAAS,MAAM;AAAA,EACf,mBAAmB,MAAM;AAAA,EACzB,WAAW,SAAS;AAAA,EACpB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,sBAAsB;AAAA,IACpB,IAAI,EAAE,WAAW,cAAc,SAAS;AAAA,IACxC,QAAQ,EAAE,OAAO,IAAI,UAAU;AAAA;AAAA,EAEjC,qBAAqB;AAAA,IACnB,IAAI,EAAE,WAAW,YAAY,SAAS;AAAA,IACtC,QAAQ,EAAE,OAAO,IAAI,UAAU;AAAA;AAAA,EAEjC,WAAW;AAAA,EACX,kBAAkB,MAAM;AAAA,EACxB,uBAAuB,MAAM;AAAA,EAC7B,wBAAwB,MAAM;AAAA,EAC9B,WAAW;AAAA,EACX,YAAY,MAAM;AAAA,EAClB,kBAAkB;AAAA;",
+  "names": []
+}