pass whole popperConfig to PopperJS (#748) (#750)

* pass whole popperConfig to PopperJS (#748)

* pass whole popperConfig to PopperJS (#748)
* use options.popperConfig to initiate PopperJS

* pass whole popperConfig to PopperJS (#748)
* fixed pass popperConfig option

* Revert "pass whole popperConfig to PopperJS (#748)"

This reverts commit 453ff44

* use popperOptions in usePopper (#748)

Co-authored-by: Jimmy Jia <[email protected]>

Author: Viktor-the-great

src/DropdownMenu.js

@@ -42,6 +42,7 @@ export function useDropdownMenu(options = {}) {
   const modifiers = toModifierMap(popperConfig.modifiers);
 
   const popper = usePopper(toggleElement, menuElement, {
+    ...popperConfig,
     placement,
     enabled: !!(shouldUsePopper && show),
     modifiers: {

src/usePopper.js

@@ -64,6 +64,8 @@ export function toModifierArray(map) {
  * @param {String}      options.placement The popper element placement relative to the reference element
  * @param {Boolean}     options.positionFixed use fixed positioning
  * @param {Boolean}     options.eventsEnabled have Popper listen on window resize events to reposition the element
+ * @param {Function}    options.onCreate called when the popper is created
+ * @param {Function}    options.onUpdate called when the popper is updated
  */
 export default function usePopper(
   referenceElement,
@@ -74,6 +76,7 @@ export default function usePopper(
     strategy = 'absolute',
     eventsEnabled = true,
     modifiers: userModifiers,
+    ...popperOptions
   } = {},
 ) {
   const popperInstanceRef = useRef();
@@ -152,6 +155,7 @@ export default function usePopper(
     }
 
     popperInstanceRef.current = createPopper(referenceElement, popperElement, {
+      ...popperOptions,
       placement,
       strategy,
       modifiers: [...modifiers, updateModifier],