@g4rcez/components 3.0.0 → 3.0.2

package/dist/hooks/use-reactive.js

@@ -1,9 +0,0 @@
-"use client";
-import { useEffect, useState } from "react";
-export const useReactive = (t, initial) => {
-    const [state, setState] = useState(() => (initial ? initial : t));
-    useEffect(() => {
-        setState(t);
-    }, [t]);
-    return [state, setState];
-};

package/dist/hooks/use-remove-scroll.js

@@ -1,61 +0,0 @@
-import { useEffect, useRef } from "react";
-import { Is, onlyNumbers } from "sidekicker";
-import { hasVerticalScroll } from "../lib/dom";
-import { isMobile, isSsr } from "../lib/fns";
-import { useIsCoarseDevice } from "./use-is-coarse-device";
-export const useRemoveScroll = (remove, removeStyle = "overflow-hidden") => {
-    const ref = useRef(null);
-    const isCoarseDevice = useIsCoarseDevice();
-    const prev = useRef(isSsr() ? "" : document.documentElement.style.overflowY);
-    useEffect(() => {
-        if (ref.current === null && !remove)
-            return;
-        if (removeStyle === "block-only")
-            return;
-        if (removeStyle === "overflow-hidden") {
-            if (remove) {
-                prev.current = document.documentElement.style.overflowY;
-                document.documentElement.style.overflowY = "hidden";
-                if (isCoarseDevice || isMobile())
-                    return;
-                document.documentElement.style.padding = hasVerticalScroll(document.documentElement) ? "0 15px 0 0" : "";
-            }
-            else {
-                document.documentElement.style.padding = "";
-                document.documentElement.style.overflowY = prev.current;
-            }
-        }
-    }, [remove, isCoarseDevice, removeStyle]);
-    useEffect(() => {
-        if (!remove)
-            return;
-        const controller = new AbortController();
-        const html = document.documentElement;
-        const removeScroll = (e) => {
-            const el = ref.current;
-            if (el) {
-                if (el.contains(e.target)) {
-                    const rect = el.getBoundingClientRect();
-                    const realHeight = el.style.height ? Number(onlyNumbers(el.style.height)) : null;
-                    const scrollable = Is.number(realHeight) ? realHeight : rect.height;
-                    const hasScroll = el.scrollHeight <= scrollable;
-                    if (scrollable === el.scrollHeight)
-                        return remove ? e.preventDefault() : undefined;
-                    if (hasScroll)
-                        return;
-                    return remove ? e.preventDefault() : undefined;
-                }
-            }
-            if (e.currentTarget === document.documentElement) {
-                return remove ? e.preventDefault() : undefined;
-            }
-            return remove ? e.preventDefault() : undefined;
-        };
-        html.addEventListener("wheel", removeScroll, { signal: controller.signal, passive: false });
-        html.addEventListener("scroll", removeScroll, { signal: controller.signal, passive: false });
-        return () => {
-            controller.abort();
-        };
-    }, [remove]);
-    return ref;
-};

package/dist/hooks/use-resize-observer.js

@@ -1,17 +0,0 @@
-"use client";
-import { useEffect, useRef } from "react";
-export const useResizeObserver = (element, onResize) => {
-    const onResizeRef = useRef(onResize);
-    onResizeRef.current = onResize;
-    useEffect(() => {
-        if (!element)
-            return;
-        const observer = new ResizeObserver((entries) => {
-            if (entries[0]) {
-                onResizeRef.current(entries[0]);
-            }
-        });
-        observer.observe(element);
-        return () => observer.disconnect();
-    }, [element]);
-};

package/dist/hooks/use-stable-ref.js

@@ -1,9 +0,0 @@
-"use client";
-import { useEffect, useRef } from "react";
-export const useStableRef = (value) => {
-    const ref = useRef(value);
-    useEffect(() => {
-        ref.current = value;
-    }, [value]);
-    return ref;
-};

package/dist/hooks/use-swipe.js

@@ -1,17 +0,0 @@
-"use client";
-import { useRef } from "react";
-export function useSwipe(onSwipe, threshold) {
-    const touchStartX = useRef(null);
-    const onTouchStart = (e) => (touchStartX.current = e.touches[0].clientX);
-    const onTouchEnd = (e) => {
-        if (touchStartX.current === null)
-            return;
-        const touchEndX = e.changedTouches[0].clientX;
-        const diff = touchEndX - touchStartX.current;
-        if (Math.abs(diff) > threshold) {
-            onSwipe(e, diff > 0 ? "right" : "left");
-        }
-        touchStartX.current = null;
-    };
-    return { onTouchStart, onTouchEnd };
-}

package/dist/hooks/use-translations.js

@@ -1,9 +0,0 @@
-import { useContext } from "react";
-import { Context } from "../config/context";
-import { defaultTranslations } from "../config/default-translations";
-export const useTranslations = () => {
-    const ctx = useContext(Context);
-    if (!ctx)
-        return defaultTranslations;
-    return ctx.map;
-};

package/dist/hooks/use-tweaks.js

@@ -1,9 +0,0 @@
-import { useContext } from "react";
-import { Context } from "../config/context";
-import { defaultTweaks } from "../config/default-tweaks";
-export const useTweaks = () => {
-    const ctx = useContext(Context);
-    if (!ctx)
-        return defaultTweaks;
-    return ctx.tweaks;
-};

package/dist/hooks/use-window-size.js

@@ -1,14 +0,0 @@
-"use client";
-import { useEffect, useState } from "react";
-export const useWindowSize = () => {
-    const [size, setSize] = useState({ width: 0, height: 0 });
-    useEffect(() => {
-        if (typeof window === "undefined")
-            return;
-        const update = () => setSize({ width: window.innerWidth, height: window.innerHeight });
-        update();
-        window.addEventListener("resize", update, { passive: true });
-        return () => window.removeEventListener("resize", update);
-    }, []);
-    return size;
-};