Initial commit

node_modules/@fluentui/react-utilities/lib/hooks/useScrollbarWidth.js

@@ -0,0 +1,28 @@
+import * as React from 'react';
+const cache = new WeakMap();
+/**
+ * @returns The width in pixels of the scrollbar in the user agent
+ */ export function useScrollbarWidth(options) {
+    const { targetDocument, force } = options;
+    return React.useMemo(()=>{
+        if (!targetDocument) {
+            return 0;
+        }
+        if (!force && cache.has(targetDocument)) {
+            return cache.get(targetDocument);
+        }
+        const outer = targetDocument.createElement('div');
+        outer.style.visibility = 'hidden';
+        outer.style.overflow = 'scroll';
+        const inner = targetDocument.createElement('div');
+        outer.appendChild(inner);
+        targetDocument.body.appendChild(outer);
+        const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;
+        outer.remove();
+        cache.set(targetDocument, scrollbarWidth);
+        return scrollbarWidth;
+    }, [
+        targetDocument,
+        force
+    ]);
+}