feat: Fluent UI Outlook Lite + connections mockup

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

@@ -0,0 +1,29 @@
+import { parseFloatingUIPlacement } from '../utils/index';
+export function coverTarget() {
+    return {
+        name: 'coverTarget',
+        fn: (middlewareArguments)=>{
+            const { placement, rects, x, y } = middlewareArguments;
+            const basePlacement = parseFloatingUIPlacement(placement).side;
+            const newCoords = {
+                x,
+                y
+            };
+            switch(basePlacement){
+                case 'bottom':
+                    newCoords.y -= rects.reference.height;
+                    break;
+                case 'top':
+                    newCoords.y += rects.reference.height;
+                    break;
+                case 'left':
+                    newCoords.x += rects.reference.width;
+                    break;
+                case 'right':
+                    newCoords.x -= rects.reference.width;
+                    break;
+            }
+            return newCoords;
+        }
+    };
+}