@elliemae/ds-popover 2.2.0-alpha.5 → 2.2.0-next.3

package/cjs/PopoverTrigger.js

@@ -1,51 +1,43 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var PopoverTrigger_exports = {};
-__export(PopoverTrigger_exports, {
-  Interaction: () => Interaction,
-  default: () => PopoverTrigger_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+'use strict';
+
+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');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+const _excluded = ["as"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const Interaction = {
-  CLICK: "click",
-  HOVER: "hover"
+  CLICK: 'click',
+  HOVER: 'hover'
 };
-const noop = () => {
-};
-function useHiddenTrigger({
-  hiddenId,
-  visible = false,
-  interaction = "click",
-  onToggle = noop,
-  onShow = noop,
-  onHide = noop
-}) {
+
+const noop = () => {};
+
+function useHiddenTrigger(_ref) {
+  let {
+    hiddenId,
+    visible = false,
+    interaction = 'click',
+    onToggle = noop,
+    onShow = noop,
+    onHide = noop
+  } = _ref;
   const handlers = {
     [Interaction.CLICK]: {
       onClick: onToggle
@@ -55,18 +47,22 @@ function useHiddenTrigger({
       onMouseLeave: onHide
     }
   };
-  return {
-    "aria-expanded": visible,
-    ...handlers[interaction],
-    "aria-controls": hiddenId
-  };
+  return _objectSpread(_objectSpread({
+    'aria-expanded': visible
+  }, handlers[interaction]), {}, {
+    'aria-controls': hiddenId
+  });
 }
-function PopoverTrigger({ as: Component, ...props }) {
+
+function PopoverTrigger(_ref2) {
+  let {
+    as: Component
+  } = _ref2,
+      props = _objectWithoutProperties__default["default"](_ref2, _excluded);
+
   const hiddenTriggerProps = useHiddenTrigger(props);
-  return /* @__PURE__ */ import_react.default.createElement(Component, {
-    ...hiddenTriggerProps
-  });
+  return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, hiddenTriggerProps));
 }
-var PopoverTrigger_default = PopoverTrigger;
-module.exports = __toCommonJS(PopoverTrigger_exports);
-//# sourceMappingURL=PopoverTrigger.js.map
+
+exports.Interaction = Interaction;
+exports["default"] = PopoverTrigger;

package/cjs/index.js

@@ -1,36 +1,23 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var src_exports = {};
-__export(src_exports, {
-  default: () => import_DSPopover.default
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSPopover = require('./DSPopover.js');
+var dsPopper = require('@elliemae/ds-popper');
+var usePopper = require('./usePopper.js');
+var usePopoverProviderState = require('./usePopoverProviderState.js');
+
+
+
+exports.DSPopover = DSPopover.DSPopover;
+exports.Interaction = DSPopover.Interaction;
+exports.PopoverWithSchema = DSPopover.PopoverWithSchema;
+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]; }
+	});
 });
-var React = __toESM(require("react"));
-__reExport(src_exports, require("./DSPopover"));
-var import_DSPopover = require("./DSPopover");
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map

package/cjs/usePopover.js

@@ -1,45 +1,41 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var usePopover_exports = {};
-__export(usePopover_exports, {
-  default: () => usePopover_default
-});
-var React = __toESM(require("react"));
-var import_usePopper = __toESM(require("./usePopper"));
-function usePopover({ ...otherProps }) {
-  const { reference, popper, arrow, ...popperProps } = (0, import_usePopper.default)(otherProps);
-  return {
-    triggerProps: { ...reference },
-    popoverProps: { ...popper },
-    arrowProps: { ...arrow },
-    ...popperProps
-  };
+'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');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+const _excluded = ["reference", "popper", "arrow"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function usePopover(_ref) {
+  let otherProps = Object.assign({}, _ref);
+
+  const _usePopper = usePopper(otherProps),
+        {
+    reference,
+    popper,
+    arrow
+  } = _usePopper,
+        popperProps = _objectWithoutProperties__default["default"](_usePopper, _excluded);
+
+  return _objectSpread({
+    triggerProps: _objectSpread({}, reference),
+    popoverProps: _objectSpread({}, popper),
+    arrowProps: _objectSpread({}, arrow)
+  }, popperProps);
 }
-var usePopover_default = usePopover;
-module.exports = __toCommonJS(usePopover_exports);
-//# sourceMappingURL=usePopover.js.map
+
+module.exports = usePopover;

package/cjs/usePopoverProviderState.js

@@ -1,77 +1,68 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var usePopoverProviderState_exports = {};
-__export(usePopoverProviderState_exports, {
-  default: () => usePopoverProviderState_default
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_lodash = require("lodash");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-function usePopoverProviderState({
-  initialState = {
-    reference: null,
-    visible: false,
-    value: "",
-    options: {}
-  },
-  delay
-}) {
-  const triggerRef = (0, import_react.useRef)();
-  const [tooltipState, setTooltipState] = (0, import_react.useState)(initialState);
-  const show = (state) => {
-    setTooltipState((prevState) => ({
-      ...prevState,
-      ...state,
+'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 dsUtilities = require('@elliemae/ds-utilities');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function usePopoverProviderState(_ref) {
+  let {
+    initialState = {
+      reference: null,
+      visible: false,
+      value: '',
+      options: {}
+    },
+    delay
+  } = _ref;
+  const triggerRef = react.useRef();
+  const [tooltipState, setTooltipState] = react.useState(initialState);
+
+  const show = state => {
+    setTooltipState(prevState => _objectSpread(_objectSpread(_objectSpread({}, prevState), state), {}, {
       visible: true
     }));
   };
-  const hide = (state) => {
-    setTooltipState((prevState) => ({
-      ...prevState,
-      ...state,
+
+  const hide = state => {
+    setTooltipState(prevState => _objectSpread(_objectSpread(_objectSpread({}, prevState), state), {}, {
       visible: false
     }));
   };
-  const [showTooltip, hideTooltip] = (0, import_ds_utilities.useExecutionTimer)(show, hide, delay);
+
+  const [showTooltip, hideTooltip] = dsUtilities.useExecutionTimer(show, hide, delay);
+
   const handleShowTooltip = (state, e) => {
     triggerRef.current = e.target;
-    showTooltip({ ...state, reference: e.target });
+    showTooltip(_objectSpread(_objectSpread({}, state), {}, {
+      reference: e.target
+    }));
   };
-  const handleHideTooltip = (state) => {
+
+  const handleHideTooltip = state => {
     hideTooltip(state);
   };
-  (0, import_react.useEffect)(() => {
-    window.addEventListener("scroll", (0, import_lodash.throttle)(handleHideTooltip, 300), true);
-    window.addEventListener("click", handleHideTooltip, true);
+
+  react.useEffect(() => {
+    window.addEventListener('scroll', lodash.throttle(handleHideTooltip, 300), true);
+    window.addEventListener('click', handleHideTooltip, true);
     return () => {
-      window.removeEventListener("scroll", (0, import_lodash.throttle)(handleHideTooltip, 300), true);
-      window.addEventListener("click", handleHideTooltip, true);
+      window.removeEventListener('scroll', lodash.throttle(handleHideTooltip, 300), true);
+      window.addEventListener('click', handleHideTooltip, true);
     };
   }, [tooltipState.reference]);
   return {
@@ -80,6 +71,5 @@ function usePopoverProviderState({
     state: tooltipState
   };
 }
-var usePopoverProviderState_default = usePopoverProviderState;
-module.exports = __toCommonJS(usePopoverProviderState_exports);
-//# sourceMappingURL=usePopoverProviderState.js.map
+
+module.exports = usePopoverProviderState;

package/cjs/usePopper.js

@@ -1,113 +1,100 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var usePopper_exports = {};
-__export(usePopper_exports, {
-  default: () => usePopper
-});
-var React = __toESM(require("react"));
-var import_popper = __toESM(require("popper.js"));
-var import_react = require("react");
-function calculateOffset({ offset, showArrow }) {
+'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');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var Popper__default = /*#__PURE__*/_interopDefaultLegacy(Popper);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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
-}) {
-  const [popperData, setPopperData] = (0, import_react.useState)({});
-  const [dynamicPopperNode, setPopperNode] = (0, import_react.useState)(null);
-  const referenceRef = (0, import_react.useRef)();
-  const popperRef = (0, import_react.useRef)();
-  const arrowRef = (0, import_react.useRef)();
-  const popper = (0, import_react.useRef)();
-  (0, import_react.useEffect)(() => {
+
+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);
+  const referenceRef = react.useRef();
+  const popperRef = react.useRef();
+  const arrowRef = react.useRef();
+  const popper = react.useRef(); // initialize popper with refs and options
+
+  react.useEffect(() => {
     const referenceEl = refEl || referenceRef.current;
     const popperEl = dynamicPopperNode || popperRef.current;
     const arrowEl = arrowRef.current;
-    popper.current = referenceEl && popperEl && new import_popper.default(referenceEl, popperEl, {
+    popper.current = referenceEl && popperEl && new Popper__default["default"](referenceEl, popperEl, {
       placement,
       isOpen,
       eventsEnabled,
       positionFixed,
-      modifiers: {
-        preventOverflow: {
+      modifiers: _objectSpread(_objectSpread({
+        preventOverflow: _objectSpread({
           padding: 0,
-          boundariesElement: boundaries,
-          ...modifiers.preventOverflow
-        },
+          boundariesElement: boundaries
+        }, modifiers.preventOverflow),
         offset: calculateOffset({
           offset,
           showArrow
-        }),
-        ...modifiers,
+        })
+      }, modifiers), {}, {
         arrow: {
           enabled: !!arrowEl,
           element: arrowEl
         },
-        applyStyle: { enabled: false },
+        applyStyle: {
+          enabled: false
+        },
         updateStateModifier: {
           order: 900,
           enabled: true,
-          fn: (data) => {
+          fn: data => {
             setPopperData(data);
             return data;
           }
         }
-      }
+      })
     });
     return () => {
-      if (popper.current)
-        popper.current.destroy();
+      if (popper.current) popper.current.destroy();
     };
-  }, [
-    refEl,
-    dynamicPopperNode,
-    placement,
-    showArrow,
-    offset,
-    popperRef,
-    eventsEnabled
-  ]);
-  (0, import_react.useEffect)(() => {
-    if (!popper.current)
-      return;
+  }, [refEl, dynamicPopperNode, placement, showArrow, offset, popperRef, eventsEnabled]); // update popper instance after initialization
+
+  react.useEffect(() => {
+    if (!popper.current) return;
     popper.current.update();
   }, [popper.current]);
   const arrow = {
@@ -118,7 +105,7 @@ function usePopper({
     style: popperData.styles,
     ref: setPopperNode,
     placement: popperData.placement,
-    "data-testid": "popover-container"
+    'data-testid': 'popover-container'
   };
   const reference = {
     ref: referenceRef
@@ -128,8 +115,9 @@ function usePopper({
     popper: popperProps,
     arrow,
     reference,
+    // setPopperNode,
     popperData
   };
 }
-module.exports = __toCommonJS(usePopper_exports);
-//# sourceMappingURL=usePopper.js.map
+
+module.exports = usePopper;