@reactuses/core 1.0.2 → 1.0.3

package/index.mjs

@@ -2219,4 +2219,79 @@ function useDraggable(target, options = {}) {
   return [position.x, position.y, !!pressedDelta];
 }
 
-export { useActiveElement, useCounter, useCustomCompareEffect, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDraggable, useDropZone, useElementSize, useEvent, useEventEmitter, useEventListener, useFavicon, useFileDialog, useFirstMountState, useFps$1 as useFps, useFullscreen, useGeolocation, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLongPress, useMarkdown, useMediaDevices$1 as useMediaDevices, useMediaQuery, useMount, useMountedState, useMouse, useMousePressed, useMutationObserver, useNetwork, useObjectUrl, useOnline, useOrientation, usePageLeave, usePermission, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePrevious, useRafFn, useRafState, useResizeObserver, useScriptTag, useScroll, useScrollLock, useSessionStorage, useTextDirection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, useUpdateEffect, useUpdateLayoutEffect, useVirtualList };
+function useElementBounding(target, options = {}) {
+  const {
+    reset = true,
+    windowResize = true,
+    windowScroll = true,
+    immediate = true
+  } = options;
+  const [height, setHeight] = useState(0);
+  const [bottom, setBottom] = useState(0);
+  const [left, setLeft] = useState(0);
+  const [right, setRight] = useState(0);
+  const [top, setTop] = useState(0);
+  const [width, setWidth] = useState(0);
+  const [x, setX] = useState(0);
+  const [y, setY] = useState(0);
+  const update = useEvent(() => {
+    const element = getTargetElement(target);
+    if (!element) {
+      if (reset) {
+        setHeight(0);
+        setBottom(0);
+        setLeft(0);
+        setRight(0);
+        setTop(0);
+        setWidth(0);
+        setX(0);
+        setY(0);
+      }
+      return;
+    }
+    const rect = element.getBoundingClientRect();
+    setHeight(rect.height);
+    setBottom(rect.bottom);
+    setLeft(rect.left);
+    setRight(rect.right);
+    setTop(rect.top);
+    setWidth(rect.width);
+    setX(rect.x);
+    setY(rect.y);
+  });
+  useResizeObserver(target, update);
+  useEffect(() => {
+    if (immediate) {
+      update();
+    }
+  }, [immediate, update]);
+  useEffect(() => {
+    if (windowScroll) {
+      window.addEventListener("scroll", update, { passive: true });
+    }
+    if (windowResize) {
+      window.addEventListener("resize", update, { passive: true });
+    }
+    return () => {
+      if (windowScroll) {
+        window.removeEventListener("scroll", update);
+      }
+      if (windowResize) {
+        window.removeEventListener("resize", update);
+      }
+    };
+  }, [update, windowResize, windowScroll]);
+  return {
+    height,
+    bottom,
+    left,
+    right,
+    top,
+    width,
+    x,
+    y,
+    update
+  };
+}
+
+export { useActiveElement, useCounter, useCustomCompareEffect, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDraggable, useDropZone, useElementBounding, useElementSize, useEvent, useEventEmitter, useEventListener, useFavicon, useFileDialog, useFirstMountState, useFps$1 as useFps, useFullscreen, useGeolocation, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLongPress, useMarkdown, useMediaDevices$1 as useMediaDevices, useMediaQuery, useMount, useMountedState, useMouse, useMousePressed, useMutationObserver, useNetwork, useObjectUrl, useOnline, useOrientation, usePageLeave, usePermission, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePrevious, useRafFn, useRafState, useResizeObserver, useScriptTag, useScroll, useScrollLock, useSessionStorage, useTextDirection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, useUpdateEffect, useUpdateLayoutEffect, useVirtualList };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reactuses/core",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "main": "./index.cjs",
   "module": "./index.mjs",
   "types": "./index.d.ts",