@altano/use-element-observer 1.0.6 → 1.0.7

package/dist/index.js

@@ -1,6 +1,6 @@
 // src/useElementObserver.tsx
 import React, { useCallback, useContext, useEffect, useRef } from "react";
-import { useSet } from "react-use";
+import { useSet } from "@uidotdev/usehooks";
 import { jsx } from "react/jsx-runtime";
 var ElementObserverContext = React.createContext(null);
 function useMountRef({ onMount, onUnmount }) {
@@ -42,15 +42,19 @@ function Observer({
   if (context == null) {
     throw new Error("Observer context was null");
   }
-  const { methods } = context;
-  const { add, reset } = methods;
+  const { mountedElements } = context;
   const onMount = useCallback(
     (ref) => {
-      Array.from(ref.querySelectorAll(selector)).forEach(add);
+      Array.from(ref.querySelectorAll(selector)).forEach(
+        (e) => mountedElements.add(e)
+      );
     },
-    [selector, add]
+    [selector, mountedElements]
+  );
+  const onUnmount = useCallback(
+    () => mountedElements.clear(),
+    [mountedElements]
   );
-  const onUnmount = useCallback(() => reset, [reset]);
   const Component = useWrapperDiv ? ObserveChildWithWrapperDiv : ObserveChild;
   return /* @__PURE__ */ jsx(Component, { onMount, onUnmount, children });
 }
@@ -59,8 +63,8 @@ function useElementObserver({
   selector,
   useWrapperDiv = true
 }) {
-  const [mountedElements, methods] = useSet();
-  const observedTree = /* @__PURE__ */ jsx(ElementObserverContext.Provider, { value: { mountedElements, methods }, children: /* @__PURE__ */ jsx(Observer, { selector, useWrapperDiv, children: tree }) });
+  const mountedElements = useSet();
+  const observedTree = /* @__PURE__ */ jsx(ElementObserverContext.Provider, { value: { mountedElements }, children: /* @__PURE__ */ jsx(Observer, { selector, useWrapperDiv, children: tree }) });
   return [mountedElements, observedTree];
 }
 export {

package/dist/useElementObserver.d.ts

@@ -19,7 +19,7 @@ interface Options {
  * @param useWrapperDiv If `true`, a 'div' will wrap the observed children. If
  * `false`, `children` must be a single child element that can take a ref (which
  * will be overwritten).
- * @returns A tuple of: (1) array of elements and (2) the observed tree to be
+ * @returns A tuple of: (1) set of elements and (2) the observed tree to be
  * rendered.
  */
 export declare function useElementObserver({ tree, selector, useWrapperDiv, }: Options): [Set<Element>, React.ReactElement];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altano/use-element-observer",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Intersection-Observer-based Scroll Spy React Hook",
   "type": "module",
   "sideEffects": false,
@@ -23,21 +23,21 @@
   },
   "homepage": "https://github.com/altano/npm-packages/tree/main/packages/use-element-observer",
   "dependencies": {
-    "react-use": "^17.4.0"
+    "@uidotdev/usehooks": "^2.4.1"
   },
   "peerDependencies": {
     "react": "^18"
   },
   "devDependencies": {
-    "@types/react": "^18.0.38",
-    "@types/react-dom": "^18.0.11",
-    "eslint": "^8.39.0",
-    "prettier": "^2.8.7",
-    "react": "^18",
-    "tsup": "^7.2.0",
-    "typescript": "^5.1.6",
+    "@types/react": "^18.2.64",
+    "@types/react-dom": "^18.2.21",
+    "eslint": "^8.57.0",
+    "prettier": "^3.2.5",
+    "react": "^18.2.0",
+    "tsup": "^8.0.2",
+    "typescript": "^5.4.2",
     "@altano/tsconfig": "0.0.0",
-    "eslint-config-altano": "0.0.0"
+    "eslint-config-altano": "0.0.1"
   },
   "publishConfig": {
     "access": "public"
@@ -49,7 +49,8 @@
     "lint": "eslint src/**/*.ts*",
     "lint:timing": "TIMING=1 eslint src/**/*.ts*",
     "lint:fix": "TIMING=1 eslint src/**/*.ts* --fix",
-    "format": "prettier --write src",
+    "format": "prettier --check src",
+    "format:fix": "prettier --write src",
     "clean": "rm -rf .turbo && rm -rf .tsbuildinfo && rm -rf node_modules && rm -rf dist"
   }
 }