feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-positioning/lib/utils/fromFloatingUIPlacement.js

@@ -0,0 +1,33 @@
+import { parseFloatingUIPlacement } from './parseFloatingUIPlacement';
+const getPositionMap = ()=>({
+        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') {
+        return {
+            start: 'start',
+            end: 'end'
+        };
+    }
+    return {
+        start: 'top',
+        end: 'bottom'
+    };
+};
+/**
+ * Maps Floating UI placement to positioning values
+ * @see positioningHelper.test.ts for expected placement values
+ */ export const fromFloatingUIPlacement = (placement)=>{
+    const { side, alignment: floatingUIAlignment } = parseFloatingUIPlacement(placement);
+    const position = getPositionMap()[side];
+    const alignment = floatingUIAlignment && getAlignmentMap(position)[floatingUIAlignment];
+    return {
+        position,
+        alignment
+    };
+};