feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-virtualizer/lib-commonjs/hooks/useVirtualizerMeasure.js

@@ -0,0 +1,70 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useStaticVirtualizerMeasure", {
+    enumerable: true,
+    get: function() {
+        return useStaticVirtualizerMeasure;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useResizeObserverRef = require("./useResizeObserverRef");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const useStaticVirtualizerMeasure = (virtualizerProps)=>{
+    const { defaultItemSize, direction = 'vertical', bufferItems, bufferSize } = virtualizerProps;
+    const [state, setState] = _react.useState({
+        virtualizerLength: 0,
+        _bufferSize: 0,
+        _bufferItems: 0
+    });
+    const containerSizeRef = _react.useRef(0);
+    const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
+    const { virtualizerLength, _bufferItems, _bufferSize } = state;
+    const resizeCallback = _react.useCallback((_entries, _observer, scrollRef)=>{
+        if (!(scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)) {
+            return;
+        }
+        if (scrollRef.current !== (targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.body)) {
+            // We have a local scroll container
+            containerSizeRef.current = direction === 'vertical' ? scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current.getBoundingClientRect().height : scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current.getBoundingClientRect().width;
+        } else if (targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) {
+            var _targetDocument_defaultView, _targetDocument_defaultView1;
+            // If our scroll ref is the document body, we should check window height
+            containerSizeRef.current = direction === 'vertical' ? targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.innerHeight : targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView1 = targetDocument.defaultView) === null || _targetDocument_defaultView1 === void 0 ? void 0 : _targetDocument_defaultView1.innerWidth;
+        }
+        /*
+       * Number of items required to cover viewport.
+       */ const length = Math.ceil(containerSizeRef.current / defaultItemSize + 1);
+        /*
+       * Number of items to append at each end, i.e. 'preload' each side before entering view.
+       * Minimum: 1
+       */ const newBufferItems = bufferItems !== null && bufferItems !== void 0 ? bufferItems : Math.max(Math.ceil(length / 4), 1);
+        /*
+       * This is how far we deviate into the bufferItems to detect a redraw.
+       */ const newBufferSize = bufferSize !== null && bufferSize !== void 0 ? bufferSize : Math.max(defaultItemSize / 2.0, 1);
+        const totalLength = length + newBufferItems * 2;
+        setState({
+            virtualizerLength: totalLength,
+            _bufferItems: newBufferItems,
+            _bufferSize: newBufferSize
+        });
+    }, [
+        bufferItems,
+        bufferSize,
+        defaultItemSize,
+        direction,
+        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.body,
+        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView
+    ]);
+    const scrollRef = (0, _useResizeObserverRef.useResizeObserverRef_unstable)(resizeCallback);
+    return {
+        virtualizerLength,
+        bufferItems: _bufferItems,
+        bufferSize: _bufferSize,
+        scrollRef,
+        containerSizeRef
+    };
+};