@fluentui/react-positioning 9.0.0-rc.3 → 9.0.0-rc.4

package/CHANGELOG.json

@@ -2,7 +2,34 @@
   "name": "@fluentui/react-positioning",
   "entries": [
     {
-      "date": "Fri, 18 Feb 2022 13:33:48 GMT",
+      "date": "Tue, 01 Mar 2022 02:16:11 GMT",
+      "tag": "@fluentui/react-positioning_v9.0.0-rc.4",
+      "version": "9.0.0-rc.4",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "def76fff08777fcd5492f47824b943bab22d4515",
+            "comment": "feat: add isIntersectingModifier to usePopper"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "084d7408855f3e52b67cbca172da1acef9dcb98f",
+            "comment": "fix: Add react-theme as dependency"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.4",
+            "commit": "0bc1e755543ed69443d5d03e1976c630583242f7"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 18 Feb 2022 13:35:33 GMT",
       "tag": "@fluentui/react-positioning_v9.0.0-rc.3",
       "version": "9.0.0-rc.3",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,23 @@
 # Change Log - @fluentui/react-positioning
 
-This log was last generated on Fri, 18 Feb 2022 13:33:48 GMT and should not be manually modified.
+This log was last generated on Tue, 01 Mar 2022 02:16:11 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-rc.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-rc.4)
+
+Tue, 01 Mar 2022 02:16:11 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-rc.3..@fluentui/react-positioning_v9.0.0-rc.4)
+
+### Changes
+
+- feat: add isIntersectingModifier to usePopper ([PR #21855](https://github.com/microsoft/fluentui/pull/21855) by olfedias@microsoft.com)
+- fix: Add react-theme as dependency ([PR #21825](https://github.com/microsoft/fluentui/pull/21825) by olfedias@microsoft.com)
+- Bump @fluentui/react-utilities to v9.0.0-rc.4 ([PR #21884](https://github.com/microsoft/fluentui/pull/21884) by beachball)
+
 ## [9.0.0-rc.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-rc.3)
 
-Fri, 18 Feb 2022 13:33:48 GMT 
+Fri, 18 Feb 2022 13:35:33 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-rc.1..@fluentui/react-positioning_v9.0.0-rc.3)
 
 ### Changes

package/lib/isIntersectingModifier.d.ts

@@ -0,0 +1,4 @@
+import { Modifier } from '@popperjs/core';
+export declare const isIntersectingModifier: IsIntersectingModifier;
+declare type IsIntersectingModifier = Modifier<'is-intersecting-modifier', never>;
+export {};

package/lib/isIntersectingModifier.js

@@ -0,0 +1,26 @@
+import { detectOverflow } from '@popperjs/core';
+export const isIntersectingModifier = {
+  name: 'is-intersecting-modifier',
+  enabled: true,
+  phase: 'main',
+  requires: ['preventOverflow'],
+  fn: ({
+    state,
+    name
+  }) => {
+    const popperRect = state.rects.popper;
+    const popperAltOverflow = detectOverflow(state, {
+      altBoundary: true
+    });
+    const isIntersectingTop = popperAltOverflow.top < popperRect.height && popperAltOverflow.top > 0;
+    const isIntersectingBottom = popperAltOverflow.bottom < popperRect.height && popperAltOverflow.bottom > 0;
+    const isIntersecting = isIntersectingTop || isIntersectingBottom;
+    state.modifiersData[name] = {
+      isIntersecting
+    };
+    state.attributes.popper = { ...state.attributes.popper,
+      'data-popper-is-intersecting': isIntersecting
+    };
+  }
+};
+//# sourceMappingURL=isIntersectingModifier.js.map

package/lib/isIntersectingModifier.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["isIntersectingModifier.ts"],"names":[],"mappings":"AAAA,SAAS,cAAT,QAAyC,gBAAzC;AAEA,OAAO,MAAM,sBAAsB,GAA2B;AAC5D,EAAA,IAAI,EAAE,0BADsD;AAE5D,EAAA,OAAO,EAAE,IAFmD;AAG5D,EAAA,KAAK,EAAE,MAHqD;AAI5D,EAAA,QAAQ,EAAE,CAAC,iBAAD,CAJkD;AAK5D,EAAA,EAAE,EAAE,CAAC;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,GAAD,KAAoB;AACtB,UAAM,UAAU,GAAG,KAAK,CAAC,KAAN,CAAY,MAA/B;AACA,UAAM,iBAAiB,GAAG,cAAc,CAAC,KAAD,EAAQ;AAAE,MAAA,WAAW,EAAE;AAAf,KAAR,CAAxC;AAEA,UAAM,iBAAiB,GAAG,iBAAiB,CAAC,GAAlB,GAAwB,UAAU,CAAC,MAAnC,IAA6C,iBAAiB,CAAC,GAAlB,GAAwB,CAA/F;AACA,UAAM,oBAAoB,GAAG,iBAAiB,CAAC,MAAlB,GAA2B,UAAU,CAAC,MAAtC,IAAgD,iBAAiB,CAAC,MAAlB,GAA2B,CAAxG;AAEA,UAAM,cAAc,GAAG,iBAAiB,IAAI,oBAA5C;AAEA,IAAA,KAAK,CAAC,aAAN,CAAoB,IAApB,IAA4B;AAC1B,MAAA;AAD0B,KAA5B;AAGA,IAAA,KAAK,CAAC,UAAN,CAAiB,MAAjB,GAA0B,EACxB,GAAG,KAAK,CAAC,UAAN,CAAiB,MADI;AAExB,qCAA+B;AAFP,KAA1B;AAID;AArB2D,CAAvD","sourcesContent":["import { detectOverflow, Modifier } from '@popperjs/core';\n\nexport const isIntersectingModifier: IsIntersectingModifier = {\n  name: 'is-intersecting-modifier',\n  enabled: true,\n  phase: 'main',\n  requires: ['preventOverflow'],\n  fn: ({ state, name }) => {\n    const popperRect = state.rects.popper;\n    const popperAltOverflow = detectOverflow(state, { altBoundary: true });\n\n    const isIntersectingTop = popperAltOverflow.top < popperRect.height && popperAltOverflow.top > 0;\n    const isIntersectingBottom = popperAltOverflow.bottom < popperRect.height && popperAltOverflow.bottom > 0;\n\n    const isIntersecting = isIntersectingTop || isIntersectingBottom;\n\n    state.modifiersData[name] = {\n      isIntersecting,\n    };\n    state.attributes.popper = {\n      ...state.attributes.popper,\n      'data-popper-is-intersecting': isIntersecting,\n    };\n  },\n};\n\ntype IsIntersectingModifier = Modifier<'is-intersecting-modifier', never>;\n"],"sourceRoot":"../src/"}

package/lib/usePopper.js

@@ -2,6 +2,7 @@ import { useEventCallback, useIsomorphicLayoutEffect, useFirstMount, canUseDOM }
 import { useFluent } from '@fluentui/react-shared-contexts';
 import * as PopperJs from '@popperjs/core';
 import * as React from 'react';
+import { isIntersectingModifier } from './isIntersectingModifier';
 import { getScrollParent, applyRtlToOffset, getPlacement, getReactFiberFromNode, getBoundary, useCallbackRef, getBasePlacement } from './utils/index'; //
 // Dev utils to detect if nodes have "autoFocus" props.
 //
@@ -65,7 +66,7 @@ function usePopperOptions(options, popperOriginalPositionRef) {
 
     const scrollParentElement = getScrollParent(container);
     const hasScrollableElement = scrollParentElement ? scrollParentElement !== ((_a = scrollParentElement.ownerDocument) === null || _a === void 0 ? void 0 : _a.body) : false;
-    const modifiers = [
+    const modifiers = [isIntersectingModifier,
     /**
      * We are setting the position to `fixed` in the first effect to prevent scroll jumps in case of the content
      * with managed focus. Modifier sets the position to `fixed` before all other modifier effects. Another part of

package/lib/usePopper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePopper.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEventCallback, useIsomorphicLayoutEffect, useFirstMount, canUseDOM } from '@fluentui/react-utilities';\nimport { useFluent } from '@fluentui/react-shared-contexts';\nimport * as PopperJs from '@popperjs/core';\nimport * as React from 'react';\n\nimport {\n  getScrollParent,\n  applyRtlToOffset,\n  getPlacement,\n  getReactFiberFromNode,\n  getBoundary,\n  useCallbackRef,\n  getBasePlacement,\n} from './utils/index';\nimport type { PopperVirtualElement, PopperOptions, PositioningProps } from './types';\n\ntype PopperInstance = PopperJs.Instance & { isFirstRun?: boolean };\n\ninterface UsePopperOptions extends PositioningProps {\n  /**\n   * If false, delays Popper's creation.\n   * @default true\n   */\n  enabled?: boolean;\n}\n\n//\n// Dev utils to detect if nodes have \"autoFocus\" props.\n//\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 */\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\nfunction hasAutofocusFilter(node: Node) {\n  return hasAutofocusProp(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n}\n\n/**\n * Provides a callback to resolve Popper options, it's stable and should be used as a dependency to trigger updates\n * of Popper options.\n *\n * A callback is used there intentionally as some of Popper.js modifiers require DOM nodes (targer, container, arrow)\n * that can't be resolved properly during an initial rendering.\n */\nfunction usePopperOptions(options: PopperOptions, popperOriginalPositionRef: React.MutableRefObject<string>) {\n  const {\n    align,\n    arrowPadding,\n    autoSize,\n    coverTarget,\n    flipBoundary,\n    offset,\n    overflowBoundary,\n    pinned,\n    position,\n    positionFixed,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    unstable_disableTether,\n  } = options;\n\n  const isRtl = useFluent().dir === 'rtl';\n  const placement = getPlacement(align, position, isRtl);\n  const strategy = positionFixed ? 'fixed' : 'absolute';\n\n  const offsetModifier = React.useMemo(\n    () =>\n      offset\n        ? {\n            name: 'offset',\n            options: { offset: isRtl ? applyRtlToOffset(offset) : offset },\n          }\n        : null,\n    [offset, isRtl],\n  );\n\n  return React.useCallback(\n    (\n      target: HTMLElement | PopperJs.VirtualElement | null,\n      container: HTMLElement | null,\n      arrow: HTMLElement | null,\n    ): PopperJs.Options => {\n      const scrollParentElement: HTMLElement = getScrollParent(container);\n      const hasScrollableElement = scrollParentElement\n        ? scrollParentElement !== scrollParentElement.ownerDocument?.body\n        : false;\n\n      const modifiers: PopperJs.Options['modifiers'] = [\n        /**\n         * We are setting the position to `fixed` in the first effect to prevent scroll jumps in case of the content\n         * with managed focus. Modifier sets the position to `fixed` before all other modifier effects. Another part of\n         * a patch modifies \".forceUpdate()\" directly after a Popper will be created.\n         */\n        {\n          name: 'positionStyleFix',\n          enabled: true,\n          phase: 'afterWrite' as PopperJs.ModifierPhases,\n          effect: ({ state, instance }: { state: PopperJs.State; instance: PopperInstance }) => {\n            // \".isFirstRun\" is a part of our patch, on a first evaluation it will \"undefined\"\n            // should be disabled for subsequent runs as it breaks positioning for them\n            if (instance.isFirstRun !== false) {\n              popperOriginalPositionRef.current = state.elements.popper.style.position;\n              state.elements.popper.style.position = 'fixed';\n            }\n\n            return () => undefined;\n          },\n          requires: [],\n        },\n\n        { name: 'flip', options: { flipVariations: true } },\n\n        /**\n         * pinned disables the flip modifier by setting flip.enabled to false; this\n         * disables automatic repositioning of the popper box; it will always be placed according to\n         * the values of `align` and `position` props, regardless of the size of the component, the\n         * reference element or the viewport.\n         */\n        pinned && { name: 'flip', enabled: false },\n\n        /**\n         * When the popper box is placed in the context of a scrollable element, we need to set\n         * preventOverflow.escapeWithReference to true and flip.boundariesElement to 'scrollParent'\n         * (default is 'viewport') so that the popper box will stick with the targetRef when we\n         * scroll targetRef out of the viewport.\n         */\n        hasScrollableElement && { name: 'flip', options: { boundary: 'clippingParents' } },\n        hasScrollableElement && { name: 'preventOverflow', options: { boundary: 'clippingParents' } },\n\n        offsetModifier,\n\n        /**\n         * This modifier is necessary to retain behaviour from popper v1 where untethered poppers are allowed by\n         * default. i.e. popper is still rendered fully in the viewport even if anchor element is no longer in the\n         * viewport.\n         */\n        unstable_disableTether && {\n          name: 'preventOverflow',\n          options: { altAxis: unstable_disableTether === 'all', tether: false },\n        },\n\n        flipBoundary && {\n          name: 'flip',\n          options: {\n            altBoundary: true,\n            boundary: getBoundary(container, flipBoundary),\n          },\n        },\n        overflowBoundary && {\n          name: 'preventOverflow',\n          options: {\n            altBoundary: true,\n            boundary: getBoundary(container, overflowBoundary),\n          },\n        },\n\n        {\n          // Similar code as popper-maxsize-modifier: https://github.com/atomiks/popper.js/blob/master/src/modifiers/maxSize.js\n          // popper-maxsize-modifier only calculates the max sizes.\n          // This modifier can apply max sizes always, or apply the max sizes only when overflow is detected\n          name: 'applyMaxSize',\n          enabled: !!autoSize,\n          phase: 'beforeWrite' as PopperJs.ModifierPhases,\n          requiresIfExists: ['offset', 'preventOverflow', 'flip'],\n          options: {\n            altBoundary: true,\n            boundary: getBoundary(container, overflowBoundary),\n          },\n          fn({ state, options: modifierOptions }: PopperJs.ModifierArguments<{}>) {\n            const overflow = PopperJs.detectOverflow(state, modifierOptions);\n            const { x, y } = state.modifiersData.preventOverflow || { x: 0, y: 0 };\n            const { width, height } = state.rects.popper;\n            const basePlacement = getBasePlacement(state.placement);\n\n            const widthProp: keyof PopperJs.SideObject = basePlacement === 'left' ? 'left' : 'right';\n            const heightProp: keyof PopperJs.SideObject = basePlacement === 'top' ? 'top' : 'bottom';\n\n            const applyMaxWidth =\n              autoSize === 'always' ||\n              autoSize === 'width-always' ||\n              (overflow[widthProp] > 0 && (autoSize === true || autoSize === 'width'));\n            const applyMaxHeight =\n              autoSize === 'always' ||\n              autoSize === 'height-always' ||\n              (overflow[heightProp] > 0 && (autoSize === true || autoSize === 'height'));\n\n            if (applyMaxWidth) {\n              state.styles.popper.maxWidth = `${width - overflow[widthProp] - x}px`;\n            }\n            if (applyMaxHeight) {\n              state.styles.popper.maxHeight = `${height - overflow[heightProp] - y}px`;\n            }\n          },\n        },\n\n        /**\n         * This modifier is necessary in order to render the pointer. Refs are resolved in effects, so it can't be\n         * placed under computed modifiers. Deep merge is not required as this modifier has only these properties.\n         */\n        {\n          name: 'arrow',\n          enabled: !!arrow,\n          options: { element: arrow, padding: arrowPadding },\n        },\n\n        /**\n         * Modifies popper offsets to cover the reference rect, but still keep edge alignment\n         */\n        {\n          name: 'coverTarget',\n          enabled: !!coverTarget,\n          phase: 'main',\n          requiresIfExists: ['offset', 'preventOverflow', 'flip'],\n          fn({ state }: PopperJs.ModifierArguments<{}>) {\n            const basePlacement = getBasePlacement(state.placement);\n            switch (basePlacement) {\n              case 'bottom':\n                state.modifiersData.popperOffsets!.y -= state.rects.reference.height;\n                break;\n              case 'top':\n                state.modifiersData.popperOffsets!.y += state.rects.reference.height;\n                break;\n              case 'left':\n                state.modifiersData.popperOffsets!.x += state.rects.reference.width;\n                break;\n              case 'right':\n                state.modifiersData.popperOffsets!.x -= state.rects.reference.width;\n                break;\n            }\n          },\n        },\n      ].filter(Boolean) as PopperJs.Options['modifiers']; // filter boolean conditional spreading values\n\n      const popperOptions: PopperJs.Options = {\n        modifiers,\n\n        placement,\n        strategy,\n      };\n\n      return popperOptions;\n    },\n    [\n      arrowPadding,\n      autoSize,\n      coverTarget,\n      flipBoundary,\n      offsetModifier,\n      overflowBoundary,\n      placement,\n      strategy,\n      unstable_disableTether,\n      pinned,\n\n      // These can be skipped from deps as they will not ever change\n      popperOriginalPositionRef,\n    ],\n  );\n}\n\n/**\n * Exposes Popper positioning API via React hook. Contains few important differences between an official \"react-popper\"\n * package:\n * - style attributes are applied directly on DOM to avoid re-renders\n * - refs changes and resolution is handled properly without re-renders\n * - contains a specific to React fix related to initial positioning when containers have components with managed focus\n *   to avoid focus jumps\n */\nexport function usePopper(\n  options: UsePopperOptions = {},\n): {\n  // React refs are supposed to be contravariant\n  // (allows a more general type to be passed rather than a more specific one)\n  // However, Typescript currently can't infer that fact for refs\n  // See https://github.com/microsoft/TypeScript/issues/30748 for more information\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  targetRef: React.MutableRefObject<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  containerRef: React.MutableRefObject<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  arrowRef: React.MutableRefObject<any>;\n} {\n  const { enabled = true } = options;\n  const isFirstMount = useFirstMount();\n\n  const popperOriginalPositionRef = React.useRef<string>('absolute');\n  const resolvePopperOptions = usePopperOptions(options, popperOriginalPositionRef);\n\n  const popperInstanceRef = React.useRef<PopperInstance | null>(null);\n\n  const handlePopperUpdate = useEventCallback(() => {\n    popperInstanceRef.current?.destroy();\n    popperInstanceRef.current = null;\n\n    const target = overrideTargetRef.current ?? targetRef.current;\n\n    let popperInstance: PopperInstance | null = null;\n\n    if (canUseDOM() && enabled) {\n      if (target && containerRef.current) {\n        popperInstance = PopperJs.createPopper(\n          target,\n          containerRef.current,\n          resolvePopperOptions(target, containerRef.current, arrowRef.current),\n        );\n      }\n    }\n\n    if (popperInstance) {\n      /**\n       * The patch updates `.forceUpdate()` Popper function which restores the original position before the first\n       * forceUpdate() call. See also \"positionStyleFix\" modifier in usePopperOptions().\n       */\n      const originalForceUpdate = popperInstance.forceUpdate;\n\n      popperInstance.isFirstRun = true;\n      popperInstance.forceUpdate = () => {\n        if (popperInstance?.isFirstRun) {\n          popperInstance.state.elements.popper.style.position = popperOriginalPositionRef.current;\n          popperInstance.isFirstRun = false;\n        }\n\n        originalForceUpdate();\n      };\n    }\n\n    popperInstanceRef.current = popperInstance;\n  });\n\n  // Refs are managed by useCallbackRef() to handle ref updates scenarios.\n  //\n  // The first scenario are updates for a targetRef, we can handle it properly only via callback refs, but it causes\n  // re-renders (we would like to avoid them).\n  //\n  // The second problem is related to refs resolution on React's layer: refs are resolved in the same order as effects\n  // that causes an issue when you have a container inside a target, for example: a menu in ChatMessage.\n  //\n  // function ChatMessage(props) {\n  //   <div className=\"message\" ref={targetRef}> // 3) ref will be resolved only now, but it's too late already\n  //     <Popper target={targetRef}> // 2) create a popper instance\n  //       <div className=\"menu\" /> // 1) capture ref from this element\n  //     </Popper>\n  //   </div>\n  // }\n  //\n  // Check a demo on CodeSandbox: https://codesandbox.io/s/popper-refs-emy60.\n  //\n  // This again can be solved with callback refs. It's not a huge issue as with hooks we are moving popper's creation\n  // to ChatMessage itself, however, without `useCallback()` refs it's still a Pandora box.\n  const targetRef = useCallbackRef<HTMLElement | PopperJs.VirtualElement | null>(null, handlePopperUpdate, true);\n  const containerRef = useCallbackRef<HTMLElement | null>(null, handlePopperUpdate, true);\n  const arrowRef = useCallbackRef<HTMLElement | null>(null, handlePopperUpdate, true);\n\n  // Stores external target from options.target or setTarget\n  const overrideTargetRef = useCallbackRef<HTMLElement | PopperVirtualElement | null>(null, handlePopperUpdate, true);\n\n  React.useImperativeHandle(\n    options.popperRef,\n    () => ({\n      updatePosition: () => {\n        popperInstanceRef.current?.update();\n      },\n      setTarget: (target: HTMLElement | PopperVirtualElement) => {\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        overrideTargetRef.current = target;\n      },\n    }),\n    // Missing deps:\n    // options.target - only used for a runtime warning\n    // targetRef - Stable between renders\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (options.target) {\n      overrideTargetRef.current = options.target;\n    }\n  }, [options.target, overrideTargetRef]);\n  useIsomorphicLayoutEffect(() => {\n    handlePopperUpdate();\n\n    return () => {\n      popperInstanceRef.current?.destroy();\n      popperInstanceRef.current = null;\n    };\n  }, [handlePopperUpdate, options.enabled]);\n  useIsomorphicLayoutEffect(\n    () => {\n      if (!isFirstMount) {\n        popperInstanceRef.current?.setOptions(\n          resolvePopperOptions(overrideTargetRef.current ?? targetRef.current, containerRef.current, arrowRef.current),\n        );\n      }\n    },\n    // Missing deps:\n    // isFirstMount - Should never change after mount\n    // arrowRef, containerRef, targetRef - Stable between renders\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [resolvePopperOptions],\n  );\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  return { targetRef, containerRef, arrowRef };\n}\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["usePopper.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEventCallback, useIsomorphicLayoutEffect, useFirstMount, canUseDOM } from '@fluentui/react-utilities';\nimport { useFluent } from '@fluentui/react-shared-contexts';\nimport * as PopperJs from '@popperjs/core';\nimport * as React from 'react';\n\nimport { isIntersectingModifier } from './isIntersectingModifier';\nimport {\n  getScrollParent,\n  applyRtlToOffset,\n  getPlacement,\n  getReactFiberFromNode,\n  getBoundary,\n  useCallbackRef,\n  getBasePlacement,\n} from './utils/index';\nimport type { PopperVirtualElement, PopperOptions, PositioningProps } from './types';\n\ntype PopperInstance = PopperJs.Instance & { isFirstRun?: boolean };\n\ninterface UsePopperOptions extends PositioningProps {\n  /**\n   * If false, delays Popper's creation.\n   * @default true\n   */\n  enabled?: boolean;\n}\n\n//\n// Dev utils to detect if nodes have \"autoFocus\" props.\n//\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 */\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\nfunction hasAutofocusFilter(node: Node) {\n  return hasAutofocusProp(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n}\n\n/**\n * Provides a callback to resolve Popper options, it's stable and should be used as a dependency to trigger updates\n * of Popper options.\n *\n * A callback is used there intentionally as some of Popper.js modifiers require DOM nodes (targer, container, arrow)\n * that can't be resolved properly during an initial rendering.\n */\nfunction usePopperOptions(options: PopperOptions, popperOriginalPositionRef: React.MutableRefObject<string>) {\n  const {\n    align,\n    arrowPadding,\n    autoSize,\n    coverTarget,\n    flipBoundary,\n    offset,\n    overflowBoundary,\n    pinned,\n    position,\n    positionFixed,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    unstable_disableTether,\n  } = options;\n\n  const isRtl = useFluent().dir === 'rtl';\n  const placement = getPlacement(align, position, isRtl);\n  const strategy = positionFixed ? 'fixed' : 'absolute';\n\n  const offsetModifier = React.useMemo(\n    () =>\n      offset\n        ? {\n            name: 'offset',\n            options: { offset: isRtl ? applyRtlToOffset(offset) : offset },\n          }\n        : null,\n    [offset, isRtl],\n  );\n\n  return React.useCallback(\n    (\n      target: HTMLElement | PopperJs.VirtualElement | null,\n      container: HTMLElement | null,\n      arrow: HTMLElement | null,\n    ): PopperJs.Options => {\n      const scrollParentElement: HTMLElement = getScrollParent(container);\n      const hasScrollableElement = scrollParentElement\n        ? scrollParentElement !== scrollParentElement.ownerDocument?.body\n        : false;\n\n      const modifiers: PopperJs.Options['modifiers'] = [\n        isIntersectingModifier,\n\n        /**\n         * We are setting the position to `fixed` in the first effect to prevent scroll jumps in case of the content\n         * with managed focus. Modifier sets the position to `fixed` before all other modifier effects. Another part of\n         * a patch modifies \".forceUpdate()\" directly after a Popper will be created.\n         */\n        {\n          name: 'positionStyleFix',\n          enabled: true,\n          phase: 'afterWrite' as PopperJs.ModifierPhases,\n          effect: ({ state, instance }: { state: PopperJs.State; instance: PopperInstance }) => {\n            // \".isFirstRun\" is a part of our patch, on a first evaluation it will \"undefined\"\n            // should be disabled for subsequent runs as it breaks positioning for them\n            if (instance.isFirstRun !== false) {\n              popperOriginalPositionRef.current = state.elements.popper.style.position;\n              state.elements.popper.style.position = 'fixed';\n            }\n\n            return () => undefined;\n          },\n          requires: [],\n        },\n\n        { name: 'flip', options: { flipVariations: true } },\n\n        /**\n         * pinned disables the flip modifier by setting flip.enabled to false; this\n         * disables automatic repositioning of the popper box; it will always be placed according to\n         * the values of `align` and `position` props, regardless of the size of the component, the\n         * reference element or the viewport.\n         */\n        pinned && { name: 'flip', enabled: false },\n\n        /**\n         * When the popper box is placed in the context of a scrollable element, we need to set\n         * preventOverflow.escapeWithReference to true and flip.boundariesElement to 'scrollParent'\n         * (default is 'viewport') so that the popper box will stick with the targetRef when we\n         * scroll targetRef out of the viewport.\n         */\n        hasScrollableElement && { name: 'flip', options: { boundary: 'clippingParents' } },\n        hasScrollableElement && { name: 'preventOverflow', options: { boundary: 'clippingParents' } },\n\n        offsetModifier,\n\n        /**\n         * This modifier is necessary to retain behaviour from popper v1 where untethered poppers are allowed by\n         * default. i.e. popper is still rendered fully in the viewport even if anchor element is no longer in the\n         * viewport.\n         */\n        unstable_disableTether && {\n          name: 'preventOverflow',\n          options: { altAxis: unstable_disableTether === 'all', tether: false },\n        },\n\n        flipBoundary && {\n          name: 'flip',\n          options: {\n            altBoundary: true,\n            boundary: getBoundary(container, flipBoundary),\n          },\n        },\n        overflowBoundary && {\n          name: 'preventOverflow',\n          options: {\n            altBoundary: true,\n            boundary: getBoundary(container, overflowBoundary),\n          },\n        },\n\n        {\n          // Similar code as popper-maxsize-modifier: https://github.com/atomiks/popper.js/blob/master/src/modifiers/maxSize.js\n          // popper-maxsize-modifier only calculates the max sizes.\n          // This modifier can apply max sizes always, or apply the max sizes only when overflow is detected\n          name: 'applyMaxSize',\n          enabled: !!autoSize,\n          phase: 'beforeWrite' as PopperJs.ModifierPhases,\n          requiresIfExists: ['offset', 'preventOverflow', 'flip'],\n          options: {\n            altBoundary: true,\n            boundary: getBoundary(container, overflowBoundary),\n          },\n          fn({ state, options: modifierOptions }: PopperJs.ModifierArguments<{}>) {\n            const overflow = PopperJs.detectOverflow(state, modifierOptions);\n            const { x, y } = state.modifiersData.preventOverflow || { x: 0, y: 0 };\n            const { width, height } = state.rects.popper;\n            const basePlacement = getBasePlacement(state.placement);\n\n            const widthProp: keyof PopperJs.SideObject = basePlacement === 'left' ? 'left' : 'right';\n            const heightProp: keyof PopperJs.SideObject = basePlacement === 'top' ? 'top' : 'bottom';\n\n            const applyMaxWidth =\n              autoSize === 'always' ||\n              autoSize === 'width-always' ||\n              (overflow[widthProp] > 0 && (autoSize === true || autoSize === 'width'));\n            const applyMaxHeight =\n              autoSize === 'always' ||\n              autoSize === 'height-always' ||\n              (overflow[heightProp] > 0 && (autoSize === true || autoSize === 'height'));\n\n            if (applyMaxWidth) {\n              state.styles.popper.maxWidth = `${width - overflow[widthProp] - x}px`;\n            }\n            if (applyMaxHeight) {\n              state.styles.popper.maxHeight = `${height - overflow[heightProp] - y}px`;\n            }\n          },\n        },\n\n        /**\n         * This modifier is necessary in order to render the pointer. Refs are resolved in effects, so it can't be\n         * placed under computed modifiers. Deep merge is not required as this modifier has only these properties.\n         */\n        {\n          name: 'arrow',\n          enabled: !!arrow,\n          options: { element: arrow, padding: arrowPadding },\n        },\n\n        /**\n         * Modifies popper offsets to cover the reference rect, but still keep edge alignment\n         */\n        {\n          name: 'coverTarget',\n          enabled: !!coverTarget,\n          phase: 'main',\n          requiresIfExists: ['offset', 'preventOverflow', 'flip'],\n          fn({ state }: PopperJs.ModifierArguments<{}>) {\n            const basePlacement = getBasePlacement(state.placement);\n            switch (basePlacement) {\n              case 'bottom':\n                state.modifiersData.popperOffsets!.y -= state.rects.reference.height;\n                break;\n              case 'top':\n                state.modifiersData.popperOffsets!.y += state.rects.reference.height;\n                break;\n              case 'left':\n                state.modifiersData.popperOffsets!.x += state.rects.reference.width;\n                break;\n              case 'right':\n                state.modifiersData.popperOffsets!.x -= state.rects.reference.width;\n                break;\n            }\n          },\n        },\n      ].filter(Boolean) as PopperJs.Options['modifiers']; // filter boolean conditional spreading values\n\n      const popperOptions: PopperJs.Options = {\n        modifiers,\n\n        placement,\n        strategy,\n      };\n\n      return popperOptions;\n    },\n    [\n      arrowPadding,\n      autoSize,\n      coverTarget,\n      flipBoundary,\n      offsetModifier,\n      overflowBoundary,\n      placement,\n      strategy,\n      unstable_disableTether,\n      pinned,\n\n      // These can be skipped from deps as they will not ever change\n      popperOriginalPositionRef,\n    ],\n  );\n}\n\n/**\n * Exposes Popper positioning API via React hook. Contains few important differences between an official \"react-popper\"\n * package:\n * - style attributes are applied directly on DOM to avoid re-renders\n * - refs changes and resolution is handled properly without re-renders\n * - contains a specific to React fix related to initial positioning when containers have components with managed focus\n *   to avoid focus jumps\n */\nexport function usePopper(\n  options: UsePopperOptions = {},\n): {\n  // React refs are supposed to be contravariant\n  // (allows a more general type to be passed rather than a more specific one)\n  // However, Typescript currently can't infer that fact for refs\n  // See https://github.com/microsoft/TypeScript/issues/30748 for more information\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  targetRef: React.MutableRefObject<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  containerRef: React.MutableRefObject<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  arrowRef: React.MutableRefObject<any>;\n} {\n  const { enabled = true } = options;\n  const isFirstMount = useFirstMount();\n\n  const popperOriginalPositionRef = React.useRef<string>('absolute');\n  const resolvePopperOptions = usePopperOptions(options, popperOriginalPositionRef);\n\n  const popperInstanceRef = React.useRef<PopperInstance | null>(null);\n\n  const handlePopperUpdate = useEventCallback(() => {\n    popperInstanceRef.current?.destroy();\n    popperInstanceRef.current = null;\n\n    const target = overrideTargetRef.current ?? targetRef.current;\n\n    let popperInstance: PopperInstance | null = null;\n\n    if (canUseDOM() && enabled) {\n      if (target && containerRef.current) {\n        popperInstance = PopperJs.createPopper(\n          target,\n          containerRef.current,\n          resolvePopperOptions(target, containerRef.current, arrowRef.current),\n        );\n      }\n    }\n\n    if (popperInstance) {\n      /**\n       * The patch updates `.forceUpdate()` Popper function which restores the original position before the first\n       * forceUpdate() call. See also \"positionStyleFix\" modifier in usePopperOptions().\n       */\n      const originalForceUpdate = popperInstance.forceUpdate;\n\n      popperInstance.isFirstRun = true;\n      popperInstance.forceUpdate = () => {\n        if (popperInstance?.isFirstRun) {\n          popperInstance.state.elements.popper.style.position = popperOriginalPositionRef.current;\n          popperInstance.isFirstRun = false;\n        }\n\n        originalForceUpdate();\n      };\n    }\n\n    popperInstanceRef.current = popperInstance;\n  });\n\n  // Refs are managed by useCallbackRef() to handle ref updates scenarios.\n  //\n  // The first scenario are updates for a targetRef, we can handle it properly only via callback refs, but it causes\n  // re-renders (we would like to avoid them).\n  //\n  // The second problem is related to refs resolution on React's layer: refs are resolved in the same order as effects\n  // that causes an issue when you have a container inside a target, for example: a menu in ChatMessage.\n  //\n  // function ChatMessage(props) {\n  //   <div className=\"message\" ref={targetRef}> // 3) ref will be resolved only now, but it's too late already\n  //     <Popper target={targetRef}> // 2) create a popper instance\n  //       <div className=\"menu\" /> // 1) capture ref from this element\n  //     </Popper>\n  //   </div>\n  // }\n  //\n  // Check a demo on CodeSandbox: https://codesandbox.io/s/popper-refs-emy60.\n  //\n  // This again can be solved with callback refs. It's not a huge issue as with hooks we are moving popper's creation\n  // to ChatMessage itself, however, without `useCallback()` refs it's still a Pandora box.\n  const targetRef = useCallbackRef<HTMLElement | PopperJs.VirtualElement | null>(null, handlePopperUpdate, true);\n  const containerRef = useCallbackRef<HTMLElement | null>(null, handlePopperUpdate, true);\n  const arrowRef = useCallbackRef<HTMLElement | null>(null, handlePopperUpdate, true);\n\n  // Stores external target from options.target or setTarget\n  const overrideTargetRef = useCallbackRef<HTMLElement | PopperVirtualElement | null>(null, handlePopperUpdate, true);\n\n  React.useImperativeHandle(\n    options.popperRef,\n    () => ({\n      updatePosition: () => {\n        popperInstanceRef.current?.update();\n      },\n      setTarget: (target: HTMLElement | PopperVirtualElement) => {\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        overrideTargetRef.current = target;\n      },\n    }),\n    // Missing deps:\n    // options.target - only used for a runtime warning\n    // targetRef - Stable between renders\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (options.target) {\n      overrideTargetRef.current = options.target;\n    }\n  }, [options.target, overrideTargetRef]);\n  useIsomorphicLayoutEffect(() => {\n    handlePopperUpdate();\n\n    return () => {\n      popperInstanceRef.current?.destroy();\n      popperInstanceRef.current = null;\n    };\n  }, [handlePopperUpdate, options.enabled]);\n  useIsomorphicLayoutEffect(\n    () => {\n      if (!isFirstMount) {\n        popperInstanceRef.current?.setOptions(\n          resolvePopperOptions(overrideTargetRef.current ?? targetRef.current, containerRef.current, arrowRef.current),\n        );\n      }\n    },\n    // Missing deps:\n    // isFirstMount - Should never change after mount\n    // arrowRef, containerRef, targetRef - Stable between renders\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [resolvePopperOptions],\n  );\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  return { targetRef, containerRef, arrowRef };\n}\n"],"sourceRoot":"../src/"}

package/lib-commonjs/isIntersectingModifier.d.ts

@@ -0,0 +1,4 @@
+import { Modifier } from '@popperjs/core';
+export declare const isIntersectingModifier: IsIntersectingModifier;
+declare type IsIntersectingModifier = Modifier<'is-intersecting-modifier', never>;
+export {};

package/lib-commonjs/isIntersectingModifier.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isIntersectingModifier = void 0;
+
+const core_1 = /*#__PURE__*/require("@popperjs/core");
+
+exports.isIntersectingModifier = {
+  name: 'is-intersecting-modifier',
+  enabled: true,
+  phase: 'main',
+  requires: ['preventOverflow'],
+  fn: ({
+    state,
+    name
+  }) => {
+    const popperRect = state.rects.popper;
+    const popperAltOverflow = core_1.detectOverflow(state, {
+      altBoundary: true
+    });
+    const isIntersectingTop = popperAltOverflow.top < popperRect.height && popperAltOverflow.top > 0;
+    const isIntersectingBottom = popperAltOverflow.bottom < popperRect.height && popperAltOverflow.bottom > 0;
+    const isIntersecting = isIntersectingTop || isIntersectingBottom;
+    state.modifiersData[name] = {
+      isIntersecting
+    };
+    state.attributes.popper = { ...state.attributes.popper,
+      'data-popper-is-intersecting': isIntersecting
+    };
+  }
+};
+//# sourceMappingURL=isIntersectingModifier.js.map

package/lib-commonjs/isIntersectingModifier.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["isIntersectingModifier.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,MAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAEa,OAAA,CAAA,sBAAA,GAAiD;AAC5D,EAAA,IAAI,EAAE,0BADsD;AAE5D,EAAA,OAAO,EAAE,IAFmD;AAG5D,EAAA,KAAK,EAAE,MAHqD;AAI5D,EAAA,QAAQ,EAAE,CAAC,iBAAD,CAJkD;AAK5D,EAAA,EAAE,EAAE,CAAC;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,GAAD,KAAoB;AACtB,UAAM,UAAU,GAAG,KAAK,CAAC,KAAN,CAAY,MAA/B;AACA,UAAM,iBAAiB,GAAG,MAAA,CAAA,cAAA,CAAe,KAAf,EAAsB;AAAE,MAAA,WAAW,EAAE;AAAf,KAAtB,CAA1B;AAEA,UAAM,iBAAiB,GAAG,iBAAiB,CAAC,GAAlB,GAAwB,UAAU,CAAC,MAAnC,IAA6C,iBAAiB,CAAC,GAAlB,GAAwB,CAA/F;AACA,UAAM,oBAAoB,GAAG,iBAAiB,CAAC,MAAlB,GAA2B,UAAU,CAAC,MAAtC,IAAgD,iBAAiB,CAAC,MAAlB,GAA2B,CAAxG;AAEA,UAAM,cAAc,GAAG,iBAAiB,IAAI,oBAA5C;AAEA,IAAA,KAAK,CAAC,aAAN,CAAoB,IAApB,IAA4B;AAC1B,MAAA;AAD0B,KAA5B;AAGA,IAAA,KAAK,CAAC,UAAN,CAAiB,MAAjB,GAA0B,EACxB,GAAG,KAAK,CAAC,UAAN,CAAiB,MADI;AAExB,qCAA+B;AAFP,KAA1B;AAID;AArB2D,CAAjD","sourcesContent":["import { detectOverflow, Modifier } from '@popperjs/core';\n\nexport const isIntersectingModifier: IsIntersectingModifier = {\n  name: 'is-intersecting-modifier',\n  enabled: true,\n  phase: 'main',\n  requires: ['preventOverflow'],\n  fn: ({ state, name }) => {\n    const popperRect = state.rects.popper;\n    const popperAltOverflow = detectOverflow(state, { altBoundary: true });\n\n    const isIntersectingTop = popperAltOverflow.top < popperRect.height && popperAltOverflow.top > 0;\n    const isIntersectingBottom = popperAltOverflow.bottom < popperRect.height && popperAltOverflow.bottom > 0;\n\n    const isIntersecting = isIntersectingTop || isIntersectingBottom;\n\n    state.modifiersData[name] = {\n      isIntersecting,\n    };\n    state.attributes.popper = {\n      ...state.attributes.popper,\n      'data-popper-is-intersecting': isIntersecting,\n    };\n  },\n};\n\ntype IsIntersectingModifier = Modifier<'is-intersecting-modifier', never>;\n"],"sourceRoot":"../src/"}

package/lib-commonjs/usePopper.js

@@ -13,6 +13,8 @@ const PopperJs = /*#__PURE__*/require("@popperjs/core");
 
 const React = /*#__PURE__*/require("react");
 
+const isIntersectingModifier_1 = /*#__PURE__*/require("./isIntersectingModifier");
+
 const index_1 = /*#__PURE__*/require("./utils/index"); //
 // Dev utils to detect if nodes have "autoFocus" props.
 //
@@ -77,7 +79,7 @@ function usePopperOptions(options, popperOriginalPositionRef) {
 
     const scrollParentElement = index_1.getScrollParent(container);
     const hasScrollableElement = scrollParentElement ? scrollParentElement !== ((_a = scrollParentElement.ownerDocument) === null || _a === void 0 ? void 0 : _a.body) : false;
-    const modifiers = [
+    const modifiers = [isIntersectingModifier_1.isIntersectingModifier,
     /**
      * We are setting the position to `fixed` in the first effect to prevent scroll jumps in case of the content
      * with managed focus. Modifier sets the position to `fixed` before all other modifier effects. Another part of

package/lib-commonjs/usePopper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePopper.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEventCallback, useIsomorphicLayoutEffect, useFirstMount, canUseDOM } from '@fluentui/react-utilities';\nimport { useFluent } from '@fluentui/react-shared-contexts';\nimport * as PopperJs from '@popperjs/core';\nimport * as React from 'react';\n\nimport {\n  getScrollParent,\n  applyRtlToOffset,\n  getPlacement,\n  getReactFiberFromNode,\n  getBoundary,\n  useCallbackRef,\n  getBasePlacement,\n} from './utils/index';\nimport type { PopperVirtualElement, PopperOptions, PositioningProps } from './types';\n\ntype PopperInstance = PopperJs.Instance & { isFirstRun?: boolean };\n\ninterface UsePopperOptions extends PositioningProps {\n  /**\n   * If false, delays Popper's creation.\n   * @default true\n   */\n  enabled?: boolean;\n}\n\n//\n// Dev utils to detect if nodes have \"autoFocus\" props.\n//\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 */\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\nfunction hasAutofocusFilter(node: Node) {\n  return hasAutofocusProp(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n}\n\n/**\n * Provides a callback to resolve Popper options, it's stable and should be used as a dependency to trigger updates\n * of Popper options.\n *\n * A callback is used there intentionally as some of Popper.js modifiers require DOM nodes (targer, container, arrow)\n * that can't be resolved properly during an initial rendering.\n */\nfunction usePopperOptions(options: PopperOptions, popperOriginalPositionRef: React.MutableRefObject<string>) {\n  const {\n    align,\n    arrowPadding,\n    autoSize,\n    coverTarget,\n    flipBoundary,\n    offset,\n    overflowBoundary,\n    pinned,\n    position,\n    positionFixed,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    unstable_disableTether,\n  } = options;\n\n  const isRtl = useFluent().dir === 'rtl';\n  const placement = getPlacement(align, position, isRtl);\n  const strategy = positionFixed ? 'fixed' : 'absolute';\n\n  const offsetModifier = React.useMemo(\n    () =>\n      offset\n        ? {\n            name: 'offset',\n            options: { offset: isRtl ? applyRtlToOffset(offset) : offset },\n          }\n        : null,\n    [offset, isRtl],\n  );\n\n  return React.useCallback(\n    (\n      target: HTMLElement | PopperJs.VirtualElement | null,\n      container: HTMLElement | null,\n      arrow: HTMLElement | null,\n    ): PopperJs.Options => {\n      const scrollParentElement: HTMLElement = getScrollParent(container);\n      const hasScrollableElement = scrollParentElement\n        ? scrollParentElement !== scrollParentElement.ownerDocument?.body\n        : false;\n\n      const modifiers: PopperJs.Options['modifiers'] = [\n        /**\n         * We are setting the position to `fixed` in the first effect to prevent scroll jumps in case of the content\n         * with managed focus. Modifier sets the position to `fixed` before all other modifier effects. Another part of\n         * a patch modifies \".forceUpdate()\" directly after a Popper will be created.\n         */\n        {\n          name: 'positionStyleFix',\n          enabled: true,\n          phase: 'afterWrite' as PopperJs.ModifierPhases,\n          effect: ({ state, instance }: { state: PopperJs.State; instance: PopperInstance }) => {\n            // \".isFirstRun\" is a part of our patch, on a first evaluation it will \"undefined\"\n            // should be disabled for subsequent runs as it breaks positioning for them\n            if (instance.isFirstRun !== false) {\n              popperOriginalPositionRef.current = state.elements.popper.style.position;\n              state.elements.popper.style.position = 'fixed';\n            }\n\n            return () => undefined;\n          },\n          requires: [],\n        },\n\n        { name: 'flip', options: { flipVariations: true } },\n\n        /**\n         * pinned disables the flip modifier by setting flip.enabled to false; this\n         * disables automatic repositioning of the popper box; it will always be placed according to\n         * the values of `align` and `position` props, regardless of the size of the component, the\n         * reference element or the viewport.\n         */\n        pinned && { name: 'flip', enabled: false },\n\n        /**\n         * When the popper box is placed in the context of a scrollable element, we need to set\n         * preventOverflow.escapeWithReference to true and flip.boundariesElement to 'scrollParent'\n         * (default is 'viewport') so that the popper box will stick with the targetRef when we\n         * scroll targetRef out of the viewport.\n         */\n        hasScrollableElement && { name: 'flip', options: { boundary: 'clippingParents' } },\n        hasScrollableElement && { name: 'preventOverflow', options: { boundary: 'clippingParents' } },\n\n        offsetModifier,\n\n        /**\n         * This modifier is necessary to retain behaviour from popper v1 where untethered poppers are allowed by\n         * default. i.e. popper is still rendered fully in the viewport even if anchor element is no longer in the\n         * viewport.\n         */\n        unstable_disableTether && {\n          name: 'preventOverflow',\n          options: { altAxis: unstable_disableTether === 'all', tether: false },\n        },\n\n        flipBoundary && {\n          name: 'flip',\n          options: {\n            altBoundary: true,\n            boundary: getBoundary(container, flipBoundary),\n          },\n        },\n        overflowBoundary && {\n          name: 'preventOverflow',\n          options: {\n            altBoundary: true,\n            boundary: getBoundary(container, overflowBoundary),\n          },\n        },\n\n        {\n          // Similar code as popper-maxsize-modifier: https://github.com/atomiks/popper.js/blob/master/src/modifiers/maxSize.js\n          // popper-maxsize-modifier only calculates the max sizes.\n          // This modifier can apply max sizes always, or apply the max sizes only when overflow is detected\n          name: 'applyMaxSize',\n          enabled: !!autoSize,\n          phase: 'beforeWrite' as PopperJs.ModifierPhases,\n          requiresIfExists: ['offset', 'preventOverflow', 'flip'],\n          options: {\n            altBoundary: true,\n            boundary: getBoundary(container, overflowBoundary),\n          },\n          fn({ state, options: modifierOptions }: PopperJs.ModifierArguments<{}>) {\n            const overflow = PopperJs.detectOverflow(state, modifierOptions);\n            const { x, y } = state.modifiersData.preventOverflow || { x: 0, y: 0 };\n            const { width, height } = state.rects.popper;\n            const basePlacement = getBasePlacement(state.placement);\n\n            const widthProp: keyof PopperJs.SideObject = basePlacement === 'left' ? 'left' : 'right';\n            const heightProp: keyof PopperJs.SideObject = basePlacement === 'top' ? 'top' : 'bottom';\n\n            const applyMaxWidth =\n              autoSize === 'always' ||\n              autoSize === 'width-always' ||\n              (overflow[widthProp] > 0 && (autoSize === true || autoSize === 'width'));\n            const applyMaxHeight =\n              autoSize === 'always' ||\n              autoSize === 'height-always' ||\n              (overflow[heightProp] > 0 && (autoSize === true || autoSize === 'height'));\n\n            if (applyMaxWidth) {\n              state.styles.popper.maxWidth = `${width - overflow[widthProp] - x}px`;\n            }\n            if (applyMaxHeight) {\n              state.styles.popper.maxHeight = `${height - overflow[heightProp] - y}px`;\n            }\n          },\n        },\n\n        /**\n         * This modifier is necessary in order to render the pointer. Refs are resolved in effects, so it can't be\n         * placed under computed modifiers. Deep merge is not required as this modifier has only these properties.\n         */\n        {\n          name: 'arrow',\n          enabled: !!arrow,\n          options: { element: arrow, padding: arrowPadding },\n        },\n\n        /**\n         * Modifies popper offsets to cover the reference rect, but still keep edge alignment\n         */\n        {\n          name: 'coverTarget',\n          enabled: !!coverTarget,\n          phase: 'main',\n          requiresIfExists: ['offset', 'preventOverflow', 'flip'],\n          fn({ state }: PopperJs.ModifierArguments<{}>) {\n            const basePlacement = getBasePlacement(state.placement);\n            switch (basePlacement) {\n              case 'bottom':\n                state.modifiersData.popperOffsets!.y -= state.rects.reference.height;\n                break;\n              case 'top':\n                state.modifiersData.popperOffsets!.y += state.rects.reference.height;\n                break;\n              case 'left':\n                state.modifiersData.popperOffsets!.x += state.rects.reference.width;\n                break;\n              case 'right':\n                state.modifiersData.popperOffsets!.x -= state.rects.reference.width;\n                break;\n            }\n          },\n        },\n      ].filter(Boolean) as PopperJs.Options['modifiers']; // filter boolean conditional spreading values\n\n      const popperOptions: PopperJs.Options = {\n        modifiers,\n\n        placement,\n        strategy,\n      };\n\n      return popperOptions;\n    },\n    [\n      arrowPadding,\n      autoSize,\n      coverTarget,\n      flipBoundary,\n      offsetModifier,\n      overflowBoundary,\n      placement,\n      strategy,\n      unstable_disableTether,\n      pinned,\n\n      // These can be skipped from deps as they will not ever change\n      popperOriginalPositionRef,\n    ],\n  );\n}\n\n/**\n * Exposes Popper positioning API via React hook. Contains few important differences between an official \"react-popper\"\n * package:\n * - style attributes are applied directly on DOM to avoid re-renders\n * - refs changes and resolution is handled properly without re-renders\n * - contains a specific to React fix related to initial positioning when containers have components with managed focus\n *   to avoid focus jumps\n */\nexport function usePopper(\n  options: UsePopperOptions = {},\n): {\n  // React refs are supposed to be contravariant\n  // (allows a more general type to be passed rather than a more specific one)\n  // However, Typescript currently can't infer that fact for refs\n  // See https://github.com/microsoft/TypeScript/issues/30748 for more information\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  targetRef: React.MutableRefObject<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  containerRef: React.MutableRefObject<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  arrowRef: React.MutableRefObject<any>;\n} {\n  const { enabled = true } = options;\n  const isFirstMount = useFirstMount();\n\n  const popperOriginalPositionRef = React.useRef<string>('absolute');\n  const resolvePopperOptions = usePopperOptions(options, popperOriginalPositionRef);\n\n  const popperInstanceRef = React.useRef<PopperInstance | null>(null);\n\n  const handlePopperUpdate = useEventCallback(() => {\n    popperInstanceRef.current?.destroy();\n    popperInstanceRef.current = null;\n\n    const target = overrideTargetRef.current ?? targetRef.current;\n\n    let popperInstance: PopperInstance | null = null;\n\n    if (canUseDOM() && enabled) {\n      if (target && containerRef.current) {\n        popperInstance = PopperJs.createPopper(\n          target,\n          containerRef.current,\n          resolvePopperOptions(target, containerRef.current, arrowRef.current),\n        );\n      }\n    }\n\n    if (popperInstance) {\n      /**\n       * The patch updates `.forceUpdate()` Popper function which restores the original position before the first\n       * forceUpdate() call. See also \"positionStyleFix\" modifier in usePopperOptions().\n       */\n      const originalForceUpdate = popperInstance.forceUpdate;\n\n      popperInstance.isFirstRun = true;\n      popperInstance.forceUpdate = () => {\n        if (popperInstance?.isFirstRun) {\n          popperInstance.state.elements.popper.style.position = popperOriginalPositionRef.current;\n          popperInstance.isFirstRun = false;\n        }\n\n        originalForceUpdate();\n      };\n    }\n\n    popperInstanceRef.current = popperInstance;\n  });\n\n  // Refs are managed by useCallbackRef() to handle ref updates scenarios.\n  //\n  // The first scenario are updates for a targetRef, we can handle it properly only via callback refs, but it causes\n  // re-renders (we would like to avoid them).\n  //\n  // The second problem is related to refs resolution on React's layer: refs are resolved in the same order as effects\n  // that causes an issue when you have a container inside a target, for example: a menu in ChatMessage.\n  //\n  // function ChatMessage(props) {\n  //   <div className=\"message\" ref={targetRef}> // 3) ref will be resolved only now, but it's too late already\n  //     <Popper target={targetRef}> // 2) create a popper instance\n  //       <div className=\"menu\" /> // 1) capture ref from this element\n  //     </Popper>\n  //   </div>\n  // }\n  //\n  // Check a demo on CodeSandbox: https://codesandbox.io/s/popper-refs-emy60.\n  //\n  // This again can be solved with callback refs. It's not a huge issue as with hooks we are moving popper's creation\n  // to ChatMessage itself, however, without `useCallback()` refs it's still a Pandora box.\n  const targetRef = useCallbackRef<HTMLElement | PopperJs.VirtualElement | null>(null, handlePopperUpdate, true);\n  const containerRef = useCallbackRef<HTMLElement | null>(null, handlePopperUpdate, true);\n  const arrowRef = useCallbackRef<HTMLElement | null>(null, handlePopperUpdate, true);\n\n  // Stores external target from options.target or setTarget\n  const overrideTargetRef = useCallbackRef<HTMLElement | PopperVirtualElement | null>(null, handlePopperUpdate, true);\n\n  React.useImperativeHandle(\n    options.popperRef,\n    () => ({\n      updatePosition: () => {\n        popperInstanceRef.current?.update();\n      },\n      setTarget: (target: HTMLElement | PopperVirtualElement) => {\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        overrideTargetRef.current = target;\n      },\n    }),\n    // Missing deps:\n    // options.target - only used for a runtime warning\n    // targetRef - Stable between renders\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (options.target) {\n      overrideTargetRef.current = options.target;\n    }\n  }, [options.target, overrideTargetRef]);\n  useIsomorphicLayoutEffect(() => {\n    handlePopperUpdate();\n\n    return () => {\n      popperInstanceRef.current?.destroy();\n      popperInstanceRef.current = null;\n    };\n  }, [handlePopperUpdate, options.enabled]);\n  useIsomorphicLayoutEffect(\n    () => {\n      if (!isFirstMount) {\n        popperInstanceRef.current?.setOptions(\n          resolvePopperOptions(overrideTargetRef.current ?? targetRef.current, containerRef.current, arrowRef.current),\n        );\n      }\n    },\n    // Missing deps:\n    // isFirstMount - Should never change after mount\n    // arrowRef, containerRef, targetRef - Stable between renders\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [resolvePopperOptions],\n  );\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  return { targetRef, containerRef, arrowRef };\n}\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["usePopper.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEventCallback, useIsomorphicLayoutEffect, useFirstMount, canUseDOM } from '@fluentui/react-utilities';\nimport { useFluent } from '@fluentui/react-shared-contexts';\nimport * as PopperJs from '@popperjs/core';\nimport * as React from 'react';\n\nimport { isIntersectingModifier } from './isIntersectingModifier';\nimport {\n  getScrollParent,\n  applyRtlToOffset,\n  getPlacement,\n  getReactFiberFromNode,\n  getBoundary,\n  useCallbackRef,\n  getBasePlacement,\n} from './utils/index';\nimport type { PopperVirtualElement, PopperOptions, PositioningProps } from './types';\n\ntype PopperInstance = PopperJs.Instance & { isFirstRun?: boolean };\n\ninterface UsePopperOptions extends PositioningProps {\n  /**\n   * If false, delays Popper's creation.\n   * @default true\n   */\n  enabled?: boolean;\n}\n\n//\n// Dev utils to detect if nodes have \"autoFocus\" props.\n//\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 */\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\nfunction hasAutofocusFilter(node: Node) {\n  return hasAutofocusProp(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n}\n\n/**\n * Provides a callback to resolve Popper options, it's stable and should be used as a dependency to trigger updates\n * of Popper options.\n *\n * A callback is used there intentionally as some of Popper.js modifiers require DOM nodes (targer, container, arrow)\n * that can't be resolved properly during an initial rendering.\n */\nfunction usePopperOptions(options: PopperOptions, popperOriginalPositionRef: React.MutableRefObject<string>) {\n  const {\n    align,\n    arrowPadding,\n    autoSize,\n    coverTarget,\n    flipBoundary,\n    offset,\n    overflowBoundary,\n    pinned,\n    position,\n    positionFixed,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    unstable_disableTether,\n  } = options;\n\n  const isRtl = useFluent().dir === 'rtl';\n  const placement = getPlacement(align, position, isRtl);\n  const strategy = positionFixed ? 'fixed' : 'absolute';\n\n  const offsetModifier = React.useMemo(\n    () =>\n      offset\n        ? {\n            name: 'offset',\n            options: { offset: isRtl ? applyRtlToOffset(offset) : offset },\n          }\n        : null,\n    [offset, isRtl],\n  );\n\n  return React.useCallback(\n    (\n      target: HTMLElement | PopperJs.VirtualElement | null,\n      container: HTMLElement | null,\n      arrow: HTMLElement | null,\n    ): PopperJs.Options => {\n      const scrollParentElement: HTMLElement = getScrollParent(container);\n      const hasScrollableElement = scrollParentElement\n        ? scrollParentElement !== scrollParentElement.ownerDocument?.body\n        : false;\n\n      const modifiers: PopperJs.Options['modifiers'] = [\n        isIntersectingModifier,\n\n        /**\n         * We are setting the position to `fixed` in the first effect to prevent scroll jumps in case of the content\n         * with managed focus. Modifier sets the position to `fixed` before all other modifier effects. Another part of\n         * a patch modifies \".forceUpdate()\" directly after a Popper will be created.\n         */\n        {\n          name: 'positionStyleFix',\n          enabled: true,\n          phase: 'afterWrite' as PopperJs.ModifierPhases,\n          effect: ({ state, instance }: { state: PopperJs.State; instance: PopperInstance }) => {\n            // \".isFirstRun\" is a part of our patch, on a first evaluation it will \"undefined\"\n            // should be disabled for subsequent runs as it breaks positioning for them\n            if (instance.isFirstRun !== false) {\n              popperOriginalPositionRef.current = state.elements.popper.style.position;\n              state.elements.popper.style.position = 'fixed';\n            }\n\n            return () => undefined;\n          },\n          requires: [],\n        },\n\n        { name: 'flip', options: { flipVariations: true } },\n\n        /**\n         * pinned disables the flip modifier by setting flip.enabled to false; this\n         * disables automatic repositioning of the popper box; it will always be placed according to\n         * the values of `align` and `position` props, regardless of the size of the component, the\n         * reference element or the viewport.\n         */\n        pinned && { name: 'flip', enabled: false },\n\n        /**\n         * When the popper box is placed in the context of a scrollable element, we need to set\n         * preventOverflow.escapeWithReference to true and flip.boundariesElement to 'scrollParent'\n         * (default is 'viewport') so that the popper box will stick with the targetRef when we\n         * scroll targetRef out of the viewport.\n         */\n        hasScrollableElement && { name: 'flip', options: { boundary: 'clippingParents' } },\n        hasScrollableElement && { name: 'preventOverflow', options: { boundary: 'clippingParents' } },\n\n        offsetModifier,\n\n        /**\n         * This modifier is necessary to retain behaviour from popper v1 where untethered poppers are allowed by\n         * default. i.e. popper is still rendered fully in the viewport even if anchor element is no longer in the\n         * viewport.\n         */\n        unstable_disableTether && {\n          name: 'preventOverflow',\n          options: { altAxis: unstable_disableTether === 'all', tether: false },\n        },\n\n        flipBoundary && {\n          name: 'flip',\n          options: {\n            altBoundary: true,\n            boundary: getBoundary(container, flipBoundary),\n          },\n        },\n        overflowBoundary && {\n          name: 'preventOverflow',\n          options: {\n            altBoundary: true,\n            boundary: getBoundary(container, overflowBoundary),\n          },\n        },\n\n        {\n          // Similar code as popper-maxsize-modifier: https://github.com/atomiks/popper.js/blob/master/src/modifiers/maxSize.js\n          // popper-maxsize-modifier only calculates the max sizes.\n          // This modifier can apply max sizes always, or apply the max sizes only when overflow is detected\n          name: 'applyMaxSize',\n          enabled: !!autoSize,\n          phase: 'beforeWrite' as PopperJs.ModifierPhases,\n          requiresIfExists: ['offset', 'preventOverflow', 'flip'],\n          options: {\n            altBoundary: true,\n            boundary: getBoundary(container, overflowBoundary),\n          },\n          fn({ state, options: modifierOptions }: PopperJs.ModifierArguments<{}>) {\n            const overflow = PopperJs.detectOverflow(state, modifierOptions);\n            const { x, y } = state.modifiersData.preventOverflow || { x: 0, y: 0 };\n            const { width, height } = state.rects.popper;\n            const basePlacement = getBasePlacement(state.placement);\n\n            const widthProp: keyof PopperJs.SideObject = basePlacement === 'left' ? 'left' : 'right';\n            const heightProp: keyof PopperJs.SideObject = basePlacement === 'top' ? 'top' : 'bottom';\n\n            const applyMaxWidth =\n              autoSize === 'always' ||\n              autoSize === 'width-always' ||\n              (overflow[widthProp] > 0 && (autoSize === true || autoSize === 'width'));\n            const applyMaxHeight =\n              autoSize === 'always' ||\n              autoSize === 'height-always' ||\n              (overflow[heightProp] > 0 && (autoSize === true || autoSize === 'height'));\n\n            if (applyMaxWidth) {\n              state.styles.popper.maxWidth = `${width - overflow[widthProp] - x}px`;\n            }\n            if (applyMaxHeight) {\n              state.styles.popper.maxHeight = `${height - overflow[heightProp] - y}px`;\n            }\n          },\n        },\n\n        /**\n         * This modifier is necessary in order to render the pointer. Refs are resolved in effects, so it can't be\n         * placed under computed modifiers. Deep merge is not required as this modifier has only these properties.\n         */\n        {\n          name: 'arrow',\n          enabled: !!arrow,\n          options: { element: arrow, padding: arrowPadding },\n        },\n\n        /**\n         * Modifies popper offsets to cover the reference rect, but still keep edge alignment\n         */\n        {\n          name: 'coverTarget',\n          enabled: !!coverTarget,\n          phase: 'main',\n          requiresIfExists: ['offset', 'preventOverflow', 'flip'],\n          fn({ state }: PopperJs.ModifierArguments<{}>) {\n            const basePlacement = getBasePlacement(state.placement);\n            switch (basePlacement) {\n              case 'bottom':\n                state.modifiersData.popperOffsets!.y -= state.rects.reference.height;\n                break;\n              case 'top':\n                state.modifiersData.popperOffsets!.y += state.rects.reference.height;\n                break;\n              case 'left':\n                state.modifiersData.popperOffsets!.x += state.rects.reference.width;\n                break;\n              case 'right':\n                state.modifiersData.popperOffsets!.x -= state.rects.reference.width;\n                break;\n            }\n          },\n        },\n      ].filter(Boolean) as PopperJs.Options['modifiers']; // filter boolean conditional spreading values\n\n      const popperOptions: PopperJs.Options = {\n        modifiers,\n\n        placement,\n        strategy,\n      };\n\n      return popperOptions;\n    },\n    [\n      arrowPadding,\n      autoSize,\n      coverTarget,\n      flipBoundary,\n      offsetModifier,\n      overflowBoundary,\n      placement,\n      strategy,\n      unstable_disableTether,\n      pinned,\n\n      // These can be skipped from deps as they will not ever change\n      popperOriginalPositionRef,\n    ],\n  );\n}\n\n/**\n * Exposes Popper positioning API via React hook. Contains few important differences between an official \"react-popper\"\n * package:\n * - style attributes are applied directly on DOM to avoid re-renders\n * - refs changes and resolution is handled properly without re-renders\n * - contains a specific to React fix related to initial positioning when containers have components with managed focus\n *   to avoid focus jumps\n */\nexport function usePopper(\n  options: UsePopperOptions = {},\n): {\n  // React refs are supposed to be contravariant\n  // (allows a more general type to be passed rather than a more specific one)\n  // However, Typescript currently can't infer that fact for refs\n  // See https://github.com/microsoft/TypeScript/issues/30748 for more information\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  targetRef: React.MutableRefObject<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  containerRef: React.MutableRefObject<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  arrowRef: React.MutableRefObject<any>;\n} {\n  const { enabled = true } = options;\n  const isFirstMount = useFirstMount();\n\n  const popperOriginalPositionRef = React.useRef<string>('absolute');\n  const resolvePopperOptions = usePopperOptions(options, popperOriginalPositionRef);\n\n  const popperInstanceRef = React.useRef<PopperInstance | null>(null);\n\n  const handlePopperUpdate = useEventCallback(() => {\n    popperInstanceRef.current?.destroy();\n    popperInstanceRef.current = null;\n\n    const target = overrideTargetRef.current ?? targetRef.current;\n\n    let popperInstance: PopperInstance | null = null;\n\n    if (canUseDOM() && enabled) {\n      if (target && containerRef.current) {\n        popperInstance = PopperJs.createPopper(\n          target,\n          containerRef.current,\n          resolvePopperOptions(target, containerRef.current, arrowRef.current),\n        );\n      }\n    }\n\n    if (popperInstance) {\n      /**\n       * The patch updates `.forceUpdate()` Popper function which restores the original position before the first\n       * forceUpdate() call. See also \"positionStyleFix\" modifier in usePopperOptions().\n       */\n      const originalForceUpdate = popperInstance.forceUpdate;\n\n      popperInstance.isFirstRun = true;\n      popperInstance.forceUpdate = () => {\n        if (popperInstance?.isFirstRun) {\n          popperInstance.state.elements.popper.style.position = popperOriginalPositionRef.current;\n          popperInstance.isFirstRun = false;\n        }\n\n        originalForceUpdate();\n      };\n    }\n\n    popperInstanceRef.current = popperInstance;\n  });\n\n  // Refs are managed by useCallbackRef() to handle ref updates scenarios.\n  //\n  // The first scenario are updates for a targetRef, we can handle it properly only via callback refs, but it causes\n  // re-renders (we would like to avoid them).\n  //\n  // The second problem is related to refs resolution on React's layer: refs are resolved in the same order as effects\n  // that causes an issue when you have a container inside a target, for example: a menu in ChatMessage.\n  //\n  // function ChatMessage(props) {\n  //   <div className=\"message\" ref={targetRef}> // 3) ref will be resolved only now, but it's too late already\n  //     <Popper target={targetRef}> // 2) create a popper instance\n  //       <div className=\"menu\" /> // 1) capture ref from this element\n  //     </Popper>\n  //   </div>\n  // }\n  //\n  // Check a demo on CodeSandbox: https://codesandbox.io/s/popper-refs-emy60.\n  //\n  // This again can be solved with callback refs. It's not a huge issue as with hooks we are moving popper's creation\n  // to ChatMessage itself, however, without `useCallback()` refs it's still a Pandora box.\n  const targetRef = useCallbackRef<HTMLElement | PopperJs.VirtualElement | null>(null, handlePopperUpdate, true);\n  const containerRef = useCallbackRef<HTMLElement | null>(null, handlePopperUpdate, true);\n  const arrowRef = useCallbackRef<HTMLElement | null>(null, handlePopperUpdate, true);\n\n  // Stores external target from options.target or setTarget\n  const overrideTargetRef = useCallbackRef<HTMLElement | PopperVirtualElement | null>(null, handlePopperUpdate, true);\n\n  React.useImperativeHandle(\n    options.popperRef,\n    () => ({\n      updatePosition: () => {\n        popperInstanceRef.current?.update();\n      },\n      setTarget: (target: HTMLElement | PopperVirtualElement) => {\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        overrideTargetRef.current = target;\n      },\n    }),\n    // Missing deps:\n    // options.target - only used for a runtime warning\n    // targetRef - Stable between renders\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (options.target) {\n      overrideTargetRef.current = options.target;\n    }\n  }, [options.target, overrideTargetRef]);\n  useIsomorphicLayoutEffect(() => {\n    handlePopperUpdate();\n\n    return () => {\n      popperInstanceRef.current?.destroy();\n      popperInstanceRef.current = null;\n    };\n  }, [handlePopperUpdate, options.enabled]);\n  useIsomorphicLayoutEffect(\n    () => {\n      if (!isFirstMount) {\n        popperInstanceRef.current?.setOptions(\n          resolvePopperOptions(overrideTargetRef.current ?? targetRef.current, containerRef.current, arrowRef.current),\n        );\n      }\n    },\n    // Missing deps:\n    // isFirstMount - Should never change after mount\n    // arrowRef, containerRef, targetRef - Stable between renders\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [resolvePopperOptions],\n  );\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  return { targetRef, containerRef, arrowRef };\n}\n"],"sourceRoot":"../src/"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-positioning",
-  "version": "9.0.0-rc.3",
+  "version": "9.0.0-rc.4",
   "description": "A react wrapper around Popper.js for Fluent UI",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -34,7 +34,8 @@
   "dependencies": {
     "@griffel/react": "1.0.0",
     "@fluentui/react-shared-contexts": "9.0.0-rc.3",
-    "@fluentui/react-utilities": "9.0.0-rc.3",
+    "@fluentui/react-theme": "9.0.0-rc.3",
+    "@fluentui/react-utilities": "9.0.0-rc.4",
     "@popperjs/core": "~2.4.3",
     "tslib": "^2.1.0"
   },