feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-positioning/lib/middleware/intersecting.js

@@ -0,0 +1,20 @@
+import { detectOverflow } from '@floating-ui/dom';
+export function intersecting() {
+    return {
+        name: 'intersectionObserver',
+        fn: async (middlewareArguments)=>{
+            const floatingRect = middlewareArguments.rects.floating;
+            const altOverflow = await detectOverflow(middlewareArguments, {
+                altBoundary: true
+            });
+            const isIntersectingTop = altOverflow.top < floatingRect.height && altOverflow.top > 0;
+            const isIntersectingBottom = altOverflow.bottom < floatingRect.height && altOverflow.bottom > 0;
+            const isIntersecting = isIntersectingTop || isIntersectingBottom;
+            return {
+                data: {
+                    intersecting: isIntersecting
+                }
+            };
+        }
+    };
+}