@fluentui/react-positioning 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230322-0439.1

package/lib/usePositioning.js

@@ -1,10 +1,10 @@
-import { hide as hideMiddleware, arrow as arrowMiddleware } from "@floating-ui/dom";
-import { useFluent_unstable as useFluent } from "@fluentui/react-shared-contexts";
-import { canUseDOM, useEventCallback, useIsomorphicLayoutEffect } from "@fluentui/react-utilities";
-import * as React from "react";
-import { useCallbackRef, toFloatingUIPlacement, hasAutofocusFilter, hasScrollParent } from "./utils";
-import { shift as shiftMiddleware, flip as flipMiddleware, coverTarget as coverTargetMiddleware, maxSize as maxSizeMiddleware, offset as offsetMiddleware, intersecting as intersectingMiddleware } from "./middleware";
-import { createPositionManager } from "./createPositionManager";
+import { hide as hideMiddleware, arrow as arrowMiddleware } from '@floating-ui/dom';
+import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
+import { canUseDOM, useEventCallback, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
+import * as React from 'react';
+import { useCallbackRef, toFloatingUIPlacement, hasAutofocusFilter, hasScrollParent } from './utils';
+import { shift as shiftMiddleware, flip as flipMiddleware, coverTarget as coverTargetMiddleware, maxSize as maxSizeMiddleware, offset as offsetMiddleware, intersecting as intersectingMiddleware } from './middleware';
+import { createPositionManager } from './createPositionManager';
 /**
  * @internal
  */
@@ -23,7 +23,8 @@ export function usePositioning(options) {
       managerRef.current.dispose();
     }
     managerRef.current = null;
-    const target = overrideTargetRef.current ?? targetRef.current;
+    var _overrideTargetRef_current;
+    const target = (_overrideTargetRef_current = overrideTargetRef.current) !== null && _overrideTargetRef_current !== void 0 ? _overrideTargetRef_current : targetRef.current;
     if (enabled && canUseDOM() && target && containerRef.current) {
       managerRef.current = createPositionManager({
         container: containerRef.current,
@@ -37,40 +38,47 @@ export function usePositioning(options) {
     overrideTargetRef.current = target;
     updatePositionManager();
   });
-  React.useImperativeHandle(options.positioningRef, () => ({
-    updatePosition: () => managerRef.current?.updatePosition(),
-    setTarget: target => {
-      if (options.target && process.env.NODE_ENV !== "production") {
-        const err = new Error();
-        // eslint-disable-next-line no-console
-        console.warn("Imperative setTarget should not be used at the same time as target option");
-        // eslint-disable-next-line no-console
-        console.warn(err.stack);
+  React.useImperativeHandle(options.positioningRef, () => {
+    return {
+      updatePosition: () => {
+        var _managerRef_current;
+        return (_managerRef_current = managerRef.current) === null || _managerRef_current === void 0 ? void 0 : _managerRef_current.updatePosition();
+      },
+      setTarget: target => {
+        if (options.target && process.env.NODE_ENV !== 'production') {
+          const err = new Error();
+          // eslint-disable-next-line no-console
+          console.warn('Imperative setTarget should not be used at the same time as target option');
+          // eslint-disable-next-line no-console
+          console.warn(err.stack);
+        }
+        setOverrideTarget(target);
       }
-      setOverrideTarget(target);
-    }
-  }), [options.target, setOverrideTarget]);
+    };
+  }, [options.target, setOverrideTarget]);
   useIsomorphicLayoutEffect(() => {
-    setOverrideTarget(options.target ?? null);
+    var _options_target;
+    setOverrideTarget((_options_target = options.target) !== null && _options_target !== void 0 ? _options_target : null);
   }, [options.target, setOverrideTarget]);
   useIsomorphicLayoutEffect(() => {
     updatePositionManager();
   }, [updatePositionManager]);
-  if (process.env.NODE_ENV !== "production") {
+  if (process.env.NODE_ENV !== 'production') {
     // This checked should run only in development mode
     // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useEffect(() => {
       if (containerRef.current) {
+        var _contentNode_ownerDocument;
         const contentNode = containerRef.current;
-        const treeWalker = contentNode.ownerDocument?.createTreeWalker(contentNode, NodeFilter.SHOW_ELEMENT, {
+        const treeWalker = (_contentNode_ownerDocument = contentNode.ownerDocument) === null || _contentNode_ownerDocument === void 0 ? void 0 : _contentNode_ownerDocument.createTreeWalker(contentNode, NodeFilter.SHOW_ELEMENT, {
           acceptNode: hasAutofocusFilter
         });
         while (treeWalker.nextNode()) {
           const node = treeWalker.currentNode;
           // eslint-disable-next-line no-console
-          console.warn("<Popper>:", node);
+          console.warn('<Popper>:', node);
           // eslint-disable-next-line no-console
-          console.warn(['<Popper>: ^ this node contains "autoFocus" prop on a React element. This can break the initial', "positioning of an element and cause a window jump effect. This issue occurs because React polyfills", '"autoFocus" behavior to solve inconsistencies between different browsers:', "https://github.com/facebook/react/issues/11851#issuecomment-351787078", "\n", 'However, ".focus()" in this case occurs before any other React effects will be executed', "(React.useEffect(), componentDidMount(), etc.) and we can not prevent this behavior. If you really", 'want to use "autoFocus" please add "position: fixed" to styles of the element that is wrapped by', '"Popper".', `In general, it's not recommended to use "autoFocus" as it may break accessibility aspects:`, "https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-autofocus.md", "\n", 'We suggest to use the "trapFocus" prop on Fluent components or a catch "ref" and then use', '"ref.current.focus" in React.useEffect():', "https://reactjs.org/docs/refs-and-the-dom.html#adding-a-ref-to-a-dom-element"].join(" "));
+          console.warn(['<Popper>: ^ this node contains "autoFocus" prop on a React element. This can break the initial', 'positioning of an element and cause a window jump effect. This issue occurs because React polyfills', '"autoFocus" behavior to solve inconsistencies between different browsers:', 'https://github.com/facebook/react/issues/11851#issuecomment-351787078', '\n', 'However, ".focus()" in this case occurs before any other React effects will be executed', '(React.useEffect(), componentDidMount(), etc.) and we can not prevent this behavior. If you really', 'want to use "autoFocus" please add "position: fixed" to styles of the element that is wrapped by', '"Popper".', `In general, it's not recommended to use "autoFocus" as it may break accessibility aspects:`, 'https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-autofocus.md', '\n', 'We suggest to use the "trapFocus" prop on Fluent components or a catch "ref" and then use', '"ref.current.focus" in React.useEffect():', 'https://reactjs.org/docs/refs-and-the-dom.html#adding-a-ref-to-a-dom-element'].join(' '));
         }
       }
       // We run this check once, no need to add deps here
@@ -122,8 +130,8 @@ function usePositioningOptions(options) {
   const {
     dir
   } = useFluent();
-  const isRtl = dir === "rtl";
-  const strategy = positionFixed ? "fixed" : "absolute";
+  const isRtl = dir === 'rtl';
+  const strategy = positionFixed ? 'fixed' : 'absolute';
   return React.useCallback((container, arrow) => {
     const hasScrollableElement = hasScrollParent(container);
     const middleware = [offset && offsetMiddleware(offset), coverTarget && coverTargetMiddleware(), !pinned && flipMiddleware({
@@ -146,9 +154,9 @@ function usePositioningOptions(options) {
       element: arrow,
       padding: arrowPadding
     }), hideMiddleware({
-      strategy: "referenceHidden"
+      strategy: 'referenceHidden'
     }), hideMiddleware({
-      strategy: "escaped"
+      strategy: 'escaped'
     })].filter(Boolean);
     const placement = toFloatingUIPlacement(align, position, isRtl);
     return {

package/lib/usePositioning.js.map

@@ -1 +1 @@
-{"version":3,"names":["hide","hideMiddleware","arrow","arrowMiddleware","useFluent_unstable","useFluent","canUseDOM","useEventCallback","useIsomorphicLayoutEffect","React","useCallbackRef","toFloatingUIPlacement","hasAutofocusFilter","hasScrollParent","shift","shiftMiddleware","flip","flipMiddleware","coverTarget","coverTargetMiddleware","maxSize","maxSizeMiddleware","offset","offsetMiddleware","intersecting","intersectingMiddleware","createPositionManager","usePositioning","options","managerRef","useRef","targetRef","overrideTargetRef","containerRef","arrowRef","enabled","resolvePositioningOptions","usePositioningOptions","updatePositionManager","useCallback","current","dispose","target","container","setOverrideTarget","useImperativeHandle","positioningRef","updatePosition","setTarget","process","env","NODE_ENV","err","Error","console","warn","stack","useEffect","contentNode","treeWalker","ownerDocument","createTreeWalker","NodeFilter","SHOW_ELEMENT","acceptNode","nextNode","node","currentNode","join","setContainer","setArrow","align","arrowPadding","autoSize","flipBoundary","overflowBoundary","pinned","position","unstable_disableTether","disableTether","positionFixed","overflowBoundaryPadding","fallbackPositions","dir","isRtl","strategy","hasScrollableElement","middleware","element","padding","filter","Boolean","placement"],"sources":["../src/usePositioning.ts"],"sourcesContent":["import { hide as hideMiddleware, arrow as arrowMiddleware } from '@floating-ui/dom';\nimport type { Middleware, Strategy } from '@floating-ui/dom';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { canUseDOM, useEventCallback, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport type {\n  PositioningOptions,\n  PositioningProps,\n  PositionManager,\n  TargetElement,\n  UsePositioningReturn,\n} from './types';\nimport { useCallbackRef, toFloatingUIPlacement, hasAutofocusFilter, hasScrollParent } from './utils';\nimport {\n  shift as shiftMiddleware,\n  flip as flipMiddleware,\n  coverTarget as coverTargetMiddleware,\n  maxSize as maxSizeMiddleware,\n  offset as offsetMiddleware,\n  intersecting as intersectingMiddleware,\n} from './middleware';\nimport { createPositionManager } from './createPositionManager';\n\n/**\n * @internal\n */\nexport function usePositioning(options: UsePositioningOptions): UsePositioningReturn {\n  const managerRef = React.useRef<PositionManager | null>(null);\n  const targetRef = React.useRef<TargetElement | null>(null);\n  const overrideTargetRef = React.useRef<TargetElement | null>(null);\n  const containerRef = React.useRef<HTMLElement | null>(null);\n  const arrowRef = React.useRef<HTMLElement | null>(null);\n\n  const { enabled = true } = options;\n  const resolvePositioningOptions = usePositioningOptions(options);\n  const updatePositionManager = React.useCallback(() => {\n    if (managerRef.current) {\n      managerRef.current.dispose();\n    }\n    managerRef.current = null;\n\n    const target = overrideTargetRef.current ?? targetRef.current;\n\n    if (enabled && canUseDOM() && target && containerRef.current) {\n      managerRef.current = createPositionManager({\n        container: containerRef.current,\n        target,\n        arrow: arrowRef.current,\n        ...resolvePositioningOptions(containerRef.current, arrowRef.current),\n      });\n    }\n  }, [enabled, resolvePositioningOptions]);\n\n  const setOverrideTarget = useEventCallback((target: TargetElement | null) => {\n    overrideTargetRef.current = target;\n    updatePositionManager();\n  });\n\n  React.useImperativeHandle(\n    options.positioningRef,\n    () => ({\n      updatePosition: () => managerRef.current?.updatePosition(),\n      setTarget: (target: TargetElement) => {\n        if (options.target && process.env.NODE_ENV !== 'production') {\n          const err = new Error();\n          // eslint-disable-next-line no-console\n          console.warn('Imperative setTarget should not be used at the same time as target option');\n          // eslint-disable-next-line no-console\n          console.warn(err.stack);\n        }\n\n        setOverrideTarget(target);\n      },\n    }),\n    [options.target, setOverrideTarget],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    setOverrideTarget(options.target ?? null);\n  }, [options.target, setOverrideTarget]);\n\n  useIsomorphicLayoutEffect(() => {\n    updatePositionManager();\n  }, [updatePositionManager]);\n\n  if (process.env.NODE_ENV !== 'production') {\n    // This checked should run only in development mode\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (containerRef.current) {\n        const contentNode = containerRef.current;\n        const treeWalker = contentNode.ownerDocument?.createTreeWalker(contentNode, NodeFilter.SHOW_ELEMENT, {\n          acceptNode: hasAutofocusFilter,\n        });\n\n        while (treeWalker.nextNode()) {\n          const node = treeWalker.currentNode;\n          // eslint-disable-next-line no-console\n          console.warn('<Popper>:', node);\n          // eslint-disable-next-line no-console\n          console.warn(\n            [\n              '<Popper>: ^ this node contains \"autoFocus\" prop on a React element. This can break the initial',\n              'positioning of an element and cause a window jump effect. This issue occurs because React polyfills',\n              '\"autoFocus\" behavior to solve inconsistencies between different browsers:',\n              'https://github.com/facebook/react/issues/11851#issuecomment-351787078',\n              '\\n',\n              'However, \".focus()\" in this case occurs before any other React effects will be executed',\n              '(React.useEffect(), componentDidMount(), etc.) and we can not prevent this behavior. If you really',\n              'want to use \"autoFocus\" please add \"position: fixed\" to styles of the element that is wrapped by',\n              '\"Popper\".',\n              `In general, it's not recommended to use \"autoFocus\" as it may break accessibility aspects:`,\n              'https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-autofocus.md',\n              '\\n',\n              'We suggest to use the \"trapFocus\" prop on Fluent components or a catch \"ref\" and then use',\n              '\"ref.current.focus\" in React.useEffect():',\n              'https://reactjs.org/docs/refs-and-the-dom.html#adding-a-ref-to-a-dom-element',\n            ].join(' '),\n          );\n        }\n      }\n      // We run this check once, no need to add deps here\n      // TODO: Should be rework to handle options.enabled and contentRef updates\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n  }\n\n  const setTarget = useCallbackRef<TargetElement>(null, target => {\n    if (targetRef.current !== target) {\n      targetRef.current = target;\n      updatePositionManager();\n    }\n  });\n\n  const setContainer = useCallbackRef<HTMLElement | null>(null, container => {\n    if (containerRef.current !== container) {\n      containerRef.current = container;\n      updatePositionManager();\n    }\n  });\n\n  const setArrow = useCallbackRef<HTMLElement | null>(null, arrow => {\n    if (arrowRef.current !== arrow) {\n      arrowRef.current = arrow;\n      updatePositionManager();\n    }\n  });\n\n  // Let users use callback refs so they feel like 'normal' DOM refs\n  return { targetRef: setTarget, containerRef: setContainer, arrowRef: setArrow };\n}\n\ninterface UsePositioningOptions extends PositioningProps, Pick<PositioningOptions, 'fallbackPositions' | 'pinned'> {\n  /**\n   * If false, does not position anything\n   */\n  enabled?: boolean;\n}\n\nfunction usePositioningOptions(options: PositioningOptions) {\n  const {\n    align,\n    arrowPadding,\n    autoSize,\n    coverTarget,\n    flipBoundary,\n    offset,\n    overflowBoundary,\n    pinned,\n    position,\n    unstable_disableTether: disableTether,\n    positionFixed,\n    overflowBoundaryPadding,\n    fallbackPositions,\n  } = options;\n\n  const { dir } = useFluent();\n  const isRtl = dir === 'rtl';\n  const strategy: Strategy = positionFixed ? 'fixed' : 'absolute';\n\n  return React.useCallback(\n    (container: HTMLElement | null, arrow: HTMLElement | null) => {\n      const hasScrollableElement = hasScrollParent(container);\n\n      const middleware = [\n        offset && offsetMiddleware(offset),\n        coverTarget && coverTargetMiddleware(),\n        !pinned && flipMiddleware({ container, flipBoundary, hasScrollableElement, isRtl, fallbackPositions }),\n        shiftMiddleware({\n          container,\n          hasScrollableElement,\n          overflowBoundary,\n          disableTether,\n          overflowBoundaryPadding,\n          isRtl,\n        }),\n        autoSize && maxSizeMiddleware(autoSize, { container, overflowBoundary }),\n        intersectingMiddleware(),\n        arrow && arrowMiddleware({ element: arrow, padding: arrowPadding }),\n        hideMiddleware({ strategy: 'referenceHidden' }),\n        hideMiddleware({ strategy: 'escaped' }),\n      ].filter(Boolean) as Middleware[];\n\n      const placement = toFloatingUIPlacement(align, position, isRtl);\n\n      return {\n        placement,\n        middleware,\n        strategy,\n      };\n    },\n    [\n      align,\n      arrowPadding,\n      autoSize,\n      coverTarget,\n      disableTether,\n      flipBoundary,\n      isRtl,\n      offset,\n      overflowBoundary,\n      pinned,\n      position,\n      strategy,\n      overflowBoundaryPadding,\n      fallbackPositions,\n    ],\n  );\n}\n"],"mappings":"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"}
+{"version":3,"names":["hide","hideMiddleware","arrow","arrowMiddleware","useFluent_unstable","useFluent","canUseDOM","useEventCallback","useIsomorphicLayoutEffect","React","useCallbackRef","toFloatingUIPlacement","hasAutofocusFilter","hasScrollParent","shift","shiftMiddleware","flip","flipMiddleware","coverTarget","coverTargetMiddleware","maxSize","maxSizeMiddleware","offset","offsetMiddleware","intersecting","intersectingMiddleware","createPositionManager","usePositioning","options","managerRef","useRef","targetRef","overrideTargetRef","containerRef","arrowRef","enabled","resolvePositioningOptions","usePositioningOptions","updatePositionManager","useCallback","current","dispose","_overrideTargetRef_current","target","container","setOverrideTarget","useImperativeHandle","positioningRef","updatePosition","_managerRef_current","setTarget","process","env","NODE_ENV","err","Error","console","warn","stack","_options_target","useEffect","_contentNode_ownerDocument","contentNode","treeWalker","ownerDocument","createTreeWalker","NodeFilter","SHOW_ELEMENT","acceptNode","nextNode","node","currentNode","join","setContainer","setArrow","align","arrowPadding","autoSize","flipBoundary","overflowBoundary","pinned","position","unstable_disableTether","disableTether","positionFixed","overflowBoundaryPadding","fallbackPositions","dir","isRtl","strategy","hasScrollableElement","middleware","element","padding","filter","Boolean","placement"],"sources":["../src/usePositioning.ts"],"sourcesContent":["import { hide as hideMiddleware, arrow as arrowMiddleware } from '@floating-ui/dom';\nimport type { Middleware, Strategy } from '@floating-ui/dom';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { canUseDOM, useEventCallback, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport type {\n  PositioningOptions,\n  PositioningProps,\n  PositionManager,\n  TargetElement,\n  UsePositioningReturn,\n} from './types';\nimport { useCallbackRef, toFloatingUIPlacement, hasAutofocusFilter, hasScrollParent } from './utils';\nimport {\n  shift as shiftMiddleware,\n  flip as flipMiddleware,\n  coverTarget as coverTargetMiddleware,\n  maxSize as maxSizeMiddleware,\n  offset as offsetMiddleware,\n  intersecting as intersectingMiddleware,\n} from './middleware';\nimport { createPositionManager } from './createPositionManager';\n\n/**\n * @internal\n */\nexport function usePositioning(options: UsePositioningOptions): UsePositioningReturn {\n  const managerRef = React.useRef<PositionManager | null>(null);\n  const targetRef = React.useRef<TargetElement | null>(null);\n  const overrideTargetRef = React.useRef<TargetElement | null>(null);\n  const containerRef = React.useRef<HTMLElement | null>(null);\n  const arrowRef = React.useRef<HTMLElement | null>(null);\n\n  const { enabled = true } = options;\n  const resolvePositioningOptions = usePositioningOptions(options);\n  const updatePositionManager = React.useCallback(() => {\n    if (managerRef.current) {\n      managerRef.current.dispose();\n    }\n    managerRef.current = null;\n\n    const target = overrideTargetRef.current ?? targetRef.current;\n\n    if (enabled && canUseDOM() && target && containerRef.current) {\n      managerRef.current = createPositionManager({\n        container: containerRef.current,\n        target,\n        arrow: arrowRef.current,\n        ...resolvePositioningOptions(containerRef.current, arrowRef.current),\n      });\n    }\n  }, [enabled, resolvePositioningOptions]);\n\n  const setOverrideTarget = useEventCallback((target: TargetElement | null) => {\n    overrideTargetRef.current = target;\n    updatePositionManager();\n  });\n\n  React.useImperativeHandle(\n    options.positioningRef,\n    () => ({\n      updatePosition: () => managerRef.current?.updatePosition(),\n      setTarget: (target: TargetElement) => {\n        if (options.target && process.env.NODE_ENV !== 'production') {\n          const err = new Error();\n          // eslint-disable-next-line no-console\n          console.warn('Imperative setTarget should not be used at the same time as target option');\n          // eslint-disable-next-line no-console\n          console.warn(err.stack);\n        }\n\n        setOverrideTarget(target);\n      },\n    }),\n    [options.target, setOverrideTarget],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    setOverrideTarget(options.target ?? null);\n  }, [options.target, setOverrideTarget]);\n\n  useIsomorphicLayoutEffect(() => {\n    updatePositionManager();\n  }, [updatePositionManager]);\n\n  if (process.env.NODE_ENV !== 'production') {\n    // This checked should run only in development mode\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (containerRef.current) {\n        const contentNode = containerRef.current;\n        const treeWalker = contentNode.ownerDocument?.createTreeWalker(contentNode, NodeFilter.SHOW_ELEMENT, {\n          acceptNode: hasAutofocusFilter,\n        });\n\n        while (treeWalker.nextNode()) {\n          const node = treeWalker.currentNode;\n          // eslint-disable-next-line no-console\n          console.warn('<Popper>:', node);\n          // eslint-disable-next-line no-console\n          console.warn(\n            [\n              '<Popper>: ^ this node contains \"autoFocus\" prop on a React element. This can break the initial',\n              'positioning of an element and cause a window jump effect. This issue occurs because React polyfills',\n              '\"autoFocus\" behavior to solve inconsistencies between different browsers:',\n              'https://github.com/facebook/react/issues/11851#issuecomment-351787078',\n              '\\n',\n              'However, \".focus()\" in this case occurs before any other React effects will be executed',\n              '(React.useEffect(), componentDidMount(), etc.) and we can not prevent this behavior. If you really',\n              'want to use \"autoFocus\" please add \"position: fixed\" to styles of the element that is wrapped by',\n              '\"Popper\".',\n              `In general, it's not recommended to use \"autoFocus\" as it may break accessibility aspects:`,\n              'https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-autofocus.md',\n              '\\n',\n              'We suggest to use the \"trapFocus\" prop on Fluent components or a catch \"ref\" and then use',\n              '\"ref.current.focus\" in React.useEffect():',\n              'https://reactjs.org/docs/refs-and-the-dom.html#adding-a-ref-to-a-dom-element',\n            ].join(' '),\n          );\n        }\n      }\n      // We run this check once, no need to add deps here\n      // TODO: Should be rework to handle options.enabled and contentRef updates\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n  }\n\n  const setTarget = useCallbackRef<TargetElement>(null, target => {\n    if (targetRef.current !== target) {\n      targetRef.current = target;\n      updatePositionManager();\n    }\n  });\n\n  const setContainer = useCallbackRef<HTMLElement | null>(null, container => {\n    if (containerRef.current !== container) {\n      containerRef.current = container;\n      updatePositionManager();\n    }\n  });\n\n  const setArrow = useCallbackRef<HTMLElement | null>(null, arrow => {\n    if (arrowRef.current !== arrow) {\n      arrowRef.current = arrow;\n      updatePositionManager();\n    }\n  });\n\n  // Let users use callback refs so they feel like 'normal' DOM refs\n  return { targetRef: setTarget, containerRef: setContainer, arrowRef: setArrow };\n}\n\ninterface UsePositioningOptions extends PositioningProps, Pick<PositioningOptions, 'fallbackPositions' | 'pinned'> {\n  /**\n   * If false, does not position anything\n   */\n  enabled?: boolean;\n}\n\nfunction usePositioningOptions(options: PositioningOptions) {\n  const {\n    align,\n    arrowPadding,\n    autoSize,\n    coverTarget,\n    flipBoundary,\n    offset,\n    overflowBoundary,\n    pinned,\n    position,\n    unstable_disableTether: disableTether,\n    positionFixed,\n    overflowBoundaryPadding,\n    fallbackPositions,\n  } = options;\n\n  const { dir } = useFluent();\n  const isRtl = dir === 'rtl';\n  const strategy: Strategy = positionFixed ? 'fixed' : 'absolute';\n\n  return React.useCallback(\n    (container: HTMLElement | null, arrow: HTMLElement | null) => {\n      const hasScrollableElement = hasScrollParent(container);\n\n      const middleware = [\n        offset && offsetMiddleware(offset),\n        coverTarget && coverTargetMiddleware(),\n        !pinned && flipMiddleware({ container, flipBoundary, hasScrollableElement, isRtl, fallbackPositions }),\n        shiftMiddleware({\n          container,\n          hasScrollableElement,\n          overflowBoundary,\n          disableTether,\n          overflowBoundaryPadding,\n          isRtl,\n        }),\n        autoSize && maxSizeMiddleware(autoSize, { container, overflowBoundary }),\n        intersectingMiddleware(),\n        arrow && arrowMiddleware({ element: arrow, padding: arrowPadding }),\n        hideMiddleware({ strategy: 'referenceHidden' }),\n        hideMiddleware({ strategy: 'escaped' }),\n      ].filter(Boolean) as Middleware[];\n\n      const placement = toFloatingUIPlacement(align, position, isRtl);\n\n      return {\n        placement,\n        middleware,\n        strategy,\n      };\n    },\n    [\n      align,\n      arrowPadding,\n      autoSize,\n      coverTarget,\n      disableTether,\n      flipBoundary,\n      isRtl,\n      offset,\n      overflowBoundary,\n      pinned,\n      position,\n      strategy,\n      overflowBoundaryPadding,\n      fallbackPositions,\n    ],\n  );\n}\n"],"mappings":"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"}

package/lib/usePositioningMouseTarget.js

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { createVirtualElementFromClick } from "./createVirtualElementFromClick";
+import * as React from 'react';
+import { createVirtualElementFromClick } from './createVirtualElementFromClick';
 /**
  * @internal
  * A state hook that manages a popper virtual element from mouseevents.
@@ -22,9 +22,9 @@ export const usePositioningMouseTarget = initialState => {
     } else {
       mouseevent = event;
     }
-    if (!(mouseevent instanceof MouseEvent) && process.env.NODE_ENV !== "production") {
+    if (!(mouseevent instanceof MouseEvent) && process.env.NODE_ENV !== 'production') {
       // eslint-disable-next-line no-console
-      console.error("usePositioningMouseTarget should only be used with MouseEvent");
+      console.error('usePositioningMouseTarget should only be used with MouseEvent');
     }
     const contextTarget = createVirtualElementFromClick(mouseevent);
     setVirtualElement(contextTarget);

package/lib/utils/fromFloatingUIPlacement.js

@@ -1,22 +1,22 @@
-import { parseFloatingUIPlacement } from "./parseFloatingUIPlacement";
+import { parseFloatingUIPlacement } from './parseFloatingUIPlacement';
 const getPositionMap = () => ({
-  top: "above",
-  bottom: "below",
-  right: "after",
-  left: "before"
+  top: 'above',
+  bottom: 'below',
+  right: 'after',
+  left: 'before'
 });
 // Floating UI automatically flips alignment
 // https://github.com/floating-ui/floating-ui/issues/1563
 const getAlignmentMap = position => {
-  if (position === "above" || position === "below") {
+  if (position === 'above' || position === 'below') {
     return {
-      start: "start",
-      end: "end"
+      start: 'start',
+      end: 'end'
     };
   }
   return {
-    start: "top",
-    end: "bottom"
+    start: 'top',
+    end: 'bottom'
   };
 };
 /**

package/lib/utils/getBoundary.js

@@ -1,18 +1,18 @@
-import { getScrollParent } from "./getScrollParent";
+import { getScrollParent } from './getScrollParent';
 /**
  * Allows to mimic a behavior from V1 of Popper and accept `window` and `scrollParent` as strings.
  */
 export function getBoundary(element, boundary) {
-  if (boundary === "window") {
-    return element?.ownerDocument.documentElement;
+  if (boundary === 'window') {
+    return element === null || element === void 0 ? void 0 : element.ownerDocument.documentElement;
   }
-  if (boundary === "clippingParents") {
-    return "clippingAncestors";
+  if (boundary === 'clippingParents') {
+    return 'clippingAncestors';
   }
-  if (boundary === "scrollParent") {
+  if (boundary === 'scrollParent') {
     let boundariesNode = getScrollParent(element);
-    if (boundariesNode.nodeName === "BODY") {
-      boundariesNode = element?.ownerDocument.documentElement;
+    if (boundariesNode.nodeName === 'BODY') {
+      boundariesNode = element === null || element === void 0 ? void 0 : element.ownerDocument.documentElement;
     }
     return boundariesNode;
   }

package/lib/utils/getBoundary.js.map

@@ -1 +1 @@
-{"version":3,"names":["getScrollParent","getBoundary","element","boundary","ownerDocument","documentElement","boundariesNode","nodeName"],"sources":["../../src/utils/getBoundary.ts"],"sourcesContent":["import type { Boundary as FloatingUIBoundary } from '@floating-ui/dom';\n\nimport { getScrollParent } from './getScrollParent';\nimport type { Boundary } from '../types';\n\n/**\n * Allows to mimic a behavior from V1 of Popper and accept `window` and `scrollParent` as strings.\n */\nexport function getBoundary(element: HTMLElement | null, boundary?: Boundary): FloatingUIBoundary | undefined {\n  if (boundary === 'window') {\n    return element?.ownerDocument!.documentElement;\n  }\n\n  if (boundary === 'clippingParents') {\n    return 'clippingAncestors';\n  }\n\n  if (boundary === 'scrollParent') {\n    let boundariesNode: HTMLElement | undefined = getScrollParent(element);\n\n    if (boundariesNode.nodeName === 'BODY') {\n      boundariesNode = element?.ownerDocument!.documentElement;\n    }\n\n    return boundariesNode;\n  }\n\n  return boundary;\n}\n"],"mappings":"AAEA,SAASA,eAAe,QAAQ;AAGhC;;;AAGA,OAAO,SAASC,YAAYC,OAA2B,EAAEC,QAAmB,EAAkC;EAC5G,IAAIA,QAAA,KAAa,UAAU;IACzB,OAAOD,OAAA,EAASE,aAAA,CAAeC,eAAe;EAChD;EAEA,IAAIF,QAAA,KAAa,mBAAmB;IAClC,OAAO;EACT;EAEA,IAAIA,QAAA,KAAa,gBAAgB;IAC/B,IAAIG,cAAA,GAA0CN,eAAA,CAAgBE,OAAA;IAE9D,IAAII,cAAA,CAAeC,QAAQ,KAAK,QAAQ;MACtCD,cAAA,GAAiBJ,OAAA,EAASE,aAAA,CAAeC,eAAe;IAC1D;IAEA,OAAOC,cAAA;EACT;EAEA,OAAOH,QAAA;AACT"}
+{"version":3,"names":["getScrollParent","getBoundary","element","boundary","ownerDocument","documentElement","boundariesNode","nodeName"],"sources":["../../src/utils/getBoundary.ts"],"sourcesContent":["import type { Boundary as FloatingUIBoundary } from '@floating-ui/dom';\n\nimport { getScrollParent } from './getScrollParent';\nimport type { Boundary } from '../types';\n\n/**\n * Allows to mimic a behavior from V1 of Popper and accept `window` and `scrollParent` as strings.\n */\nexport function getBoundary(element: HTMLElement | null, boundary?: Boundary): FloatingUIBoundary | undefined {\n  if (boundary === 'window') {\n    return element?.ownerDocument!.documentElement;\n  }\n\n  if (boundary === 'clippingParents') {\n    return 'clippingAncestors';\n  }\n\n  if (boundary === 'scrollParent') {\n    let boundariesNode: HTMLElement | undefined = getScrollParent(element);\n\n    if (boundariesNode.nodeName === 'BODY') {\n      boundariesNode = element?.ownerDocument!.documentElement;\n    }\n\n    return boundariesNode;\n  }\n\n  return boundary;\n}\n"],"mappings":"AAEA,SAASA,eAAe,QAAQ;AAGhC;;;AAGA,OAAO,SAASC,YAAYC,OAA2B,EAAEC,QAAmB,EAAkC;EAC5G,IAAIA,QAAA,KAAa,UAAU;IACzB,OAAOD,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAASE,aAAa,CAAEC,eAAe;EAChD;EAEA,IAAIF,QAAA,KAAa,mBAAmB;IAClC,OAAO;EACT;EAEA,IAAIA,QAAA,KAAa,gBAAgB;IAC/B,IAAIG,cAAA,GAA0CN,eAAA,CAAgBE,OAAA;IAE9D,IAAII,cAAA,CAAeC,QAAQ,KAAK,QAAQ;MACtCD,cAAA,GAAiBJ,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAASE,aAAa,CAAEC,eAAe;IAC1D;IAEA,OAAOC,cAAA;EACT;EAEA,OAAOH,QAAA;AACT"}

package/lib/utils/getFloatingUIOffset.js

@@ -1,4 +1,4 @@
-import { fromFloatingUIPlacement } from "./fromFloatingUIPlacement";
+import { fromFloatingUIPlacement } from './fromFloatingUIPlacement';
 /**
  * Shim to transform offset values from this library to Floating UI
  * @param rawOffset Offset from this library
@@ -8,7 +8,7 @@ export function getFloatingUIOffset(rawOffset) {
   if (!rawOffset) {
     return rawOffset;
   }
-  if (typeof rawOffset === "number" || typeof rawOffset === "object") {
+  if (typeof rawOffset === 'number' || typeof rawOffset === 'object') {
     return rawOffset;
   }
   return ({

package/lib/utils/getReactFiberFromNode.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 var WorkTag;
 (function (WorkTag) {
   WorkTag[WorkTag["FunctionComponent"] = 0] = "FunctionComponent";
@@ -32,12 +32,12 @@ export function getReactFiberFromNode(elm) {
     // React 16 uses "__reactInternalInstance$" prefix
     // React 17 uses "__reactFiber$" prefix
     // https://github.com/facebook/react/pull/18377
-    if (k.indexOf("__reactInternalInstance$") === 0 || k.indexOf("__reactFiber$") === 0) {
+    if (k.indexOf('__reactInternalInstance$') === 0 || k.indexOf('__reactFiber$') === 0) {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       return elm[k];
     }
   }
-  throw new Error("getReactFiber(): Failed to find a React Fiber on a node");
+  throw new Error('getReactFiber(): Failed to find a React Fiber on a node');
 }
 //# sourceMappingURL=getReactFiberFromNode.js.map

package/lib/utils/getScrollParent.js

@@ -3,7 +3,7 @@
  * @param node - DOM node.
  * @returns - parent DOM node.
  */export const getParentNode = node => {
-  if (node.nodeName === "HTML") {
+  if (node.nodeName === 'HTML') {
     return node;
   }
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -15,10 +15,11 @@
  * @returns - CSS styles.
  */
 const getStyleComputedProperty = node => {
+  var _node_ownerDocument;
   if (node.nodeType !== 1) {
     return {};
   }
-  const window = node.ownerDocument?.defaultView;
+  const window = (_node_ownerDocument = node.ownerDocument) === null || _node_ownerDocument === void 0 ? void 0 : _node_ownerDocument.defaultView;
   return window.getComputedStyle(node, null);
 };
 /**
@@ -32,10 +33,10 @@ export const getScrollParent = node => {
   // eslint-disable-next-line
   if (!parentNode) return document.body;
   switch (parentNode.nodeName) {
-    case "HTML":
-    case "BODY":
+    case 'HTML':
+    case 'BODY':
       return parentNode.ownerDocument.body;
-    case "#document":
+    case '#document':
       return parentNode.body;
   }
   // If any of the overflow props is defined for the node then we return it as the parent
@@ -50,7 +51,8 @@ export const getScrollParent = node => {
   return getScrollParent(parentNode);
 };
 export const hasScrollParent = node => {
+  var _scrollParentElement_ownerDocument;
   const scrollParentElement = getScrollParent(node);
-  return scrollParentElement ? scrollParentElement !== scrollParentElement.ownerDocument?.body : false;
+  return scrollParentElement ? scrollParentElement !== ((_scrollParentElement_ownerDocument = scrollParentElement.ownerDocument) === null || _scrollParentElement_ownerDocument === void 0 ? void 0 : _scrollParentElement_ownerDocument.body) : false;
 };
 //# sourceMappingURL=getScrollParent.js.map

package/lib/utils/getScrollParent.js.map

@@ -1 +1 @@
-{"version":3,"names":["getParentNode","node","nodeName","parentNode","host","getStyleComputedProperty","nodeType","window","ownerDocument","defaultView","getComputedStyle","getScrollParent","document","body","overflow","overflowX","overflowY","test","hasScrollParent","scrollParentElement"],"sources":["../../src/utils/getScrollParent.ts"],"sourcesContent":["/**\n * Returns the parent node or the host of the node argument.\n * @param node - DOM node.\n * @returns - parent DOM node.\n */\nexport const getParentNode = (node: HTMLElement): HTMLElement => {\n  if (node.nodeName === 'HTML') {\n    return node;\n  }\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return node.parentNode || (node as any).host;\n};\n\n/**\n * Returns CSS styles of the given node.\n * @param node - DOM node.\n * @returns - CSS styles.\n */\nconst getStyleComputedProperty = (node: HTMLElement): Partial<CSSStyleDeclaration> => {\n  if (node.nodeType !== 1) {\n    return {};\n  }\n\n  const window = node.ownerDocument?.defaultView;\n  return window!.getComputedStyle(node, null);\n};\n\n/**\n * Returns the first scrollable parent of the given element.\n * @param node - DOM node.\n * @returns - the first scrollable parent.\n */\nexport const getScrollParent = (node: Document | HTMLElement | null): HTMLElement => {\n  // Return body, `getScroll` will take care to get the correct `scrollTop` from it\n  const parentNode = node && getParentNode(node as HTMLElement);\n  // eslint-disable-next-line\n  if (!parentNode) return document.body;\n\n  switch (parentNode.nodeName) {\n    case 'HTML':\n    case 'BODY':\n      return parentNode.ownerDocument!.body;\n    case '#document':\n      return (parentNode as unknown as Document).body;\n  }\n\n  // If any of the overflow props is defined for the node then we return it as the parent\n  const { overflow, overflowX, overflowY } = getStyleComputedProperty(parentNode);\n  if (/(auto|scroll|overlay)/.test(overflow! + overflowY! + overflowX)) {\n    return parentNode;\n  }\n\n  return getScrollParent(parentNode);\n};\n\nexport const hasScrollParent = (node: Document | HTMLElement | null): boolean => {\n  const scrollParentElement: HTMLElement = getScrollParent(node);\n  return scrollParentElement ? scrollParentElement !== scrollParentElement.ownerDocument?.body : false;\n};\n"],"mappings":"AAAA;;;;GAKA,OAAO,MAAMA,aAAA,GAAiBC,IAAA,IAAmC;EAC/D,IAAIA,IAAA,CAAKC,QAAQ,KAAK,QAAQ;IAC5B,OAAOD,IAAA;EACT;EACA;EACA,OAAOA,IAAA,CAAKE,UAAU,IAAIF,IAAC,CAAaG,IAAI;AAC9C;AAEA;;;;;AAKA,MAAMC,wBAAA,GAA4BJ,IAAA,IAAoD;EACpF,IAAIA,IAAA,CAAKK,QAAQ,KAAK,GAAG;IACvB,OAAO,CAAC;EACV;EAEA,MAAMC,MAAA,GAASN,IAAA,CAAKO,aAAa,EAAEC,WAAA;EACnC,OAAOF,MAAA,CAAQG,gBAAgB,CAACT,IAAA,EAAM,IAAI;AAC5C;AAEA;;;;;AAKA,OAAO,MAAMU,eAAA,GAAmBV,IAAA,IAAqD;EACnF;EACA,MAAME,UAAA,GAAaF,IAAA,IAAQD,aAAA,CAAcC,IAAA;EACzC;EACA,IAAI,CAACE,UAAA,EAAY,OAAOS,QAAA,CAASC,IAAI;EAErC,QAAQV,UAAA,CAAWD,QAAQ;IACzB,KAAK;IACL,KAAK;MACH,OAAOC,UAAA,CAAWK,aAAa,CAAEK,IAAI;IACvC,KAAK;MACH,OAAOV,UAAC,CAAmCU,IAAI;EAAA;EAGnD;EACA,MAAM;IAAEC,QAAA;IAAUC,SAAA;IAAWC;EAAS,CAAE,GAAGX,wBAAA,CAAyBF,UAAA;EACpE,IAAI,wBAAwBc,IAAI,CAACH,QAAA,GAAYE,SAAA,GAAaD,SAAA,GAAY;IACpE,OAAOZ,UAAA;EACT;EAEA,OAAOQ,eAAA,CAAgBR,UAAA;AACzB;AAEA,OAAO,MAAMe,eAAA,GAAmBjB,IAAA,IAAiD;EAC/E,MAAMkB,mBAAA,GAAmCR,eAAA,CAAgBV,IAAA;EACzD,OAAOkB,mBAAA,GAAsBA,mBAAA,KAAwBA,mBAAA,CAAoBX,aAAa,EAAEK,IAAA,GAAO,KAAK;AACtG"}
+{"version":3,"names":["getParentNode","node","nodeName","parentNode","host","getStyleComputedProperty","_node_ownerDocument","nodeType","window","ownerDocument","defaultView","getComputedStyle","getScrollParent","document","body","overflow","overflowX","overflowY","test","hasScrollParent","_scrollParentElement_ownerDocument","scrollParentElement"],"sources":["../../src/utils/getScrollParent.ts"],"sourcesContent":["/**\n * Returns the parent node or the host of the node argument.\n * @param node - DOM node.\n * @returns - parent DOM node.\n */\nexport const getParentNode = (node: HTMLElement): HTMLElement => {\n  if (node.nodeName === 'HTML') {\n    return node;\n  }\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return node.parentNode || (node as any).host;\n};\n\n/**\n * Returns CSS styles of the given node.\n * @param node - DOM node.\n * @returns - CSS styles.\n */\nconst getStyleComputedProperty = (node: HTMLElement): Partial<CSSStyleDeclaration> => {\n  if (node.nodeType !== 1) {\n    return {};\n  }\n\n  const window = node.ownerDocument?.defaultView;\n  return window!.getComputedStyle(node, null);\n};\n\n/**\n * Returns the first scrollable parent of the given element.\n * @param node - DOM node.\n * @returns - the first scrollable parent.\n */\nexport const getScrollParent = (node: Document | HTMLElement | null): HTMLElement => {\n  // Return body, `getScroll` will take care to get the correct `scrollTop` from it\n  const parentNode = node && getParentNode(node as HTMLElement);\n  // eslint-disable-next-line\n  if (!parentNode) return document.body;\n\n  switch (parentNode.nodeName) {\n    case 'HTML':\n    case 'BODY':\n      return parentNode.ownerDocument!.body;\n    case '#document':\n      return (parentNode as unknown as Document).body;\n  }\n\n  // If any of the overflow props is defined for the node then we return it as the parent\n  const { overflow, overflowX, overflowY } = getStyleComputedProperty(parentNode);\n  if (/(auto|scroll|overlay)/.test(overflow! + overflowY! + overflowX)) {\n    return parentNode;\n  }\n\n  return getScrollParent(parentNode);\n};\n\nexport const hasScrollParent = (node: Document | HTMLElement | null): boolean => {\n  const scrollParentElement: HTMLElement = getScrollParent(node);\n  return scrollParentElement ? scrollParentElement !== scrollParentElement.ownerDocument?.body : false;\n};\n"],"mappings":"AAAA;;;;GAKA,OAAO,MAAMA,aAAA,GAAiBC,IAAA,IAAmC;EAC/D,IAAIA,IAAA,CAAKC,QAAQ,KAAK,QAAQ;IAC5B,OAAOD,IAAA;EACT;EACA;EACA,OAAOA,IAAA,CAAKE,UAAU,IAAIF,IAAC,CAAaG,IAAI;AAC9C;AAEA;;;;;AAKA,MAAMC,wBAAA,GAA4BJ,IAAA,IAAoD;MAKrEK,mBAAA;EAJf,IAAIL,IAAA,CAAKM,QAAQ,KAAK,GAAG;IACvB,OAAO,CAAC;EACV;EAEA,MAAMC,MAAA,GAAS,CAAAF,mBAAA,GAAAL,IAAA,CAAKQ,aAAa,cAAlBH,mBAAA,uBAAAA,mBAAA,CAAoBI,WAAW;EAC9C,OAAOF,MAAA,CAAQG,gBAAgB,CAACV,IAAA,EAAM,IAAI;AAC5C;AAEA;;;;;AAKA,OAAO,MAAMW,eAAA,GAAmBX,IAAA,IAAqD;EACnF;EACA,MAAME,UAAA,GAAaF,IAAA,IAAQD,aAAA,CAAcC,IAAA;EACzC;EACA,IAAI,CAACE,UAAA,EAAY,OAAOU,QAAA,CAASC,IAAI;EAErC,QAAQX,UAAA,CAAWD,QAAQ;IACzB,KAAK;IACL,KAAK;MACH,OAAOC,UAAA,CAAWM,aAAa,CAAEK,IAAI;IACvC,KAAK;MACH,OAAOX,UAAC,CAAmCW,IAAI;EAAA;EAGnD;EACA,MAAM;IAAEC,QAAA;IAAUC,SAAA;IAAWC;EAAS,CAAE,GAAGZ,wBAAA,CAAyBF,UAAA;EACpE,IAAI,wBAAwBe,IAAI,CAACH,QAAA,GAAYE,SAAA,GAAaD,SAAA,GAAY;IACpE,OAAOb,UAAA;EACT;EAEA,OAAOS,eAAA,CAAgBT,UAAA;AACzB;AAEA,OAAO,MAAMgB,eAAA,GAAmBlB,IAAA,IAAiD;MAE1BmB,kCAAA;EADrD,MAAMC,mBAAA,GAAmCT,eAAA,CAAgBX,IAAA;EACzD,OAAOoB,mBAAA,GAAsBA,mBAAA,MAAwB,CAAAD,kCAAA,GAAAC,mBAAA,CAAoBZ,aAAa,cAAjCW,kCAAA,uBAAAA,kCAAA,CAAmCN,IAAI,CAAD,GAAI,KAAK;AACtG"}

package/lib/utils/hasAutoFocusFilter.js

@@ -1,7 +1,7 @@
 //
 // Dev utils to detect if nodes have "autoFocus" props.
 //
-import { getReactFiberFromNode } from "./getReactFiberFromNode";
+import { getReactFiberFromNode } from './getReactFiberFromNode';
 /**
  * Detects if a passed HTML node has "autoFocus" prop on a React's fiber. Is needed as React handles autofocus behavior
  * in React DOM and will not pass "autoFocus" to an actual HTML.
@@ -10,9 +10,10 @@ import { getReactFiberFromNode } from "./getReactFiberFromNode";
  */
 function hasAutofocusProp(node) {
   // https://github.com/facebook/react/blob/848bb2426e44606e0a55dfe44c7b3ece33772485/packages/react-dom/src/client/ReactDOMHostConfig.js#L157-L166
-  const isAutoFocusableElement = node.nodeName === "BUTTON" || node.nodeName === "INPUT" || node.nodeName === "SELECT" || node.nodeName === "TEXTAREA";
+  const isAutoFocusableElement = node.nodeName === 'BUTTON' || node.nodeName === 'INPUT' || node.nodeName === 'SELECT' || node.nodeName === 'TEXTAREA';
   if (isAutoFocusableElement) {
-    return !!getReactFiberFromNode(node)?.pendingProps.autoFocus;
+    var _getReactFiberFromNode;
+    return !!((_getReactFiberFromNode = getReactFiberFromNode(node)) === null || _getReactFiberFromNode === void 0 ? void 0 : _getReactFiberFromNode.pendingProps.autoFocus);
   }
   return false;
 }

package/lib/utils/hasAutoFocusFilter.js.map

@@ -1 +1 @@
-{"version":3,"names":["getReactFiberFromNode","hasAutofocusProp","node","isAutoFocusableElement","nodeName","pendingProps","autoFocus","hasAutofocusFilter","NodeFilter","FILTER_ACCEPT","FILTER_SKIP"],"sources":["../../src/utils/hasAutoFocusFilter.ts"],"sourcesContent":["//\n// Dev utils to detect if nodes have \"autoFocus\" props.\n//\n\nimport { getReactFiberFromNode } from './getReactFiberFromNode';\n\n/**\n * Detects if a passed HTML node has \"autoFocus\" prop on a React's fiber. Is needed as React handles autofocus behavior\n * in React DOM and will not pass \"autoFocus\" to an actual HTML.\n *\n * @param node\n */\nfunction hasAutofocusProp(node: Node): boolean {\n  // https://github.com/facebook/react/blob/848bb2426e44606e0a55dfe44c7b3ece33772485/packages/react-dom/src/client/ReactDOMHostConfig.js#L157-L166\n  const isAutoFocusableElement =\n    node.nodeName === 'BUTTON' ||\n    node.nodeName === 'INPUT' ||\n    node.nodeName === 'SELECT' ||\n    node.nodeName === 'TEXTAREA';\n\n  if (isAutoFocusableElement) {\n    return !!getReactFiberFromNode(node)?.pendingProps.autoFocus;\n  }\n\n  return false;\n}\n\nexport function hasAutofocusFilter(node: Node) {\n  return hasAutofocusProp(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n}\n"],"mappings":"AAAA;AACA;AACA;AAEA,SAASA,qBAAqB,QAAQ;AAEtC;;;;;;AAMA,SAASC,iBAAiBC,IAAU,EAAW;EAC7C;EACA,MAAMC,sBAAA,GACJD,IAAA,CAAKE,QAAQ,KAAK,YAClBF,IAAA,CAAKE,QAAQ,KAAK,WAClBF,IAAA,CAAKE,QAAQ,KAAK,YAClBF,IAAA,CAAKE,QAAQ,KAAK;EAEpB,IAAID,sBAAA,EAAwB;IAC1B,OAAO,CAAC,CAACH,qBAAA,CAAsBE,IAAA,GAAOG,YAAA,CAAaC,SAAS;EAC9D;EAEA,OAAO,KAAK;AACd;AAEA,OAAO,SAASC,mBAAmBL,IAAU,EAAE;EAC7C,OAAOD,gBAAA,CAAiBC,IAAA,IAAQM,UAAA,CAAWC,aAAa,GAAGD,UAAA,CAAWE,WAAW;AACnF"}
+{"version":3,"names":["getReactFiberFromNode","hasAutofocusProp","node","isAutoFocusableElement","nodeName","_getReactFiberFromNode","pendingProps","autoFocus","hasAutofocusFilter","NodeFilter","FILTER_ACCEPT","FILTER_SKIP"],"sources":["../../src/utils/hasAutoFocusFilter.ts"],"sourcesContent":["//\n// Dev utils to detect if nodes have \"autoFocus\" props.\n//\n\nimport { getReactFiberFromNode } from './getReactFiberFromNode';\n\n/**\n * Detects if a passed HTML node has \"autoFocus\" prop on a React's fiber. Is needed as React handles autofocus behavior\n * in React DOM and will not pass \"autoFocus\" to an actual HTML.\n *\n * @param node\n */\nfunction hasAutofocusProp(node: Node): boolean {\n  // https://github.com/facebook/react/blob/848bb2426e44606e0a55dfe44c7b3ece33772485/packages/react-dom/src/client/ReactDOMHostConfig.js#L157-L166\n  const isAutoFocusableElement =\n    node.nodeName === 'BUTTON' ||\n    node.nodeName === 'INPUT' ||\n    node.nodeName === 'SELECT' ||\n    node.nodeName === 'TEXTAREA';\n\n  if (isAutoFocusableElement) {\n    return !!getReactFiberFromNode(node)?.pendingProps.autoFocus;\n  }\n\n  return false;\n}\n\nexport function hasAutofocusFilter(node: Node) {\n  return hasAutofocusProp(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n}\n"],"mappings":"AAAA;AACA;AACA;AAEA,SAASA,qBAAqB,QAAQ;AAEtC;;;;;;AAMA,SAASC,iBAAiBC,IAAU,EAAW;EAC7C;EACA,MAAMC,sBAAA,GACJD,IAAA,CAAKE,QAAQ,KAAK,YAClBF,IAAA,CAAKE,QAAQ,KAAK,WAClBF,IAAA,CAAKE,QAAQ,KAAK,YAClBF,IAAA,CAAKE,QAAQ,KAAK;EAEpB,IAAID,sBAAA,EAAwB;QACjBE,sBAAA;IAAT,OAAO,CAAC,EAAC,CAAAA,sBAAA,GAAAL,qBAAA,CAAsBE,IAAA,eAAtBG,sBAAA,uBAAAA,sBAAA,CAA6BC,YAAA,CAAaC,SAAS;EAC9D;EAEA,OAAO,KAAK;AACd;AAEA,OAAO,SAASC,mBAAmBN,IAAU,EAAE;EAC7C,OAAOD,gBAAA,CAAiBC,IAAA,IAAQO,UAAA,CAAWC,aAAa,GAAGD,UAAA,CAAWE,WAAW;AACnF"}

package/lib/utils/index.js

@@ -1,16 +1,16 @@
-export * from "./parseFloatingUIPlacement";
-export * from "./getBoundary";
-export * from "./getReactFiberFromNode";
-export * from "./getScrollParent";
-export * from "./mergeArrowOffset";
-export * from "./toFloatingUIPadding";
-export * from "./toFloatingUIPlacement";
-export * from "./fromFloatingUIPlacement";
-export * from "./resolvePositioningShorthand";
-export * from "./useCallbackRef";
-export * from "./debounce";
-export * from "./toggleScrollListener";
-export * from "./hasAutoFocusFilter";
-export * from "./writeArrowUpdates";
-export * from "./writeContainerupdates";
+export * from './parseFloatingUIPlacement';
+export * from './getBoundary';
+export * from './getReactFiberFromNode';
+export * from './getScrollParent';
+export * from './mergeArrowOffset';
+export * from './toFloatingUIPadding';
+export * from './toFloatingUIPlacement';
+export * from './fromFloatingUIPlacement';
+export * from './resolvePositioningShorthand';
+export * from './useCallbackRef';
+export * from './debounce';
+export * from './toggleScrollListener';
+export * from './hasAutoFocusFilter';
+export * from './writeArrowUpdates';
+export * from './writeContainerupdates';
 //# sourceMappingURL=index.js.map

package/lib/utils/mergeArrowOffset.js

@@ -7,13 +7,13 @@
  * @param arrowHeight - The height of the arrow in px
  * @returns User offset augmented with arrow height
  */export function mergeArrowOffset(userOffset, arrowHeight) {
-  if (typeof userOffset === "number") {
+  if (typeof userOffset === 'number') {
     return addArrowOffset(userOffset, arrowHeight);
   }
-  if (typeof userOffset === "object" && userOffset !== null) {
+  if (typeof userOffset === 'object' && userOffset !== null) {
     return addArrowOffset(userOffset, arrowHeight);
   }
-  if (typeof userOffset === "function") {
+  if (typeof userOffset === 'function') {
     return offsetParams => {
       const offset = userOffset(offsetParams);
       return addArrowOffset(offset, arrowHeight);
@@ -24,14 +24,15 @@
   };
 }
 const addArrowOffset = (offset, arrowHeight) => {
-  if (typeof offset === "number") {
+  if (typeof offset === 'number') {
     return {
       mainAxis: offset + arrowHeight
     };
   }
+  var _offset_mainAxis;
   return {
     ...offset,
-    mainAxis: (offset.mainAxis ?? 0) + arrowHeight
+    mainAxis: ((_offset_mainAxis = offset.mainAxis) !== null && _offset_mainAxis !== void 0 ? _offset_mainAxis : 0) + arrowHeight
   };
 };
 //# sourceMappingURL=mergeArrowOffset.js.map

package/lib/utils/mergeArrowOffset.js.map

@@ -1 +1 @@
-{"version":3,"names":["mergeArrowOffset","userOffset","arrowHeight","addArrowOffset","offsetParams","offset","mainAxis"],"sources":["../../src/utils/mergeArrowOffset.ts"],"sourcesContent":["import type { Offset, OffsetObject } from '../types';\n\n/**\n * Generally when adding an arrow to popper, it's necessary to offset the position of the popper by the\n * height of the arrow. A simple utility to merge a provided offset with an arrow height to return the final offset\n *\n * @internal\n * @param userOffset - The offset provided by the user\n * @param arrowHeight - The height of the arrow in px\n * @returns User offset augmented with arrow height\n */\nexport function mergeArrowOffset(userOffset: Offset | undefined | null, arrowHeight: number): Offset {\n  if (typeof userOffset === 'number') {\n    return addArrowOffset(userOffset, arrowHeight);\n  }\n\n  if (typeof userOffset === 'object' && userOffset !== null) {\n    return addArrowOffset(userOffset, arrowHeight);\n  }\n\n  if (typeof userOffset === 'function') {\n    return offsetParams => {\n      const offset = userOffset(offsetParams);\n      return addArrowOffset(offset, arrowHeight);\n    };\n  }\n\n  return { mainAxis: arrowHeight };\n}\n\nconst addArrowOffset = (offset: OffsetObject | number, arrowHeight: number): OffsetObject => {\n  if (typeof offset === 'number') {\n    return { mainAxis: offset + arrowHeight };\n  }\n\n  return { ...offset, mainAxis: (offset.mainAxis ?? 0) + arrowHeight };\n};\n"],"mappings":"AAEA;;;;;;;;GASA,OAAO,SAASA,iBAAiBC,UAAqC,EAAEC,WAAmB,EAAU;EACnG,IAAI,OAAOD,UAAA,KAAe,UAAU;IAClC,OAAOE,cAAA,CAAeF,UAAA,EAAYC,WAAA;EACpC;EAEA,IAAI,OAAOD,UAAA,KAAe,YAAYA,UAAA,KAAe,IAAI,EAAE;IACzD,OAAOE,cAAA,CAAeF,UAAA,EAAYC,WAAA;EACpC;EAEA,IAAI,OAAOD,UAAA,KAAe,YAAY;IACpC,OAAOG,YAAA,IAAgB;MACrB,MAAMC,MAAA,GAASJ,UAAA,CAAWG,YAAA;MAC1B,OAAOD,cAAA,CAAeE,MAAA,EAAQH,WAAA;IAChC;EACF;EAEA,OAAO;IAAEI,QAAA,EAAUJ;EAAY;AACjC;AAEA,MAAMC,cAAA,GAAiBA,CAACE,MAAA,EAA+BH,WAAA,KAAsC;EAC3F,IAAI,OAAOG,MAAA,KAAW,UAAU;IAC9B,OAAO;MAAEC,QAAA,EAAUD,MAAA,GAASH;IAAY;EAC1C;EAEA,OAAO;IAAE,GAAGG,MAAM;IAAEC,QAAA,EAAU,CAACD,MAAA,CAAOC,QAAQ,IAAI,KAAKJ;EAAY;AACrE"}
+{"version":3,"names":["mergeArrowOffset","userOffset","arrowHeight","addArrowOffset","offsetParams","offset","mainAxis","_offset_mainAxis"],"sources":["../../src/utils/mergeArrowOffset.ts"],"sourcesContent":["import type { Offset, OffsetObject } from '../types';\n\n/**\n * Generally when adding an arrow to popper, it's necessary to offset the position of the popper by the\n * height of the arrow. A simple utility to merge a provided offset with an arrow height to return the final offset\n *\n * @internal\n * @param userOffset - The offset provided by the user\n * @param arrowHeight - The height of the arrow in px\n * @returns User offset augmented with arrow height\n */\nexport function mergeArrowOffset(userOffset: Offset | undefined | null, arrowHeight: number): Offset {\n  if (typeof userOffset === 'number') {\n    return addArrowOffset(userOffset, arrowHeight);\n  }\n\n  if (typeof userOffset === 'object' && userOffset !== null) {\n    return addArrowOffset(userOffset, arrowHeight);\n  }\n\n  if (typeof userOffset === 'function') {\n    return offsetParams => {\n      const offset = userOffset(offsetParams);\n      return addArrowOffset(offset, arrowHeight);\n    };\n  }\n\n  return { mainAxis: arrowHeight };\n}\n\nconst addArrowOffset = (offset: OffsetObject | number, arrowHeight: number): OffsetObject => {\n  if (typeof offset === 'number') {\n    return { mainAxis: offset + arrowHeight };\n  }\n\n  return { ...offset, mainAxis: (offset.mainAxis ?? 0) + arrowHeight };\n};\n"],"mappings":"AAEA;;;;;;;;GASA,OAAO,SAASA,iBAAiBC,UAAqC,EAAEC,WAAmB,EAAU;EACnG,IAAI,OAAOD,UAAA,KAAe,UAAU;IAClC,OAAOE,cAAA,CAAeF,UAAA,EAAYC,WAAA;EACpC;EAEA,IAAI,OAAOD,UAAA,KAAe,YAAYA,UAAA,KAAe,IAAI,EAAE;IACzD,OAAOE,cAAA,CAAeF,UAAA,EAAYC,WAAA;EACpC;EAEA,IAAI,OAAOD,UAAA,KAAe,YAAY;IACpC,OAAOG,YAAA,IAAgB;MACrB,MAAMC,MAAA,GAASJ,UAAA,CAAWG,YAAA;MAC1B,OAAOD,cAAA,CAAeE,MAAA,EAAQH,WAAA;IAChC;EACF;EAEA,OAAO;IAAEI,QAAA,EAAUJ;EAAY;AACjC;AAEA,MAAMC,cAAA,GAAiBA,CAACE,MAAA,EAA+BH,WAAA,KAAsC;EAC3F,IAAI,OAAOG,MAAA,KAAW,UAAU;IAC9B,OAAO;MAAEC,QAAA,EAAUD,MAAA,GAASH;IAAY;EAC1C;MAE+BK,gBAAA;EAA/B,OAAO;IAAE,GAAGF,MAAM;IAAEC,QAAA,EAAU,CAAC,CAAAC,gBAAA,GAAAF,MAAA,CAAOC,QAAQ,cAAfC,gBAAA,cAAAA,gBAAA,GAAmB,CAAC,IAAIL;EAAY;AACrE"}

package/lib/utils/parseFloatingUIPlacement.js

@@ -4,7 +4,7 @@
  *
  * @returns side and alignment components of the placement
  */export function parseFloatingUIPlacement(placement) {
-  const tokens = placement.split("-");
+  const tokens = placement.split('-');
   return {
     side: tokens[0],
     alignment: tokens[1]

package/lib/utils/resolvePositioningShorthand.js

@@ -1,59 +1,59 @@
 // Look up table for shorthand to avoid parsing strings
 const shorthandLookup = {
   above: {
-    position: "above",
-    align: "center"
+    position: 'above',
+    align: 'center'
   },
-  "above-start": {
-    position: "above",
-    align: "start"
+  'above-start': {
+    position: 'above',
+    align: 'start'
   },
-  "above-end": {
-    position: "above",
-    align: "end"
+  'above-end': {
+    position: 'above',
+    align: 'end'
   },
   below: {
-    position: "below",
-    align: "center"
+    position: 'below',
+    align: 'center'
   },
-  "below-start": {
-    position: "below",
-    align: "start"
+  'below-start': {
+    position: 'below',
+    align: 'start'
   },
-  "below-end": {
-    position: "below",
-    align: "end"
+  'below-end': {
+    position: 'below',
+    align: 'end'
   },
   before: {
-    position: "before",
-    align: "center"
+    position: 'before',
+    align: 'center'
   },
-  "before-top": {
-    position: "before",
-    align: "top"
+  'before-top': {
+    position: 'before',
+    align: 'top'
   },
-  "before-bottom": {
-    position: "before",
-    align: "bottom"
+  'before-bottom': {
+    position: 'before',
+    align: 'bottom'
   },
   after: {
-    position: "after",
-    align: "center"
+    position: 'after',
+    align: 'center'
   },
-  "after-top": {
-    position: "after",
-    align: "top"
+  'after-top': {
+    position: 'after',
+    align: 'top'
   },
-  "after-bottom": {
-    position: "after",
-    align: "bottom"
+  'after-bottom': {
+    position: 'after',
+    align: 'bottom'
   }
 };
 export function resolvePositioningShorthand(shorthand) {
   if (shorthand === undefined || shorthand === null) {
     return {};
   }
-  if (typeof shorthand === "string") {
+  if (typeof shorthand === 'string') {
     return shorthandLookup[shorthand];
   }
   return shorthand;