@elliemae/ds-popperjs 1.59.8 → 2.0.0-alpha.12

package/cjs/PopoverArrow.js

@@ -2,49 +2,53 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var styled = require('styled-components');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var arrowWidth = 18;
-var arrowHeight = 18;
-var StyledArrow = /*#__PURE__*/styled__default['default'].div.withConfig({
+var _svg;
+const arrowWidth = 18;
+const arrowHeight = 18;
+const StyledArrow = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-olcdf1-0"
-})(["position:absolute;width:", "px;height:", "px;pointer-events:none;background-color:transparent;& .stroke{fill:", ";fill-opacity:0.4;}& .fill{fill:", ";}&[data-placement^='top']{svg{transform:rotateZ(180deg);}bottom:-", "px;}&[data-placement^='right']{svg{transform:rotateZ(-90deg);}left:-", "px;}&[data-placement^='bottom']{top:-", "px;}&[data-placement^='left']{svg{transform:rotateZ(90deg);}right:-", "px;}margin-left:", ";margin-top:", ";"], arrowWidth, arrowHeight, function (_ref) {
-  var theme = _ref.theme;
+})(["position:absolute;width:", "px;height:", "px;pointer-events:none;background-color:transparent;& .stroke{fill:", ";fill-opacity:0.4;}& .fill{fill:", ";}&[data-placement^='top']{svg{transform:rotateZ(180deg);}bottom:-", "px;}&[data-placement^='right']{svg{transform:rotateZ(-90deg);}left:-", "px;}&[data-placement^='bottom']{top:-", "px;}&[data-placement^='left']{svg{transform:rotateZ(90deg);}right:-", "px;}margin-left:", ";margin-top:", ";"], arrowWidth, arrowHeight, _ref => {
+  let {
+    theme
+  } = _ref;
   return theme.colors.neutral['500'];
-}, function (_ref2) {
-  var theme = _ref2.theme;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
   return theme.colors.neutral['000'];
-}, arrowHeight, arrowWidth, arrowHeight, arrowWidth, function (props) {
-  return props['data-placement'].startsWith('top') || props['data-placement'].startsWith('bottom') ? "-".concat(arrowWidth / 2, "px;") : '0;';
-}, function (props) {
-  return props['data-placement'].startsWith('left') || props['data-placement'].startsWith('right') ? "-".concat(arrowHeight / 2, "px;") : '0;';
-});
-var PopoverArrow = function PopoverArrow(_ref3) {
-  var placement = _ref3.placement,
-      style = _ref3.style,
-      arrowElementRef = _ref3.arrowElementRef;
-  return /*#__PURE__*/React__default['default'].createElement(StyledArrow, {
-    key: "popper-arrow",
+}, arrowHeight, arrowWidth, arrowHeight, arrowWidth, props => props['data-placement'].startsWith('top') || props['data-placement'].startsWith('bottom') ? "-".concat(arrowWidth / 2, "px;") : '0;', props => props['data-placement'].startsWith('left') || props['data-placement'].startsWith('right') ? "-".concat(arrowHeight / 2, "px;") : '0;');
+const PopoverArrow = _ref3 => {
+  let {
+    placement,
+    style,
+    arrowElementRef
+  } = _ref3;
+  return /*#__PURE__*/jsxRuntime.jsx(StyledArrow, {
     "data-placement": placement,
     style: style,
     ref: arrowElementRef,
-    "data-testid": "ds-tooltip-arrow"
-  }, /*#__PURE__*/React__default['default'].createElement("svg", {
-    viewBox: "0 0 30 30"
-  }, /*#__PURE__*/React__default['default'].createElement("path", {
-    className: "stroke",
-    d: "M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26 C26.7,29,24.6,28.1,23.7,27.1z"
-  }), /*#__PURE__*/React__default['default'].createElement("path", {
-    className: "fill",
-    d: "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"
-  })));
+    "data-testid": "ds-tooltip-arrow",
+    children: _svg || (_svg = /*#__PURE__*/_jsx__default["default"]("svg", {
+      viewBox: "0 0 30 30"
+    }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
+      className: "stroke",
+      d: "M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26 C26.7,29,24.6,28.1,23.7,27.1z"
+    }), /*#__PURE__*/_jsx__default["default"]("path", {
+      className: "fill",
+      d: "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"
+    })))
+  }, "popper-arrow");
 };
 
 exports.PopoverArrow = PopoverArrow;
-//# sourceMappingURL=PopoverArrow.js.map

package/cjs/PopoverContent.js

@@ -2,58 +2,70 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var react = require('react');
 var PopoverArrow = require('./PopoverArrow.js');
 var styled = require('./styled.js');
-require('styled-components');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('@elliemae/ds-system');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var PopoverContent = function PopoverContent(_ref) {
-  var setPopperElement = _ref.setPopperElement,
-      popperStyles = _ref.popperStyles,
-      popperAttributes = _ref.popperAttributes,
-      children = _ref.children,
-      showPopover = _ref.showPopover,
-      setArrowElement = _ref.setArrowElement,
-      setIsAnimating = _ref.setIsAnimating,
-      arrowStyle = _ref.arrowStyle,
-      withoutArrow = _ref.withoutArrow,
-      withoutAnimation = _ref.withoutAnimation,
-      animationDuration = _ref.animationDuration,
-      zIndex = _ref.zIndex;
-  var checkAnimationStatus = React.useCallback(function () {
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const PopoverContent = _ref => {
+  let {
+    setPopperElement,
+    popperStyles,
+    popperAttributes,
+    children,
+    showPopover,
+    setArrowElement,
+    setIsAnimating,
+    arrowStyle,
+    withoutArrow,
+    withoutAnimation,
+    animationDuration,
+    zIndex
+  } = _ref;
+  const checkAnimationStatus = react.useCallback(() => {
     if (!showPopover && !withoutAnimation) {
       setIsAnimating(false);
     }
   }, [showPopover, withoutAnimation, setIsAnimating]);
-  var popperContent = React.useMemo(function () {
-    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, children, withoutArrow === false ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(PopoverArrow.PopoverArrow, {
-      arrowElementRef: setArrowElement,
-      style: arrowStyle,
-      placement: popperAttributes ? popperAttributes['data-popper-placement'] : 'bottom'
-    }), /*#__PURE__*/React__default['default'].createElement("div", {
-      ref: setArrowElement,
-      style: arrowStyle
-    })) : null);
-  }, [children, withoutArrow, arrowStyle, popperAttributes, setArrowElement]);
-  return /*#__PURE__*/React__default['default'].createElement(styled.StyledPopoverContentWrapper, _extends__default['default']({
+  const popperContent = react.useMemo(() => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [children, withoutArrow === false ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/_jsx__default["default"](PopoverArrow.PopoverArrow, {
+        arrowElementRef: setArrowElement,
+        style: arrowStyle,
+        placement: popperAttributes ? popperAttributes['data-popper-placement'] : 'bottom'
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        ref: setArrowElement,
+        style: arrowStyle
+      })]
+    }) : null]
+  }), [children, withoutArrow, arrowStyle, popperAttributes, setArrowElement]);
+  return /*#__PURE__*/jsxRuntime.jsx(styled.StyledPopoverContentWrapper, _objectSpread(_objectSpread({
     zIndex: zIndex,
     ref: setPopperElement,
     style: popperStyles
-  }, popperAttributes), /*#__PURE__*/React__default['default'].createElement(styled.StyledAnimatedPopper, {
-    showPopover: showPopover,
-    animationDuration: animationDuration,
-    withoutAnimation: withoutAnimation,
-    onAnimationEnd: checkAnimationStatus
-  }, popperContent));
+  }, popperAttributes), {}, {
+    children: /*#__PURE__*/_jsx__default["default"](styled.StyledAnimatedPopper, {
+      showPopover: showPopover,
+      animationDuration: animationDuration,
+      withoutAnimation: withoutAnimation,
+      onAnimationEnd: checkAnimationStatus
+    }, void 0, popperContent)
+  }));
 };
 
 exports.PopoverContent = PopoverContent;
-//# sourceMappingURL=PopoverContent.js.map

package/cjs/config/useConfigDSPopperjs.js

@@ -2,80 +2,59 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var React = require('react');
+require('core-js/modules/web.dom-collections.iterator.js');
+var react = require('react');
 var reactPopper = require('react-popper');
-var config_useConfiguredMergedProps = require('./useConfiguredMergedProps.js');
-var utils_hooks_useOnClickOutside = require('../utils/hooks/useOnClickOutside.js');
-require('@elliemae/ds-props-helpers');
-require('./useConfiguredDefaultProps.js');
-require('@babel/runtime/helpers/defineProperty');
-require('./useConfiguredDefaultModifiers.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-
-var useConfigDSPopperjs = function useConfigDSPopperjs(appProps) {
-  var _useState = React.useState(null),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      popperElement = _useState2[0],
-      setPopperElement = _useState2[1];
-
-  var _useState3 = React.useState(null),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      arrowElement = _useState4[0],
-      setArrowElement = _useState4[1];
-
-  var _useState5 = React.useState(false),
-      _useState6 = _slicedToArray__default['default'](_useState5, 2),
-      isAnimating = _useState6[0],
-      setIsAnimating = _useState6[1];
-
-  var props = config_useConfiguredMergedProps.useConfiguredMergedProps({
+var useConfiguredMergedProps = require('./useConfiguredMergedProps.js');
+var useOnClickOutside = require('../utils/hooks/useOnClickOutside.js');
+
+const useConfigDSPopperjs = appProps => {
+  const [popperElement, setPopperElement] = react.useState(null);
+  const [arrowElement, setArrowElement] = react.useState(null);
+  const [isAnimating, setIsAnimating] = react.useState(false);
+  const props = useConfiguredMergedProps.useConfiguredMergedProps({
     props: appProps,
-    arrowElement: arrowElement
+    arrowElement
   });
-  var referenceElement = props.referenceElement,
-      closeContextMenu = props.closeContextMenu,
-      onClickOutside = props.onClickOutside,
-      modifiers = props.modifiers,
-      startPlacementPreference = props.startPlacementPreference;
-  var popperExtraOpts = React.useMemo(function () {
-    return {
-      placement: startPlacementPreference,
-      modifiers: modifiers
-    };
-  }, [modifiers, startPlacementPreference]);
-  var popoverHelper = reactPopper.usePopper(referenceElement, popperElement, popperExtraOpts);
-  var showPopover = props.showPopover,
-      withoutAnimation = props.withoutAnimation;
-  React.useEffect(function () {
+  const {
+    referenceElement,
+    closeContextMenu,
+    onClickOutside,
+    modifiers,
+    startPlacementPreference
+  } = props;
+  const popperExtraOpts = react.useMemo(() => ({
+    placement: startPlacementPreference,
+    modifiers
+  }), [modifiers, startPlacementPreference]);
+  const popoverHelper = reactPopper.usePopper(referenceElement, popperElement, popperExtraOpts);
+  const {
+    showPopover,
+    withoutAnimation
+  } = props;
+  react.useEffect(() => {
     if (showPopover && !withoutAnimation) {
       setIsAnimating(true);
     }
   }, [showPopover, withoutAnimation]);
-  utils_hooks_useOnClickOutside.useOnClickOutside(popperElement, function (e) {
+  useOnClickOutside.useOnClickOutside(popperElement, e => {
     var _referenceElement$con;
 
     if (!(referenceElement !== null && referenceElement !== void 0 && (_referenceElement$con = referenceElement.contains) !== null && _referenceElement$con !== void 0 && _referenceElement$con.call(referenceElement, e === null || e === void 0 ? void 0 : e.target))) {
-      closeContextMenu();
       onClickOutside(e);
+      closeContextMenu();
     }
   });
-  return React.useMemo(function () {
-    return {
-      props: props,
-      popperElement: popperElement,
-      setPopperElement: setPopperElement,
-      arrowElement: arrowElement,
-      setArrowElement: setArrowElement,
-      popoverHelper: popoverHelper,
-      isAnimating: isAnimating,
-      setIsAnimating: setIsAnimating
-    };
-  }, [arrowElement, popoverHelper, popperElement, isAnimating, props]);
+  return react.useMemo(() => ({
+    props,
+    popperElement,
+    setPopperElement,
+    arrowElement,
+    setArrowElement,
+    popoverHelper,
+    isAnimating,
+    setIsAnimating
+  }), [arrowElement, popoverHelper, popperElement, isAnimating, props]);
 };
 
 exports.useConfigDSPopperjs = useConfigDSPopperjs;
-//# sourceMappingURL=useConfigDSPopperjs.js.map

package/cjs/config/useConfiguredDefaultModifiers.js

@@ -2,22 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var react = require('react');
 
-var useConfiguredDefaultModifiers = function useConfiguredDefaultModifiers(_ref) {
-  var props = _ref.props,
-      arrowElement = _ref.arrowElement;
+const useConfiguredDefaultModifiers = _ref => {
+  let {
+    props,
+    arrowElement
+  } = _ref;
   // we destructure explicit app definitions before merge
-  var explicitAppBoundaryElement = props.boundaryElement,
-      _props$withoutArrow = props.withoutArrow,
-      explicitAppWithoutArrow = _props$withoutArrow === void 0 ? false : _props$withoutArrow,
-      _props$placementOrder = props.placementOrderPreference,
-      explicitPlacementOrderPreference = _props$placementOrder === void 0 ? ['top', 'bottom', 'left', 'right'] : _props$placementOrder,
-      _props$customOffset = props.customOffset,
-      explictAppOffset = _props$customOffset === void 0 ? undefined : _props$customOffset; // to build default modifiers on top of it
+  const {
+    boundaryElement: explicitAppBoundaryElement,
+    withoutArrow: explicitAppWithoutArrow = false,
+    placementOrderPreference: explicitPlacementOrderPreference = ['top', 'bottom', 'left', 'right'],
+    customOffset: explictAppOffset = undefined
+  } = props; // to build default modifiers on top of it
 
-  var defaultModifiers = React.useMemo(function () {
-    var mod = [];
+  const defaultModifiers = react.useMemo(() => {
+    const mod = [];
     mod.push({
       name: 'hide',
       enabled: true
@@ -30,7 +31,7 @@ var useConfiguredDefaultModifiers = function useConfiguredDefaultModifiers(_ref)
     }); // we apply an offset if the app defines one or if the app wants the arrow
 
     if (!explicitAppWithoutArrow || explictAppOffset) {
-      var defaultOffset = explictAppOffset || [0, 14];
+      const defaultOffset = explictAppOffset || [0, 14];
       mod.push({
         name: 'offset',
         enabled: true,
@@ -58,14 +59,12 @@ var useConfiguredDefaultModifiers = function useConfiguredDefaultModifiers(_ref)
     return mod;
   }, [arrowElement, explicitAppBoundaryElement, explicitAppWithoutArrow, explicitPlacementOrderPreference, explictAppOffset]); // if the app pass custom modifier, we don't use "default modifiers"
 
-  var _props$modifiers = props.modifiers,
-      explicitAppModifiers = _props$modifiers === void 0 ? defaultModifiers : _props$modifiers;
-  return React.useMemo(function () {
-    return {
-      modifiers: explicitAppModifiers
-    };
-  }, [explicitAppModifiers]);
+  const {
+    modifiers: explicitAppModifiers = defaultModifiers
+  } = props;
+  return react.useMemo(() => ({
+    modifiers: explicitAppModifiers
+  }), [explicitAppModifiers]);
 };
 
 exports.useConfiguredDefaultModifiers = useConfiguredDefaultModifiers;
-//# sourceMappingURL=useConfiguredDefaultModifiers.js.map

package/cjs/config/useConfiguredDefaultProps.js

@@ -2,9 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var config_useConfiguredDefaultModifiers = require('./useConfiguredDefaultModifiers.js');
+var react = require('react');
+var useConfiguredDefaultModifiers = require('./useConfiguredDefaultModifiers.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -12,46 +17,42 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var noop = function noop() {};
+const noop = () => {};
 
-var emptyObj = {};
-var useConfiguredDefaultProps = function useConfiguredDefaultProps(_ref) {
-  var props = _ref.props,
-      arrowElement = _ref.arrowElement;
+const emptyObj = {};
+const useConfiguredDefaultProps = _ref => {
+  let {
+    props,
+    arrowElement
+  } = _ref;
   // don't move this out of the hook or `document.body` will explode
-  var staticDefaultProps = React.useMemo(function () {
-    return {
-      referenceElement: null,
-      showPopover: false,
-      closeContextMenu: noop,
-      onClickOutside: noop,
-      withoutPortal: false,
-      withoutArrow: false,
-      withoutAnimation: false,
-      animationDuration: 100,
-      portalDOMContainer: document.body,
-      startPlacementPreference: 'top',
-      placementOrderPreference: ['top', 'bottom', 'left', 'right'],
-      zIndex: 1,
-      extraPopperStyles: emptyObj
-    };
-  }, []);
-
-  var _useConfiguredDefault = config_useConfiguredDefaultModifiers.useConfiguredDefaultModifiers({
-    props: props,
-    arrowElement: arrowElement
-  }),
-      configuredModifiers = _useConfiguredDefault.modifiers;
-
-  var defaultProps = React.useMemo(function () {
-    return _objectSpread(_objectSpread({}, staticDefaultProps), {}, {
-      modifiers: configuredModifiers
-    });
-  }, [configuredModifiers, staticDefaultProps]);
+  const staticDefaultProps = react.useMemo(() => ({
+    referenceElement: null,
+    showPopover: false,
+    closeContextMenu: noop,
+    onClickOutside: noop,
+    withoutPortal: false,
+    withoutArrow: false,
+    withoutAnimation: false,
+    animationDuration: 100,
+    portalDOMContainer: document.body,
+    startPlacementPreference: 'top',
+    placementOrderPreference: ['top', 'bottom', 'left', 'right'],
+    zIndex: 1,
+    extraPopperStyles: emptyObj
+  }), []);
+  const {
+    modifiers: configuredModifiers
+  } = useConfiguredDefaultModifiers.useConfiguredDefaultModifiers({
+    props,
+    arrowElement
+  });
+  const defaultProps = react.useMemo(() => _objectSpread(_objectSpread({}, staticDefaultProps), {}, {
+    modifiers: configuredModifiers
+  }), [configuredModifiers, staticDefaultProps]);
   return defaultProps;
 };
 
 exports.useConfiguredDefaultProps = useConfiguredDefaultProps;
-//# sourceMappingURL=useConfiguredDefaultProps.js.map

package/cjs/config/useConfiguredMergedProps.js

@@ -3,20 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-var config_useConfiguredDefaultProps = require('./useConfiguredDefaultProps.js');
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('./useConfiguredDefaultModifiers.js');
+var useConfiguredDefaultProps = require('./useConfiguredDefaultProps.js');
 
-var useConfiguredMergedProps = function useConfiguredMergedProps(_ref) {
-  var props = _ref.props,
-      arrowElement = _ref.arrowElement;
-  var defaultProps = config_useConfiguredDefaultProps.useConfiguredDefaultProps({
-    props: props,
-    arrowElement: arrowElement
+const useConfiguredMergedProps = _ref => {
+  let {
+    props,
+    arrowElement
+  } = _ref;
+  const defaultProps = useConfiguredDefaultProps.useConfiguredDefaultProps({
+    props,
+    arrowElement
   });
   return dsPropsHelpers.useMemoMergePropsWithDefault(props, defaultProps);
 };
 
 exports.useConfiguredMergedProps = useConfiguredMergedProps;
-//# sourceMappingURL=useConfiguredMergedProps.js.map

package/cjs/index.d.js

@@ -1,3 +1,2 @@
 'use strict';
 
-//# sourceMappingURL=index.d.js.map