@cargo-ai/utils 1.0.4 → 1.0.6

package/build/json.js

@@ -1,81 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isJsonSchemaEmpty = exports.castToJsonType = exports.getJsonType = exports.isJson = exports.jsonTypes = void 0;
-var collection_js_1 = require("./collection.js");
-exports.jsonTypes = [
-    "string",
-    "number",
-    "object",
-    "array",
-    "date",
-    "boolean",
-    "any",
-];
-var isJson = function (value) {
-    try {
-        JSON.parse(value);
-        return true;
-    }
-    catch (_a) {
-        return false;
-    }
-};
-exports.isJson = isJson;
-var getJsonType = function (value) {
-    if (value === null || value === undefined) {
-        return "any";
-    }
-    if (Array.isArray(value)) {
-        return "array";
-    }
-    if (value instanceof Date) {
-        return "date";
-    }
-    if (typeof value === "object") {
-        return "object";
-    }
-    if (value === true || value === false) {
-        return "boolean";
-    }
-    if (typeof value === "number") {
-        return "number";
-    }
-    if (typeof value === "string") {
-        return "string";
-    }
-    return "any";
-};
-exports.getJsonType = getJsonType;
-var castToJsonType = function (value, type) {
-    try {
-        if (type === "array") {
-            return Array.isArray(value) ? value : null;
-        }
-        if (type === "string") {
-            return String(value);
-        }
-        if (type === "boolean") {
-            return Boolean(value);
-        }
-        if (type === "number") {
-            var number = Number(value);
-            if (isNaN(number)) {
-                return undefined;
-            }
-            return number;
-        }
-        if (type === "date") {
-            return new Date(value);
-        }
-        return value;
-    }
-    catch (_a) {
-        return undefined;
-    }
-};
-exports.castToJsonType = castToJsonType;
-var isJsonSchemaEmpty = function (jsonSchema) {
-    return jsonSchema.type === "object" &&
-        (!jsonSchema.properties || (0, collection_js_1.getKeys)(jsonSchema.properties).length === 0);
-};
-exports.isJsonSchemaEmpty = isJsonSchemaEmpty;

package/build/random.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.random = void 0;
-var random = function (min, max) {
-    return Math.floor(Math.random() * (max - min + 1) + min);
-};
-exports.random = random;

package/build/src/components.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-export declare const isComponentElement: <Props>(component: React.FC<Props>, element: React.ReactElement) => boolean;
-export declare const replaceComponentElements: <Props>(component: React.FC<Props>, replace: (props: Props, index: number, count: number) => React.ReactElement, children?: React.ReactNode) => React.ReactNode;
-export declare const filterComponentElements: <Props>(component: React.FC<Props>, children?: React.ReactNode) => React.ReactElement<Props, string | React.JSXElementConstructor<any>>[];

package/build/src/components.js

@@ -1,45 +0,0 @@
-import React from "react";
-export const isComponentElement = (component, element) => {
-    return component.name === element.type.name;
-};
-export const replaceComponentElements = (component, replace, children) => {
-    if (!children) {
-        return undefined;
-    }
-    const count = React.Children.count(children);
-    return React.Children.map(children, (child, index) => {
-        if (!React.isValidElement(child)) {
-            return child;
-        }
-        const childElement = child;
-        if (isComponentElement(component, childElement)) {
-            return replace(childElement.props, index, count);
-        }
-        if (childElement.props.children) {
-            return {
-                ...childElement,
-                props: {
-                    ...childElement.props,
-                    children: replaceComponentElements(component, replace, childElement.props.children),
-                },
-            };
-        }
-        return child;
-    });
-};
-export const filterComponentElements = (component, children) => {
-    const elements = [];
-    React.Children.forEach(children, (child) => {
-        if (!React.isValidElement(child)) {
-            return;
-        }
-        const childElement = child;
-        if (isComponentElement(component, childElement)) {
-            elements.push(childElement);
-        }
-        else if (childElement.props.children) {
-            elements.push(...filterComponentElements(component, childElement.props.children));
-        }
-    });
-    return elements;
-};

package/build/src/date.d.ts

@@ -1,13 +0,0 @@
-/**
- * Normalizes a Date object to an ISO 8601 date string (`YYYY-MM-DD`),
- * compensating for the local timezone offset to ensure consistency in UTC.
- *
- * @param {Date} date - The date object to normalize.
- * @returns {string} The normalized ISO date string (`YYYY-MM-DD`).
- *
- * @example
- * const date = new Date("2024-02-17T23:59:59");
- * console.log(getUTCDateString(date)); // "2024-02-17" (adjusted for timezone)
- */
-export declare function getUTCDateString(date: Date): string | undefined;
-//# sourceMappingURL=date.d.ts.map

package/build/src/date.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/date.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAE/D"}

package/build/src/date.js

@@ -1,14 +0,0 @@
-/**
- * Normalizes a Date object to an ISO 8601 date string (`YYYY-MM-DD`),
- * compensating for the local timezone offset to ensure consistency in UTC.
- *
- * @param {Date} date - The date object to normalize.
- * @returns {string} The normalized ISO date string (`YYYY-MM-DD`).
- *
- * @example
- * const date = new Date("2024-02-17T23:59:59");
- * console.log(getUTCDateString(date)); // "2024-02-17" (adjusted for timezone)
- */
-export function getUTCDateString(date) {
-    return date.toISOString().split("T")[0];
-}

package/build/src/expression/jsonSchema.d.ts

@@ -1,4 +0,0 @@
-import type { JsonSchema } from "../jsonSchema.js";
-export declare const expressionJsonSchema: JsonSchema;
-export declare const jsonSchemaDefinitions: JsonSchema["definitions"];
-//# sourceMappingURL=jsonSchema.d.ts.map

package/build/src/expression/jsonSchema.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"jsonSchema.d.ts","sourceRoot":"","sources":["../../../src/expression/jsonSchema.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,eAAO,MAAM,oBAAoB,EAAE,UAqDlC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,UAAU,CAAC,aAAa,CA8B3D,CAAC"}

package/build/src/expression/jsonSchema.js

@@ -1,85 +0,0 @@
-export const expressionJsonSchema = {
-    type: "object",
-    title: "Expression",
-    properties: {
-        kind: {
-            type: "string",
-            enum: ["jsExpression", "templateExpression"],
-        },
-        expression: {
-            type: "string",
-            minLength: 1,
-        },
-        instructTo: {
-            type: ["string"],
-            enum: ["ai", "none"],
-        },
-        fromRecipe: {
-            type: "boolean",
-        },
-    },
-    allOf: [
-        {
-            if: {
-                properties: {
-                    fromRecipe: {
-                        const: true,
-                    },
-                },
-            },
-            then: {
-                properties: {
-                    recipe: {
-                        type: "object",
-                        properties: {
-                            uuid: {
-                                type: "string",
-                            },
-                            version: {
-                                type: "number",
-                            },
-                            variables: {
-                                type: "object",
-                                additionalProperties: true,
-                            },
-                        },
-                        required: ["uuid", "version", "variables"],
-                    },
-                },
-                required: ["recipe"],
-            },
-        },
-    ],
-    required: ["kind", "expression", "instructTo", "fromRecipe"],
-};
-export const jsonSchemaDefinitions = {
-    expression: expressionJsonSchema,
-    templateExpression: { type: "string" },
-    multi: {
-        anyOf: [
-            {
-                type: "array",
-                items: { type: "string" },
-            },
-            { type: "string" },
-        ],
-        minItems: 1,
-        uniqueItems: true,
-    },
-    encryption: {
-        type: "object",
-        properties: {
-            type: {
-                type: "string",
-                enum: ["encryption"],
-            },
-            isEncrypted: {
-                type: "boolean",
-            },
-            value: {
-                type: "string",
-            },
-        },
-        required: ["type", "isEncrypted", "value"],
-    },
-};

package/build/src/expression/matchIsExpression.d.ts

@@ -1,2 +0,0 @@
-export declare const matchIsExpression: (value: any) => boolean;
-//# sourceMappingURL=matchIsExpression.d.ts.map

package/build/src/expression/matchIsExpression.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"matchIsExpression.d.ts","sourceRoot":"","sources":["../../../src/expression/matchIsExpression.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,UAAW,GAAG,KAAG,OAQ9C,CAAC"}

package/build/src/expression/matchIsExpression.js

@@ -1,10 +0,0 @@
-import { validate as jsonSchemaValidate } from "jsonschema";
-import { expressionJsonSchema } from "./jsonSchema.js";
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const matchIsExpression = (value) => {
-    if (value === undefined || value === null) {
-        return false;
-    }
-    const { valid: isValid } = jsonSchemaValidate(value, expressionJsonSchema);
-    return isValid === true;
-};

package/build/src/expression/matchIsExpressionObject.d.ts

@@ -1,2 +0,0 @@
-export declare const matchIsExpressionObject: (value: any) => boolean;
-//# sourceMappingURL=matchIsExpressionObject.d.ts.map

package/build/src/expression/matchIsExpressionObject.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"matchIsExpressionObject.d.ts","sourceRoot":"","sources":["../../../src/expression/matchIsExpressionObject.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,uBAAuB,UAAW,GAAG,KAAG,OAQpD,CAAC"}

package/build/src/expression/matchIsExpressionObject.js

@@ -1,10 +0,0 @@
-import { validate as jsonSchemaValidate } from "jsonschema";
-import { expressionJsonSchema } from "../jsonSchema.js";
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const matchIsExpressionObject = (value) => {
-    if (value === undefined || value === null) {
-        return false;
-    }
-    const { valid: isValid } = jsonSchemaValidate(value, expressionJsonSchema);
-    return isValid === true;
-};

package/build/src/expression/matchIsExpressionString.d.ts

@@ -1,2 +0,0 @@
-export declare const matchIsExpressionString: (value: string) => boolean;
-//# sourceMappingURL=matchIsExpressionString.d.ts.map

package/build/src/expression/matchIsExpressionString.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"matchIsExpressionString.d.ts","sourceRoot":"","sources":["../../../src/expression/matchIsExpressionString.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,UAAW,MAAM,KAAG,OAEvD,CAAC"}

package/build/src/expression/matchIsExpressionString.js

@@ -1,4 +0,0 @@
-const EXPRESSION_REGEX = /{{.*}}/;
-export const matchIsExpressionString = (value) => {
-    return EXPRESSION_REGEX.test(value);
-};

package/build/src/hooks/index.d.ts

@@ -1,12 +0,0 @@
-export * from "./useClickOutside.js";
-export { useCountAnimation } from "./useCountAnimation.js";
-export { useDeviceType } from "./useDeviceType.js";
-export { useEventListener } from "./useEventListener.js";
-export * from "./useHeight.js";
-export { usePictureInPicture } from "./usePictureInPicture.js";
-export * from "./useResizeObserver.js";
-export { useScrollPosition } from "./useScrollPosition.js";
-export * from "./useStepper.js";
-export * from "./useStorageState.js";
-export { useVideoPlayer } from "./useVideoPlayer/index.js";
-export * from "./useWillUnmountEffect.js";

package/build/src/hooks/index.js

@@ -1,12 +0,0 @@
-export * from "./useClickOutside.js";
-export { useCountAnimation } from "./useCountAnimation.js";
-export { useDeviceType } from "./useDeviceType.js";
-export { useEventListener } from "./useEventListener.js";
-export * from "./useHeight.js";
-export { usePictureInPicture } from "./usePictureInPicture.js";
-export * from "./useResizeObserver.js";
-export { useScrollPosition } from "./useScrollPosition.js";
-export * from "./useStepper.js";
-export * from "./useStorageState.js";
-export { useVideoPlayer } from "./useVideoPlayer/index.js";
-export * from "./useWillUnmountEffect.js";

package/build/src/hooks/useClickOutside.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-type Ref<T extends HTMLElement> = React.RefObject<T | null> | T | null;
-export declare const useClickOutside: <T extends HTMLElement>(refOrRefs: Ref<T> | Ref<T>[], handle: (event: MouseEvent) => void) => void;
-export {};

package/build/src/hooks/useClickOutside.js

@@ -1,42 +0,0 @@
-import React from "react";
-export const useClickOutside = (refOrRefs, handle) => {
-    React.useEffect(() => {
-        if (refOrRefs === null ||
-            (Array.isArray(refOrRefs) && refOrRefs.length === 0)) {
-            return;
-        }
-        const handleClickOutside = (event) => {
-            const hasClickedOutsideRef = Array.isArray(refOrRefs)
-                ? refOrRefs.every((ref) => {
-                    return matchHasClickedOutsideRef(event, ref);
-                })
-                : matchHasClickedOutsideRef(event, refOrRefs);
-            if (hasClickedOutsideRef === true) {
-                handle(event);
-            }
-        };
-        document.addEventListener("mouseup", handleClickOutside);
-        return () => {
-            document.removeEventListener("mouseup", handleClickOutside);
-        };
-    }, [refOrRefs, handle]);
-};
-const matchHasClickedOutsideRef = (event, ref) => {
-    if (ref === null) {
-        return false;
-    }
-    const element = ref instanceof HTMLElement ? ref : ref.current;
-    if (element === null) {
-        return false;
-    }
-    if (event.target === null) {
-        return false;
-    }
-    const { clientX: x, clientY: y } = event;
-    const { height: refHeight, width: refWidth, top: refTop, left: refLeft, } = element.getBoundingClientRect();
-    const isClickInsideElement = x >= refLeft &&
-        x <= refLeft + refWidth &&
-        y >= refTop &&
-        y <= refTop + refHeight;
-    return isClickInsideElement === false;
-};

package/build/src/hooks/useCountAnimation.d.ts

@@ -1 +0,0 @@
-export declare function useCountAnimation(targetValue: number, triggerKey?: string | number | Date): number;

package/build/src/hooks/useCountAnimation.js

@@ -1,30 +0,0 @@
-import React from "react";
-export function useCountAnimation(targetValue, triggerKey) {
-    const [currentValue, setCurrentValue] = React.useState(0);
-    const previousKey = React.useRef(triggerKey);
-    const isFirstMount = React.useRef(true);
-    React.useEffect(() => {
-        if (isFirstMount.current === true) {
-            isFirstMount.current = false;
-        }
-        else if (triggerKey === undefined || previousKey.current === triggerKey) {
-            setCurrentValue(targetValue);
-            return;
-        }
-        previousKey.current = triggerKey;
-        const start = Date.now();
-        const duration = 300;
-        const step = () => {
-            const progress = (Date.now() - start) / duration;
-            if (progress < 1) {
-                setCurrentValue(Math.floor(progress * targetValue));
-                requestAnimationFrame(step);
-            }
-            else {
-                setCurrentValue(targetValue);
-            }
-        };
-        requestAnimationFrame(step);
-    }, [targetValue, triggerKey]);
-    return currentValue;
-}

package/build/src/hooks/useDeviceType.d.ts

@@ -1,2 +0,0 @@
-export type DeviceType = "mobile" | "tablet" | "desktop" | "largeScreen";
-export declare function useDeviceType(): DeviceType | null;

package/build/src/hooks/useDeviceType.js

@@ -1,50 +0,0 @@
-"use client";
-import { useEffect, useSyncExternalStore } from "react";
-import { useEventListener } from "./useEventListener.js";
-const sizes = {
-    sm: 640,
-    md: 768,
-    lg: 1024,
-    xl: 1280,
-    "2xl": 1536,
-};
-function getDeviceType(width, height) {
-    const isLandscape = width > height;
-    const landscapeMobileMaxWidth = 850;
-    if (isLandscape && width <= landscapeMobileMaxWidth)
-        return "mobile";
-    if (width < sizes.sm)
-        return "mobile";
-    if (width >= sizes.sm && width <= sizes.lg)
-        return "tablet";
-    if (width >= sizes.lg && width <= sizes.xl)
-        return "desktop";
-    return "largeScreen";
-}
-function createDeviceTypeStore() {
-    const listeners = new Set();
-    let currentDeviceType = null;
-    const updateDeviceType = () => {
-        const newDeviceType = getDeviceType(window.innerWidth, window.innerHeight);
-        if (currentDeviceType !== newDeviceType) {
-            currentDeviceType = newDeviceType;
-            listeners.forEach((listener) => listener());
-        }
-    };
-    return {
-        updateDeviceType,
-        subscribe: (callback) => {
-            listeners.add(callback);
-            return () => listeners.delete(callback);
-        },
-        getSnapshot: () => currentDeviceType,
-        getServerSnapshot: () => currentDeviceType,
-    };
-}
-const deviceTypeStore = createDeviceTypeStore();
-export function useDeviceType() {
-    const { subscribe, getSnapshot, getServerSnapshot, updateDeviceType } = deviceTypeStore;
-    useEffect(() => updateDeviceType(), [updateDeviceType]);
-    useEventListener("resize", updateDeviceType);
-    return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-}

package/build/src/hooks/useEventListener.d.ts

@@ -1,6 +0,0 @@
-import type { RefObject } from "react";
-declare function useEventListener<K extends keyof MediaQueryListEventMap>(eventName: K, handler: (event: MediaQueryListEventMap[K]) => void, element?: RefObject<MediaQueryList>, options?: boolean | AddEventListenerOptions): void;
-declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void, element?: undefined, options?: boolean | AddEventListenerOptions): void;
-declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, element?: RefObject<T>, options?: boolean | AddEventListenerOptions): void;
-declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, element?: RefObject<Document>, options?: boolean | AddEventListenerOptions): void;
-export { useEventListener };

package/build/src/hooks/useEventListener.js

@@ -1,23 +0,0 @@
-"use client";
-import { useEffect, useRef } from "react";
-function useEventListener(eventName, handler, element, options) {
-    // Create a ref that stores handler
-    const savedHandler = useRef(handler);
-    useEffect(() => {
-        savedHandler.current = handler;
-    }, [handler]);
-    useEffect(() => {
-        // Define the listening target
-        const targetElement = element?.current ?? window;
-        if (!(targetElement && targetElement.addEventListener))
-            return;
-        // Create event listener that calls handler function stored in ref
-        const listener = (event) => savedHandler.current(event);
-        targetElement.addEventListener(eventName, listener, options);
-        // Remove event listener on cleanup
-        return () => {
-            targetElement.removeEventListener(eventName, listener, options);
-        };
-    }, [eventName, element, options]);
-}
-export { useEventListener };

package/build/src/hooks/useHeight.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const useHeight: <T extends HTMLElement>() => [React.MutableRefObject<T | null>, number];

package/build/src/hooks/useHeight.js

@@ -1,20 +0,0 @@
-import React from "react";
-export const useHeight = () => {
-    const ref = React.useRef(null);
-    const [height, setHeight] = React.useState(0);
-    const heightRef = React.useRef(height);
-    const [resizeObserver] = React.useState(() => new ResizeObserver(() => {
-        if (ref.current && heightRef.current !== ref.current.offsetHeight) {
-            heightRef.current = ref.current.offsetHeight;
-            setHeight(ref.current.offsetHeight);
-        }
-    }));
-    React.useLayoutEffect(() => {
-        if (ref.current) {
-            setHeight(ref.current.offsetHeight);
-            resizeObserver.observe(ref.current, {});
-        }
-        return () => resizeObserver.disconnect();
-    }, [resizeObserver]);
-    return [ref, height];
-};

package/build/src/hooks/usePictureInPicture.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-type UsePictureInPictureValues = {
-    isPipAvailable: boolean;
-    isPipActive: boolean;
-    enterPip: () => Promise<void>;
-    exitPip: () => Promise<void>;
-};
-export declare function usePictureInPicture(videoRef: React.MutableRefObject<HTMLVideoElement | null>): UsePictureInPictureValues;
-export {};

package/build/src/hooks/usePictureInPicture.js

@@ -1,60 +0,0 @@
-import React from "react";
-export function usePictureInPicture(videoRef) {
-    const [isPipAvailable, setIsPipAvailable] = React.useState(false);
-    const [isPipActive, setIsPipActive] = React.useState(false);
-    const pipWindowRef = React.useRef(null);
-    React.useEffect(() => {
-        setIsPipAvailable(document.pictureInPictureEnabled === true);
-    }, []);
-    const enterPip = React.useCallback(async () => {
-        const videoElement = videoRef.current;
-        if (videoElement === null || isPipAvailable === false) {
-            return;
-        }
-        try {
-            pipWindowRef.current = await videoElement.requestPictureInPicture();
-            setIsPipActive(true);
-            videoElement.play();
-        }
-        catch (error) {
-            console.error("Failed to enter Picture-in-Picture mode:", { error });
-        }
-    }, [isPipAvailable, videoRef]);
-    const exitPip = React.useCallback(async () => {
-        if (document.pictureInPictureElement === null) {
-            return;
-        }
-        try {
-            await document.exitPictureInPicture();
-            setIsPipActive(false);
-        }
-        catch (error) {
-            console.error("Failed to exit Picture-in-Picture mode:", { error });
-        }
-    }, []);
-    const handlePipChange = React.useCallback(() => {
-        const isPipActive = document.pictureInPictureElement === videoRef.current;
-        setIsPipActive(isPipActive);
-    }, [videoRef]);
-    React.useEffect(() => {
-        const videoElement = videoRef.current;
-        if (videoElement === null) {
-            return;
-        }
-        videoElement.addEventListener("enterpictureinpicture", handlePipChange);
-        videoElement.addEventListener("leavepictureinpicture", handlePipChange);
-        return () => {
-            videoElement.removeEventListener("enterpictureinpicture", handlePipChange);
-            videoElement.removeEventListener("leavepictureinpicture", handlePipChange);
-        };
-    }, [handlePipChange, videoRef]);
-    const values = React.useMemo(() => {
-        return {
-            isPipAvailable,
-            isPipActive,
-            enterPip,
-            exitPip,
-        };
-    }, [enterPip, exitPip, isPipActive, isPipAvailable]);
-    return values;
-}

package/build/src/hooks/useResizeObserver.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-type Callback = (entry: DOMRectReadOnly) => void;
-export declare function useResizeObserver<T extends Element>(ref: React.MutableRefObject<T | null> | T | null, callback: Callback | undefined): void;
-export {};

package/build/src/hooks/useResizeObserver.js

@@ -1,31 +0,0 @@
-import { ResizeObserver } from "@juggle/resize-observer";
-import React from "react";
-export function useResizeObserver(ref, callback) {
-    React.useEffect(() => {
-        const element = ref === null ? null : "current" in ref ? ref.current : ref;
-        if (element === null || callback === undefined) {
-            return;
-        }
-        const observer = new ResizeObserver((entries) => {
-            // https://stackoverflow.com/questions/49384120/resizeobserver-loop-limit-exceeded/58701523#58701523
-            requestAnimationFrame(() => {
-                if (!Array.isArray(entries) || !entries.length) {
-                    return;
-                }
-                // By the time the animation frame fires, the DOM might have be unmounted already
-                if (element === null || callback === undefined) {
-                    return;
-                }
-                const entry = entries[0];
-                if (entry === undefined) {
-                    return;
-                }
-                callback(entry.contentRect);
-            });
-        });
-        observer.observe(element);
-        return () => {
-            observer.disconnect();
-        };
-    }, [ref, callback]);
-}