@remotion/studio 4.0.121 → 4.0.123

package/dist/helpers/use-el-size.d.ts

@@ -1,5 +0,0 @@
-export type Size = {
-    width: number;
-    height: number;
-};
-export declare const useElementSize: (ref: HTMLElement | null) => Size | null;

package/dist/helpers/use-el-size.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useElementSize = void 0;
-const react_1 = require("react");
-const useElementSize = (ref) => {
-    const [size, setSize] = (0, react_1.useState)(null);
-    const observer = (0, react_1.useMemo)(() => {
-        if (typeof ResizeObserver === 'undefined') {
-            return;
-        }
-        return new ResizeObserver((entries) => {
-            setSize({
-                width: entries[0].contentRect.width,
-                height: entries[0].contentRect.height,
-            });
-        });
-    }, []);
-    const updateSize = (0, react_1.useCallback)(() => {
-        if (ref === null) {
-            return;
-        }
-        const rect = ref.getClientRects();
-        setSize({
-            width: rect[0].width,
-            height: rect[0].height,
-        });
-    }, [ref]);
-    (0, react_1.useEffect)(() => {
-        updateSize();
-        if (!observer) {
-            return;
-        }
-        if (ref) {
-            observer.observe(ref);
-        }
-        return () => {
-            if (ref) {
-                observer.unobserve(ref);
-            }
-        };
-    }, [observer, ref, updateSize]);
-    return size;
-};
-exports.useElementSize = useElementSize;