reshaped 3.10.0-canary.5 → 3.10.0-canary.7

package/dist/hooks/useOnClickOutside.js

@@ -1,63 +0,0 @@
-import React from "react";
-import * as keys from "../constants/keys.js";
-import useHandlerRef from "./useHandlerRef.js";
-const useOnClickOutside = (refs, handler, options) => {
-    const { disabled } = options || {};
-    const handlerRef = useHandlerRef(handler);
-    /**
-     * We're checking the element position in the DOM on mousedown to make sure
-     * it happens before any other click events that could potentially remove the clicked el
-     * before we checked if it's inside the refs
-     */
-    const isMouseDownInsideRef = React.useRef(false);
-    React.useEffect(() => {
-        /**
-         * Not checking for disabled here since some components can enable the hook
-         * after it was clicked
-         */
-        const handleMouseDown = (event) => {
-            isMouseDownInsideRef.current = false;
-            const clickedEl = event.composedPath()[0];
-            refs.forEach((elRef) => {
-                if (!elRef.current)
-                    return;
-                if (elRef.current === clickedEl || elRef.current.contains(clickedEl)) {
-                    isMouseDownInsideRef.current = true;
-                }
-            });
-        };
-        const handleKeyDown = (event) => {
-            if (![keys.ENTER, keys.SPACE].includes(event.key))
-                return;
-            handleMouseDown(event);
-        };
-        document.addEventListener("mousedown", handleMouseDown, { passive: true });
-        document.addEventListener("touchstart", handleMouseDown, { passive: true });
-        document.addEventListener("keydown", handleKeyDown, { passive: true });
-        return () => {
-            document.removeEventListener("mousedown", handleMouseDown);
-            document.removeEventListener("touchstart", handleMouseDown);
-            document.removeEventListener("keydown", handleKeyDown);
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [...refs]);
-    React.useEffect(() => {
-        if (!handlerRef.current)
-            return;
-        if (disabled)
-            return;
-        const handleClick = (event) => {
-            if ("button" in event && event.button === 2)
-                return;
-            if (isMouseDownInsideRef.current)
-                return;
-            handlerRef.current?.(event);
-        };
-        document.addEventListener("click", handleClick);
-        return () => {
-            document.removeEventListener("click", handleClick);
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [handlerRef, disabled, ...refs]);
-};
-export default useOnClickOutside;

package/dist/hooks/useRTL.d.ts

@@ -1,2 +0,0 @@
-declare const useRTL: () => [boolean, (state: boolean) => void];
-export default useRTL;

package/dist/hooks/useRTL.js

@@ -1,7 +0,0 @@
-"use client";
-import React from "react";
-import { SingletonEnvironmentContext } from "./_private/useSingletonEnvironment.js";
-const useRTL = () => {
-    return React.useContext(SingletonEnvironmentContext).rtl;
-};
-export default useRTL;

package/dist/hooks/useScrollLock.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-declare const useScrollLock: (options?: {
-    containerRef?: React.RefObject<HTMLElement | null>;
-    originRef?: React.RefObject<HTMLElement | null>;
-}) => {
-    scrollLocked: boolean;
-    lockScroll: () => void;
-    unlockScroll: () => void;
-};
-export default useScrollLock;

package/dist/hooks/useScrollLock.js

@@ -1,25 +0,0 @@
-"use client";
-import { lockScroll } from "@reshaped/utilities";
-import React from "react";
-const useScrollLock = (options) => {
-    const { containerRef, originRef } = options || {};
-    const [locked, setLocked] = React.useState(false);
-    const unlockScrollRef = React.useRef(null);
-    const handleLockScroll = React.useCallback(() => {
-        unlockScrollRef.current = lockScroll({
-            containerEl: containerRef?.current,
-            originEl: originRef?.current,
-            callback: () => setLocked(true),
-        });
-    }, [containerRef, originRef]);
-    const handleUnlockScroll = React.useCallback(() => {
-        unlockScrollRef.current?.({ callback: () => setLocked(false) });
-        unlockScrollRef.current = null;
-    }, []);
-    return React.useMemo(() => ({
-        scrollLocked: locked,
-        lockScroll: handleLockScroll,
-        unlockScroll: handleUnlockScroll,
-    }), [locked, handleLockScroll, handleUnlockScroll]);
-};
-export default useScrollLock;

package/dist/hooks/useToggle.d.ts

@@ -1,7 +0,0 @@
-declare const useToggle: (defaultValue?: boolean) => {
-    active: boolean;
-    activate: () => void;
-    deactivate: () => void;
-    toggle: (targetValue?: any) => void;
-};
-export default useToggle;

package/dist/hooks/useToggle.js

@@ -1,19 +0,0 @@
-"use client";
-import React from "react";
-const useToggle = (defaultValue) => {
-    const [active, setActive] = React.useState(defaultValue || false);
-    const activate = React.useCallback(() => {
-        setActive(true);
-    }, []);
-    const deactivate = React.useCallback(() => {
-        setActive(false);
-    }, []);
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const toggle = React.useCallback((targetValue) => {
-        // Checking the targetValue type for backwards compatibility if something like handler events
-        // are passed automatically e.g. onClick={toggle}
-        setActive(typeof targetValue === "boolean" ? targetValue : (active) => !active);
-    }, []);
-    return React.useMemo(() => ({ active, activate, deactivate, toggle }), [activate, deactivate, toggle, active]);
-};
-export default useToggle;