@altano/use-element-observer 1.0.7 → 2.0.0

package/dist/Observer.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export declare function Observer({ children, selector, useWrapperDiv, }: {
+    children: React.ReactNode;
+    selector: string;
+    useWrapperDiv: boolean;
+}): React.ReactElement;
+//# sourceMappingURL=Observer.d.ts.map

package/dist/index.js

@@ -1,9 +1,16 @@
 // src/useElementObserver.tsx
-import React, { useCallback, useContext, useEffect, useRef } from "react";
+import React3 from "react";
 import { useSet } from "@uidotdev/usehooks";
-import { jsx } from "react/jsx-runtime";
-var ElementObserverContext = React.createContext(null);
-function useMountRef({ onMount, onUnmount }) {
+
+// src/Observer.tsx
+import React2, { useCallback, useContext } from "react";
+
+// src/useMountRef.tsx
+import { useEffect, useRef } from "react";
+function useMountRef({
+  onMount,
+  onUnmount
+}) {
   const newRef = useRef(null);
   useEffect(() => {
     const ref = newRef.current;
@@ -16,6 +23,9 @@ function useMountRef({ onMount, onUnmount }) {
   }, [newRef, onMount, onUnmount]);
   return newRef;
 }
+
+// src/Observer.tsx
+import { jsx } from "react/jsx-runtime";
 function ObserveChildWithWrapperDiv({
   children,
   onMount,
@@ -30,8 +40,8 @@ function ObserveChild({
   onUnmount
 }) {
   const newRef = useMountRef({ onMount, onUnmount });
-  const child = React.Children.only(children);
-  return React.cloneElement(child, { ref: newRef });
+  const child = React2.Children.only(children);
+  return React2.cloneElement(child, { ref: newRef });
 }
 function Observer({
   children,
@@ -58,15 +68,20 @@ function Observer({
   const Component = useWrapperDiv ? ObserveChildWithWrapperDiv : ObserveChild;
   return /* @__PURE__ */ jsx(Component, { onMount, onUnmount, children });
 }
+
+// src/useElementObserver.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ElementObserverContext = React3.createContext(null);
 function useElementObserver({
   tree,
   selector,
   useWrapperDiv = true
 }) {
   const mountedElements = useSet();
-  const observedTree = /* @__PURE__ */ jsx(ElementObserverContext.Provider, { value: { mountedElements }, children: /* @__PURE__ */ jsx(Observer, { selector, useWrapperDiv, children: tree }) });
+  const observedTree = /* @__PURE__ */ jsx2(ElementObserverContext.Provider, { value: { mountedElements }, children: /* @__PURE__ */ jsx2(Observer, { selector, useWrapperDiv, children: tree }) });
   return [mountedElements, observedTree];
 }
 export {
+  ElementObserverContext,
   useElementObserver
 };

package/dist/useElementObserver.d.ts

@@ -1,5 +1,9 @@
 import React from "react";
-interface Options {
+interface Context {
+    mountedElements: Set<Element>;
+}
+export declare const ElementObserverContext: React.Context<Context | null>;
+export interface Options {
     selector: string;
     tree: React.ReactNode;
     useWrapperDiv?: boolean;

package/dist/useMountRef.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface Callbacks<T> {
+    onMount: (e: T) => void;
+    onUnmount: (e: T) => void;
+}
+export declare function useMountRef<T>({ onMount, onUnmount, }: Callbacks<T>): React.Ref<T>;
+//# sourceMappingURL=useMountRef.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altano/use-element-observer",
-  "version": "1.0.7",
+  "version": "2.0.0",
   "description": "Intersection-Observer-based Scroll Spy React Hook",
   "type": "module",
   "sideEffects": false,
@@ -15,7 +15,7 @@
     "email": "altano@gmail.com",
     "url": "https://alan.norbauer.com"
   },
-  "license": "UNLICENSED",
+  "license": "ISC",
   "repository": {
     "type": "git",
     "url": "https://github.com/altano/npm-packages",
@@ -29,28 +29,37 @@
     "react": "^18"
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "^6.4.2",
+    "@testing-library/react": "^14.2.2",
     "@types/react": "^18.2.64",
     "@types/react-dom": "^18.2.21",
+    "@vitejs/plugin-react": "^4.2.1",
+    "@vitest/coverage-v8": "^1.4.0",
     "eslint": "^8.57.0",
+    "jsdom": "^24.0.0",
     "prettier": "^3.2.5",
     "react": "^18.2.0",
-    "tsup": "^8.0.2",
     "typescript": "^5.4.2",
+    "vitest": "^1.4.0",
     "@altano/tsconfig": "0.0.0",
-    "eslint-config-altano": "0.0.1"
+    "eslint-config-altano": "0.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "tsup src/index.tsx --format esm --onSuccess \"pnpm build:types\"",
-    "build:types": "tsc --emitDeclarationOnly --declaration",
-    "dev": "tsup src/index.tsx --watch --format esm",
-    "lint": "eslint src/**/*.ts*",
-    "lint:timing": "TIMING=1 eslint src/**/*.ts*",
-    "lint:fix": "TIMING=1 eslint src/**/*.ts* --fix",
+    "build": "tsup --config build-config/tsup.config.browser.ts",
+    "build:types": "tsc --project tsconfig.declarations.json",
+    "clean": "rm -rf .turbo && rm -rf .tsbuildinfo && rm -rf node_modules && rm -rf dist",
+    "dev": "pnpm run build --watch",
     "format": "prettier --check src",
     "format:fix": "prettier --write src",
-    "clean": "rm -rf .turbo && rm -rf .tsbuildinfo && rm -rf node_modules && rm -rf dist"
+    "lint": "eslint package.json src/**/*.ts*",
+    "lint:fix": "TIMING=1 pnpm lint --fix",
+    "lint:timing": "TIMING=1 pnpm lint",
+    "test:unit": "vitest --run",
+    "test:unit:watch": "vitest",
+    "typecheck:src": "tsc --noEmit",
+    "typecheck:test": "tsc --noEmit --project ./tests/tsconfig.json"
   }
 }