@elliemae/ds-popover 2.0.0-alpha.1 → 2.0.0-alpha.13

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 }; }
@@ -20,7 +25,7 @@ const _excluded = ["style", "className", "innerRef", "blockName", "placement"];
 
 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; }
 const ArrowWrapper = dsClassnames.aggregatedClasses('span')('popover', 'arrow');
 
 function Arrow(_ref) {
@@ -31,20 +36,20 @@ function Arrow(_ref) {
     blockName = 'popover',
     placement
   } = _ref,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   return /*#__PURE__*/jsxRuntime.jsx(ArrowWrapper, _objectSpread(_objectSpread({
     className: className,
     "data-placement": placement
   }, otherProps), {}, {
     innerRef: innerRef,
-    style: _objectSpread(_objectSpread({}, style), getArrowStylesBySize.getArrowStylesBySize(placement, 25)),
-    children: _svg || (_svg = /*#__PURE__*/_jsx__default['default']("svg", {
+    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", {
+    }, 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", {
+    }), /*#__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"
     })))

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,39 +25,39 @@ 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; }
 
-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; }
 const Interaction = {
   CLICK: 'click',
   HOVER: 'hover'
 };
 /* 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
   });
@@ -88,13 +94,13 @@ const DSPopover = ({
       onHide,
       'aria-haspopup': true,
       'aria-expanded': visible
-    })), isPopoverVisible && reference.ref && /*#__PURE__*/_jsx__default['default'](Popover, {
+    })), isPopoverVisible && reference.ref && /*#__PURE__*/_jsx__default["default"](Popover, {
       containerProps: containerProps,
       destroyOnHidden: destroyOnHidden,
       interactionType: interactionType,
       isOpen: isOpen,
-      onClickOutside: (...args) => {
-        onClickOutside(...args);
+      onClickOutside: function () {
+        onClickOutside(...arguments);
         if (interactionType === 'click') onHide();
       },
       popperProps: popper,
@@ -152,12 +158,10 @@ exports.usePopoverProviderState = usePopoverProviderState;
 exports.DSPopover = DSPopover;
 exports.Interaction = Interaction;
 exports.PopoverWithSchema = PopoverWithSchema;
-exports['default'] = DSPopover;
+exports["default"] = DSPopover;
 Object.keys(dsPopper).forEach(function (k) {
   if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: function () {
-      return dsPopper[k];
-    }
+    get: function () { return dsPopper[k]; }
   });
 });

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');
@@ -23,7 +27,7 @@ const _excluded = ["containerProps", "destroyOnHidden", "renderer", "popperProps
 
 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; }
 const blockName = 'popover';
 const PopoverComponent = dsClassnames.aggregatedClasses('div')(blockName);
 
@@ -38,22 +42,22 @@ function Popover(_ref) {
     onClickOutside = () => null,
     style
   } = _ref,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const popoverRef = react.useRef();
   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), {}, {
+  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');
@@ -16,7 +21,7 @@ const _excluded = ["as"];
 
 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; }
 const Interaction = {
   CLICK: 'click',
   HOVER: 'hover'
@@ -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,15 +54,15 @@ 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));
 }
 
 exports.Interaction = Interaction;
-exports['default'] = PopoverTrigger;
+exports["default"] = PopoverTrigger;

package/cjs/index.js

@@ -12,14 +12,12 @@ var usePopoverProviderState = require('./usePopoverProviderState.js');
 exports.DSPopover = DSPopover.DSPopover;
 exports.Interaction = DSPopover.Interaction;
 exports.PopoverWithSchema = DSPopover.PopoverWithSchema;
-exports.default = DSPopover.DSPopover;
+exports["default"] = DSPopover.DSPopover;
 exports.usePopper = usePopper;
 exports.usePopoverProviderState = usePopoverProviderState;
 Object.keys(dsPopper).forEach(function (k) {
 	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
 		enumerable: true,
-		get: function () {
-			return dsPopper[k];
-		}
+		get: function () { return dsPopper[k]; }
 	});
 });

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');
@@ -13,7 +18,7 @@ const _excluded = ["reference", "popper", "arrow"];
 
 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; }
 
 function usePopover(_ref) {
   let otherProps = Object.assign({}, _ref);
@@ -24,7 +29,7 @@ function usePopover(_ref) {
     popper,
     arrow
   } = _usePopper,
-        popperProps = _objectWithoutProperties__default['default'](_usePopper, _excluded);
+        popperProps = _objectWithoutProperties__default["default"](_usePopper, _excluded);
 
   return _objectSpread({
     triggerProps: _objectSpread({}, reference),

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 }; }
 
@@ -11,17 +17,18 @@ 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; }
 
-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');
 
@@ -11,31 +17,33 @@ var Popper__default = /*#__PURE__*/_interopDefaultLegacy(Popper);
 
 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; }
 
-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);
@@ -48,7 +56,7 @@ function usePopper({
     const referenceEl = refEl || referenceRef.current;
     const popperEl = dynamicPopperNode || popperRef.current;
     const arrowEl = arrowRef.current;
-    popper.current = referenceEl && popperEl && new Popper__default['default'](referenceEl, popperEl, {
+    popper.current = referenceEl && popperEl && new Popper__default["default"](referenceEl, popperEl, {
       placement,
       isOpen,
       eventsEnabled,

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.1",
+  "version": "2.0.0-alpha.13",
   "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.1",
-    "@elliemae/ds-hidden": "2.0.0-alpha.1",
-    "@elliemae/ds-popper": "2.0.0-alpha.1",
-    "@elliemae/ds-portal": "2.0.0-alpha.1",
-    "@elliemae/ds-utilities": "2.0.0-alpha.1",
+    "@elliemae/ds-classnames": "2.0.0-alpha.13",
+    "@elliemae/ds-hidden": "2.0.0-alpha.13",
+    "@elliemae/ds-popper": "2.0.0-alpha.13",
+    "@elliemae/ds-portal": "2.0.0-alpha.13",
+    "@elliemae/ds-utilities": "2.0.0-alpha.13",
     "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"
-  ]
-}