feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-motion/lib/hooks/useMountedState.js

@@ -0,0 +1,27 @@
+'use client';
+import { useForceUpdate } from '@fluentui/react-utilities';
+import * as React from 'react';
+/**
+ * This hook manages the mounted state of a component, based on the "visible" and "unmountOnExit" props.
+ * It simulates the behavior of getDerivedStateFromProps(), which is not available in functional components.
+ */ export function useMountedState(visible = false, unmountOnExit = false) {
+    const mountedRef = React.useRef(unmountOnExit ? visible : true);
+    const forceUpdate = useForceUpdate();
+    const setMounted = React.useCallback((newValue)=>{
+        if (mountedRef.current !== newValue) {
+            mountedRef.current = newValue;
+            forceUpdate();
+        }
+    }, [
+        forceUpdate
+    ]);
+    React.useEffect(()=>{
+        if (visible) {
+            mountedRef.current = visible;
+        }
+    });
+    return [
+        visible || mountedRef.current,
+        setMounted
+    ];
+}