@elliemae/ds-popover 2.0.0-alpha.10 → 2.0.0-alpha.14

package/cjs/Arrow.js

@@ -1,11 +1,16 @@
 'use strict';
 
+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 _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var react = require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
-var getArrowStylesBySize = require('@elliemae/ds-popper/getArrowStylesBySize');
+var dsPopper = require('@elliemae/ds-popper');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -38,7 +43,7 @@ function Arrow(_ref) {
     "data-placement": placement
   }, otherProps), {}, {
     innerRef: innerRef,
-    style: _objectSpread(_objectSpread({}, style), getArrowStylesBySize.getArrowStylesBySize(placement, 25)),
+    style: _objectSpread(_objectSpread({}, style), dsPopper.getArrowStylesBySize(placement, 25)),
     children: _svg || (_svg = /*#__PURE__*/_jsx__default["default"]("svg", {
       viewBox: "0 0 30 30"
     }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {

package/cjs/DSPopover.js

@@ -4,9 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+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');
 require('react');
 var reactDesc = require('react-desc');
-var useHoverHandlersDelay = require('@elliemae/ds-utilities/hooks/useHoverHandlersDelay');
+var dsUtilities = require('@elliemae/ds-utilities');
 var dsHidden = require('@elliemae/ds-hidden');
 var Popover = require('./Popover.js');
 var usePopper = require('./usePopper.js');
@@ -19,7 +25,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var useHoverHandlersDelay__default = /*#__PURE__*/_interopDefaultLegacy(useHoverHandlersDelay);
 
 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; }
 
@@ -30,28 +35,29 @@ const Interaction = {
 };
 /* Unstable Popover, not yet fully working */
 
-const DSPopover = ({
-  containerProps,
-  content,
-  // react component inside the popover to render its content
-  renderer,
-  // function to render the popover component, ex: (popoverProps) => (<div {...popoverProps}></div>)
-  visible: visibleProp,
-  offset,
-  showArrow,
-  // popper props options
-  placement,
-  boundaries,
-  // scrollParent | window | viewport
-  modifiers,
-  referenceEl,
-  renderTrigger,
-  onClickOutside,
-  destroyOnHidden,
-  interactionType,
-  isOpen,
-  style
-}) => {
+const DSPopover = _ref => {
+  let {
+    containerProps,
+    content,
+    // react component inside the popover to render its content
+    renderer,
+    // function to render the popover component, ex: (popoverProps) => (<div {...popoverProps}></div>)
+    visible: visibleProp,
+    offset,
+    showArrow,
+    // popper props options
+    placement,
+    boundaries,
+    // scrollParent | window | viewport
+    modifiers,
+    referenceEl,
+    renderTrigger,
+    onClickOutside,
+    destroyOnHidden,
+    interactionType,
+    isOpen,
+    style
+  } = _ref;
   const {
     visible,
     onShow,
@@ -73,7 +79,7 @@ const DSPopover = ({
     eventsEnabled: visible,
     isOpen
   });
-  const hoverHandlers = useHoverHandlersDelay__default["default"]({
+  const hoverHandlers = dsUtilities.useHoverHandlersDelay({
     onMouseOver: onShow,
     onMouseLeave: onHide
   });
@@ -93,8 +99,8 @@ const DSPopover = ({
       destroyOnHidden: destroyOnHidden,
       interactionType: interactionType,
       isOpen: isOpen,
-      onClickOutside: (...args) => {
-        onClickOutside(...args);
+      onClickOutside: function () {
+        onClickOutside(...arguments);
         if (interactionType === 'click') onHide();
       },
       popperProps: popper,

package/cjs/Popover.js

@@ -1,13 +1,17 @@
 'use strict';
 
+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 _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var react = require('react');
 var lodash = require('lodash');
 var dsClassnames = require('@elliemae/ds-classnames');
-var utils = require('@elliemae/ds-utilities/utils');
-var hooks = require('@elliemae/ds-utilities/hooks');
+var dsUtilities = require('@elliemae/ds-utilities');
 var dsHidden = require('@elliemae/ds-hidden');
 var DSPortal = require('@elliemae/ds-portal');
 var jsxRuntime = require('react/jsx-runtime');
@@ -44,16 +48,16 @@ function Popover(_ref) {
   const hiddenTransitionProps = dsHidden.useHiddenTransition({
     visible
   });
-  const popoverProps = utils.removeUndefinedProperties(_objectSpread(_objectSpread({
+  const popoverProps = dsUtilities.removeUndefinedProperties(_objectSpread(_objectSpread({
     containerprops: containerProps,
     content,
     ref: popoverRef
   }, otherProps), hiddenTransitionProps));
-  hooks.useOnClickOutside(popoverRef, onClickOutside);
+  dsUtilities.useOnClickOutside(popoverRef, onClickOutside);
   const wrapStyle = lodash.omit(style, 'zIndex') || {};
   return destroyOnHidden && !hiddenTransitionProps.destroyed && /*#__PURE__*/_jsx__default["default"](DSPortal__default["default"], {}, void 0, /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, popperProps), {}, {
     style: _objectSpread(_objectSpread({}, style), popperProps.style),
-    children: utils.isFunction(renderer) ? renderer(popoverProps) : /*#__PURE__*/jsxRuntime.jsx(PopoverComponent, _objectSpread(_objectSpread({}, popoverProps), {}, {
+    children: dsUtilities.isFunction(renderer) ? renderer(popoverProps) : /*#__PURE__*/jsxRuntime.jsx(PopoverComponent, _objectSpread(_objectSpread({}, popoverProps), {}, {
       style: wrapStyle
     }))
   })));

package/cjs/PopoverTrigger.js

@@ -2,6 +2,11 @@
 
 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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('react');
@@ -24,14 +29,15 @@ const Interaction = {
 
 const noop = () => {};
 
-function useHiddenTrigger({
-  hiddenId,
-  visible = false,
-  interaction = 'click',
-  onToggle = noop,
-  onShow = noop,
-  onHide = noop
-}) {
+function useHiddenTrigger(_ref) {
+  let {
+    hiddenId,
+    visible = false,
+    interaction = 'click',
+    onToggle = noop,
+    onShow = noop,
+    onHide = noop
+  } = _ref;
   const handlers = {
     [Interaction.CLICK]: {
       onClick: onToggle
@@ -48,11 +54,11 @@ function useHiddenTrigger({
   });
 }
 
-function PopoverTrigger(_ref) {
+function PopoverTrigger(_ref2) {
   let {
     as: Component
-  } = _ref,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded);
+  } = _ref2,
+      props = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
   const hiddenTriggerProps = useHiddenTrigger(props);
   return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, hiddenTriggerProps));

package/cjs/usePopover.js

@@ -1,5 +1,10 @@
 'use strict';
 
+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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var usePopper = require('./usePopper.js');

package/cjs/usePopoverProviderState.js

@@ -1,9 +1,15 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+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 react = require('react');
 var lodash = require('lodash');
-var hooks = require('@elliemae/ds-utilities/hooks');
+var dsUtilities = require('@elliemae/ds-utilities');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -13,15 +19,16 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 usePopoverProviderState({
-  initialState = {
-    reference: null,
-    visible: false,
-    value: '',
-    options: {}
-  },
-  delay
-}) {
+function usePopoverProviderState(_ref) {
+  let {
+    initialState = {
+      reference: null,
+      visible: false,
+      value: '',
+      options: {}
+    },
+    delay
+  } = _ref;
   const triggerRef = react.useRef();
   const [tooltipState, setTooltipState] = react.useState(initialState);
 
@@ -37,7 +44,7 @@ function usePopoverProviderState({
     }));
   };
 
-  const [showTooltip, hideTooltip] = hooks.useExecutionTimer(show, hide, delay);
+  const [showTooltip, hideTooltip] = dsUtilities.useExecutionTimer(show, hide, delay);
 
   const handleShowTooltip = (state, e) => {
     triggerRef.current = e.target;

package/cjs/usePopper.js

@@ -1,6 +1,12 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+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 Popper = require('popper.js');
 var react = require('react');
 
@@ -13,29 +19,31 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 calculateOffset({
-  offset,
-  showArrow
-}) {
+function calculateOffset(_ref) {
+  let {
+    offset,
+    showArrow
+  } = _ref;
   const arrowSize = 10;
   const defaultPadding = 3;
   return {
     enabled: showArrow || offset,
-    offset: Array.isArray(offset) ? `${offset[0]}, ${(offset[1] || offset[0]) + arrowSize + defaultPadding}` : `0, ${arrowSize + defaultPadding}`
+    offset: Array.isArray(offset) ? "".concat(offset[0], ", ").concat((offset[1] || offset[0]) + arrowSize + defaultPadding) : "0, ".concat(arrowSize + defaultPadding)
   };
 }
 
-function usePopper({
-  offset,
-  showArrow,
-  placement,
-  isOpen,
-  modifiers,
-  eventsEnabled = true,
-  positionFixed,
-  boundaries = 'scrollParent',
-  referenceEl: refEl
-}) {
+function usePopper(_ref2) {
+  let {
+    offset,
+    showArrow,
+    placement,
+    isOpen,
+    modifiers,
+    eventsEnabled = true,
+    positionFixed,
+    boundaries = 'scrollParent',
+    referenceEl: refEl
+  } = _ref2;
   const [popperData, setPopperData] = react.useState({}); // this is util for deferred rendering like with portals
 
   const [dynamicPopperNode, setPopperNode] = react.useState(null);

package/esm/Arrow.js

@@ -1,9 +1,14 @@
+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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import { forwardRef } from 'react';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { getArrowStylesBySize } from '@elliemae/ds-popper/getArrowStylesBySize';
+import { getArrowStylesBySize } from '@elliemae/ds-popper';
 import { jsx } from 'react/jsx-runtime';
 
 var _svg;

package/esm/DSPopover.js

@@ -1,8 +1,14 @@
+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 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import { PropTypes, describe } from 'react-desc';
-import useHoverHandlersDelay from '@elliemae/ds-utilities/hooks/useHoverHandlersDelay';
+import { useHoverHandlersDelay } from '@elliemae/ds-utilities';
 import { useHiddenController } from '@elliemae/ds-hidden';
 import Popover from './Popover.js';
 import usePopper from './usePopper.js';
@@ -21,28 +27,29 @@ const Interaction = {
 };
 /* Unstable Popover, not yet fully working */
 
-const DSPopover = ({
-  containerProps,
-  content,
-  // react component inside the popover to render its content
-  renderer,
-  // function to render the popover component, ex: (popoverProps) => (<div {...popoverProps}></div>)
-  visible: visibleProp,
-  offset,
-  showArrow,
-  // popper props options
-  placement,
-  boundaries,
-  // scrollParent | window | viewport
-  modifiers,
-  referenceEl,
-  renderTrigger,
-  onClickOutside,
-  destroyOnHidden,
-  interactionType,
-  isOpen,
-  style
-}) => {
+const DSPopover = _ref => {
+  let {
+    containerProps,
+    content,
+    // react component inside the popover to render its content
+    renderer,
+    // function to render the popover component, ex: (popoverProps) => (<div {...popoverProps}></div>)
+    visible: visibleProp,
+    offset,
+    showArrow,
+    // popper props options
+    placement,
+    boundaries,
+    // scrollParent | window | viewport
+    modifiers,
+    referenceEl,
+    renderTrigger,
+    onClickOutside,
+    destroyOnHidden,
+    interactionType,
+    isOpen,
+    style
+  } = _ref;
   const {
     visible,
     onShow,
@@ -84,8 +91,8 @@ const DSPopover = ({
       destroyOnHidden: destroyOnHidden,
       interactionType: interactionType,
       isOpen: isOpen,
-      onClickOutside: (...args) => {
-        onClickOutside(...args);
+      onClickOutside: function () {
+        onClickOutside(...arguments);
         if (interactionType === 'click') onHide();
       },
       popperProps: popper,

package/esm/Popover.js

@@ -1,11 +1,15 @@
+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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import { useRef } from 'react';
 import { omit } from 'lodash';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { removeUndefinedProperties, isFunction } from '@elliemae/ds-utilities/utils';
-import { useOnClickOutside } from '@elliemae/ds-utilities/hooks';
+import { removeUndefinedProperties, useOnClickOutside, isFunction } from '@elliemae/ds-utilities';
 import { useHiddenTransition } from '@elliemae/ds-hidden';
 import DSPortal from '@elliemae/ds-portal';
 import { jsx } from 'react/jsx-runtime';

package/esm/PopoverTrigger.js

@@ -1,3 +1,8 @@
+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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'react';
@@ -15,14 +20,15 @@ const Interaction = {
 
 const noop = () => {};
 
-function useHiddenTrigger({
-  hiddenId,
-  visible = false,
-  interaction = 'click',
-  onToggle = noop,
-  onShow = noop,
-  onHide = noop
-}) {
+function useHiddenTrigger(_ref) {
+  let {
+    hiddenId,
+    visible = false,
+    interaction = 'click',
+    onToggle = noop,
+    onShow = noop,
+    onHide = noop
+  } = _ref;
   const handlers = {
     [Interaction.CLICK]: {
       onClick: onToggle
@@ -39,11 +45,11 @@ function useHiddenTrigger({
   });
 }
 
-function PopoverTrigger(_ref) {
+function PopoverTrigger(_ref2) {
   let {
     as: Component
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
+  } = _ref2,
+      props = _objectWithoutProperties(_ref2, _excluded);
 
   const hiddenTriggerProps = useHiddenTrigger(props);
   return /*#__PURE__*/jsx(Component, _objectSpread({}, hiddenTriggerProps));

package/esm/usePopover.js

@@ -1,3 +1,8 @@
+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';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import usePopper from './usePopper.js';

package/esm/usePopoverProviderState.js

@@ -1,21 +1,28 @@
+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';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useRef, useState, useEffect } from 'react';
 import { throttle } from 'lodash';
-import { useExecutionTimer } from '@elliemae/ds-utilities/hooks';
+import { useExecutionTimer } from '@elliemae/ds-utilities';
 
 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(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 usePopoverProviderState({
-  initialState = {
-    reference: null,
-    visible: false,
-    value: '',
-    options: {}
-  },
-  delay
-}) {
+function usePopoverProviderState(_ref) {
+  let {
+    initialState = {
+      reference: null,
+      visible: false,
+      value: '',
+      options: {}
+    },
+    delay
+  } = _ref;
   const triggerRef = useRef();
   const [tooltipState, setTooltipState] = useState(initialState);
 

package/esm/usePopper.js

@@ -1,4 +1,10 @@
+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';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import Popper from 'popper.js';
 import { useState, useRef, useEffect } from 'react';
 
@@ -6,29 +12,31 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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(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 calculateOffset({
-  offset,
-  showArrow
-}) {
+function calculateOffset(_ref) {
+  let {
+    offset,
+    showArrow
+  } = _ref;
   const arrowSize = 10;
   const defaultPadding = 3;
   return {
     enabled: showArrow || offset,
-    offset: Array.isArray(offset) ? `${offset[0]}, ${(offset[1] || offset[0]) + arrowSize + defaultPadding}` : `0, ${arrowSize + defaultPadding}`
+    offset: Array.isArray(offset) ? "".concat(offset[0], ", ").concat((offset[1] || offset[0]) + arrowSize + defaultPadding) : "0, ".concat(arrowSize + defaultPadding)
   };
 }
 
-function usePopper({
-  offset,
-  showArrow,
-  placement,
-  isOpen,
-  modifiers,
-  eventsEnabled = true,
-  positionFixed,
-  boundaries = 'scrollParent',
-  referenceEl: refEl
-}) {
+function usePopper(_ref2) {
+  let {
+    offset,
+    showArrow,
+    placement,
+    isOpen,
+    modifiers,
+    eventsEnabled = true,
+    positionFixed,
+    boundaries = 'scrollParent',
+    referenceEl: refEl
+  } = _ref2;
   const [popperData, setPopperData] = useState({}); // this is util for deferred rendering like with portals
 
   const [dynamicPopperNode, setPopperNode] = useState(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-popover",
-  "version": "2.0.0-alpha.10",
+  "version": "2.0.0-alpha.14",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Popover",
   "module": "./esm/index.js",
@@ -60,13 +60,13 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.0.0-alpha.10",
-    "@elliemae/ds-hidden": "2.0.0-alpha.10",
-    "@elliemae/ds-popper": "2.0.0-alpha.10",
-    "@elliemae/ds-portal": "2.0.0-alpha.10",
-    "@elliemae/ds-utilities": "2.0.0-alpha.10",
+    "@elliemae/ds-classnames": "2.0.0-alpha.14",
+    "@elliemae/ds-hidden": "2.0.0-alpha.14",
+    "@elliemae/ds-popper": "2.0.0-alpha.14",
+    "@elliemae/ds-portal": "2.0.0-alpha.14",
+    "@elliemae/ds-utilities": "2.0.0-alpha.14",
     "popper.js": "~1.16.1",
-    "react-desc": "^4.1.3"
+    "react-desc": "~4.1.3"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",

package/types/DSPopover.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 import usePopper from './usePopper';
 import usePopoverProviderState from './usePopoverProviderState';
@@ -39,26 +40,128 @@ declare const DSPopover: {
         isOpen: undefined;
     };
     propTypes: {
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        destroyOnHidden: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        renderer: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        popperProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        visible: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        content: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onClickOutside: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        interaction: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        offset: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        showArrow: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        placement: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        boundaries: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        modifiers: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        style: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        referenceEl: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        renderTrigger: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        interactionType: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        isOpen: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+    };
+};
+declare const PopoverWithSchema: {
+    (props?: {
         containerProps: any;
-        destroyOnHidden: any;
+        content: any;
         renderer: any;
-        popperProps: any;
         visible: any;
-        content: any;
-        onClickOutside: any;
-        interaction: any;
         offset: any;
         showArrow: any;
         placement: any;
         boundaries: any;
         modifiers: any;
-        style: any;
         referenceEl: any;
         renderTrigger: any;
+        onClickOutside: any;
+        destroyOnHidden: any;
         interactionType: any;
         isOpen: any;
-    };
+        style: any;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
 };
-declare const PopoverWithSchema: any;
 export { DSPopover, usePopper, usePopoverProviderState, PopoverWithSchema };
 export default DSPopover;

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}