@elliemae/ds-popper 2.2.0-alpha.3 → 2.2.0-next.2

package/esm/PopperImpl.js

@@ -1,22 +1,39 @@
-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";
+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; }
 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);
@@ -26,34 +43,55 @@ 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) {
-      this.setState({ destroyed: false });
+      // eslint-disable-next-line react/no-did-update-set-state
+      this.setState({
+        destroyed: false
+      });
     }
   }
+
   componentWillUnmount() {
     this.safeIsMounted = false;
   }
+
   static getDerivedStateFromProps(nextProps, prevState) {
-    const { isOpen } = nextProps;
-    const { prevPropIsOpen } = prevState;
+    const {
+      isOpen
+    } = nextProps;
+    const {
+      prevPropIsOpen
+    } = prevState; // todo: this causes multiple rerenders
+
     if (isOpen !== prevPropIsOpen) {
       return {
         isOpen,
         prevPropIsOpen: isOpen
       };
     }
+
     return null;
   }
-  getInteractionObject(interaction, referenceProps = {}) {
-    const { isOpen } = this.props;
-    if (isOpen !== void 0)
-      return {};
+
+  getInteractionObject(interaction) {
+    let referenceProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    const {
+      isOpen
+    } = this.props;
+    if (isOpen !== undefined) return {};
     return {
       [Interaction.CLICK]: {
         handlers: {
@@ -76,45 +114,66 @@ class PopperImpl extends Component {
       canClose: () => true
     };
   }
+
   setOpen(opening) {
-    const { onOpen } = this.props;
-    const { prevPropIsOpen } = this.state;
-    if (!this.safeIsMounted)
-      return;
-    if (prevPropIsOpen === void 0) {
+    const {
+      onOpen
+    } = this.props;
+    const {
+      prevPropIsOpen
+    } = this.state;
+    if (!this.safeIsMounted) return;
+
+    if (prevPropIsOpen === undefined) {
       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);
@@ -122,10 +181,12 @@ class PopperImpl extends Component {
       }
     }, 10);
   }
+
   handleMouseEnter() {
     this.isMouseOverTarget = true;
     this.open();
   }
+
   handleMouseLeave() {
     this.isMouseOverTarget = false;
     setTimeout(() => {
@@ -134,35 +195,57 @@ class PopperImpl extends Component {
       }
     }, 10);
   }
+
   updatePopoverState(popperData) {
     this.handlePopperPlacementChange(popperData.placement);
     return popperData;
   }
+
   handleDestroyContent() {
-    this.setState({ destroyed: true });
+    this.setState({
+      destroyed: true
+    });
   }
-  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 = {
-      ...triggerHandler,
-      ...compRef,
-      "aria-haspopup": true,
-      "aria-expanded": isOpen
+
+  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)
     };
+    const triggerHandler = this.getInteractionObject(interactionType, triggerComponent.props).handlers;
+
+    const targetProps = _objectSpread(_objectSpread(_objectSpread({}, triggerHandler), compRef), {}, {
+      'aria-haspopup': true,
+      'aria-expanded': isOpen
+    });
+
     if (renderReference) {
-      return renderReference({
-        ref,
-        ...targetProps
-      });
+      return renderReference(_objectSpread({
+        ref
+      }, targetProps));
     }
+
     return getComponentFromProps(triggerComponent, targetProps);
   }
+
   render() {
-    const { isOpen, destroyed } = this.state;
+    const {
+      isOpen,
+      destroyed
+    } = this.state;
     const {
       placement,
       interactionType,
@@ -182,10 +265,11 @@ class PopperImpl extends Component {
       zIndex,
       hideIfNotVisible
     } = this.props;
-    const allModifiers = {
+
+    const allModifiers = _objectSpread({
       offset: {
         enabled: showArrow,
-        offset: `0, ${arrowSize + arrowGap}`
+        offset: "0, ".concat(arrowSize + arrowGap)
       },
       preventOverflow: {
         enabled: true,
@@ -196,9 +280,9 @@ class PopperImpl extends Component {
         enabled: true,
         fn: this.updatePopoverState,
         order: 900
-      },
-      ...modifiers
-    };
+      }
+    }, modifiers);
+
     const triggerHandler = this.getInteractionObject(interactionType).handlers;
     const popperContentProps = {
       hideIfNotVisible,
@@ -216,28 +300,23 @@ class PopperImpl extends Component {
       usePortal,
       openAnimationConfig,
       closeAnimationConfig,
-      onMouseEnter: interactionType === Interaction.HOVER ? this.handleContentMouseEnter : void 0,
-      onMouseLeave: interactionType === Interaction.HOVER ? this.handleContentMouseLeave : void 0,
+      onMouseEnter: interactionType === Interaction.HOVER ? this.handleContentMouseEnter : undefined,
+      onMouseLeave: interactionType === Interaction.HOVER ? this.handleContentMouseLeave : undefined,
       referenceNode,
       zIndex
     };
-    if (customPopper && typeof customPopper === "function") {
-      return /* @__PURE__ */ React2.createElement(Manager, null, customPopper({
+
+    if (customPopper && typeof customPopper === 'function') {
+      return /*#__PURE__*/_jsx(Manager, {}, void 0, customPopper({
         Reference,
         triggerHandler,
-        content: /* @__PURE__ */ React2.createElement(PopperContent, {
-          ...popperContentProps
-        })
+        content: /*#__PURE__*/jsx(PopperContent, _objectSpread({}, popperContentProps))
       }));
     }
-    return /* @__PURE__ */ React2.createElement(Manager, null, /* @__PURE__ */ React2.createElement(Reference, null, this.renderTarget), /* @__PURE__ */ React2.createElement(PopperContent, {
-      ...popperContentProps
-    }));
+
+    return /*#__PURE__*/_jsx(Manager, {}, void 0, /*#__PURE__*/_jsx(Reference, {}, void 0, this.renderTarget), /*#__PURE__*/jsx(PopperContent, _objectSpread({}, popperContentProps)));
   }
+
 }
-export {
-  PopperContent,
-  Reference,
-  PopperImpl as default
-};
-//# sourceMappingURL=PopperImpl.js.map
+
+export { PopperImpl as default };

package/esm/getArrowStylesBySize.js

@@ -1,31 +1,37 @@
-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]
-  };
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const getArrowStylesBySize = function (position) {
+  let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 30;
+  const basePosition = position && position.split('-')[0];
+  return _objectSpread({
+    borderWidth: size
+  }, {
+    top: {
+      top: '100% !important',
+      transform: "rotateZ(".concat(180, "deg)")
+    },
+    right: {
+      right: '100%',
+      transform: "rotateZ(".concat(-90, "deg)")
+    },
+    bottom: {
+      bottom: '100%',
+      transform: "rotateZ(".concat(0, "deg)")
+    },
+    left: {
+      left: '100%',
+      transform: "rotateZ(".concat(90, "deg)")
+    }
+  }[basePosition]);
 };
-var getArrowStylesBySize_default = getArrowStylesBySize;
-export {
-  getArrowStylesBySize_default as default,
-  getArrowStylesBySize
-};
-//# sourceMappingURL=getArrowStylesBySize.js.map
+
+export { getArrowStylesBySize as default, getArrowStylesBySize };

package/esm/index.js

@@ -1,8 +1,4 @@
-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
+export { DSPopper, DSPopperWithSchema, DSPopper as default } from './DSPopper.js';
+export { getArrowStylesBySize } from './getArrowStylesBySize.js';
+export { Interaction as PopperInteractions, interactions } from './interaction.js';
+export { Position as PopperPositions, positions } from './positions.js';

package/esm/interaction.js

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

package/esm/positions.js

@@ -1,40 +1,20 @@
-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"
+  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
+const positions = [Position.AUTO_START, Position.AUTO_END, Position.AUTO, Position.TOP_START, Position.TOP, Position.TOP_END, Position.RIGHT_START, Position.RIGHT, Position.RIGHT_END, Position.BOTTOM_START, Position.BOTTOM, Position.BOTTOM_END, Position.LEFT_START, Position.LEFT, Position.LEFT_END];
+
+export { Position, positions };

package/esm/props.js

@@ -1,30 +1,44 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-import { Position } from "./positions";
-import { Interaction } from "./interaction";
+import { PropTypes } from 'react-desc';
+import { Position } from './positions.js';
+import { Interaction } from './interaction.js';
+
 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
+  /** Hide menu component if trigger component is not visible/scrolled away */
+  hideIfNotVisible: PropTypes.bool.description('Hide menu component if trigger component is not visible/scrolled away'),
+
+  /** props to inject to popper wrapper */
+  containerProps: PropTypes.object.description('props to inject to popper wrapper'),
+
+  /** Space between the arrow and the popup */
+  arrowGap: PropTypes.number.description('Space between the arrow and the popup'),
+
+  /** callback for when menu changes from close to open */
+  onOpen: PropTypes.func.description('callback for when menu changes from close to open'),
+
+  /** callback for when menu changes from open to close */
+  onClose: PropTypes.func.description('callback for when menu changes from open to close'),
+
+  /** Time in ms to delay close of menu */
+  delayClose: PropTypes.number.description('Time in ms to delay close of menu'),
+
+  /** Time in ms to delay open of menu */
+  delayOpen: PropTypes.number.description('Time in ms to delay open of menu'),
+
+  /** callback for when menu changes placement */
+  onPlacementChange: PropTypes.func.description('callback for when menu changes placement'),
+
+  /** Arrow size */
+  arrowSize: PropTypes.number.description('Arrow size'),
+
+  /** Bem blockname for the popper */
+  blockName: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).description('Bem blockname for the popper'),
+  triggerComponent: PropTypes.element.description("The component that will open/close the tooltip. \n    Cannot be used with disabled elements. \n    https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled").isRequired
 };
 const defaultProps = {
   containerProps: {},
   arrowGap: 8,
   arrowSize: 6,
-  blockName: "",
+  blockName: '',
   contentOffset: null,
   contentStyle: null,
   contentComponent: () => null,
@@ -35,15 +49,27 @@ const defaultProps = {
   onClose: () => null,
   onPlacementChange: () => null,
   placement: Position.BOTTOM,
-  preventOverflow: "window",
+  preventOverflow: 'window',
   showArrow: true,
   closeAnimationConfig: {
-    to: { transform: "scale(0.8)", opacity: "0" },
-    config: { delay: 80, duration: 80 }
+    to: {
+      transform: 'scale(0.8)',
+      opacity: '0'
+    },
+    config: {
+      delay: 80,
+      duration: 80
+    }
   },
   openAnimationConfig: {
-    to: { transform: "scale(1)", opacity: "1" },
-    config: { delay: 80, duration: 80 }
+    to: {
+      transform: 'scale(1)',
+      opacity: '1'
+    },
+    config: {
+      delay: 80,
+      duration: 80
+    }
   },
   usePortal: true,
   triggerComponent: () => null,
@@ -53,8 +79,5 @@ const defaultProps = {
   triggerRef: () => null,
   hideIfNotVisible: false
 };
-export {
-  defaultProps,
-  popperProps
-};
-//# sourceMappingURL=props.js.map
+
+export { defaultProps, popperProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-popper",
-  "version": "2.2.0-alpha.3",
+  "version": "2.2.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Popper",
   "module": "./esm/index.js",
@@ -60,8 +60,8 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-overlay": "2.2.0-alpha.3",
-    "@elliemae/ds-utilities": "2.2.0-alpha.3",
+    "@elliemae/ds-overlay": "2.2.0-next.2",
+    "@elliemae/ds-utilities": "2.2.0-next.2",
     "memoize-one": "~5.1.1",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",

package/cjs/DSPopper.js.map

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