@atomico/hooks - npm Package Compare versions

Comparing version 3.26.3 to 3.26.4

package.json

 {
   "name": "@atomico/hooks",
   "description": "Series of utilities in hooks format to extend the operation of Atomico",
-  "version": "3.26.3",
+  "version": "3.26.4",
   "type": "module",
@@ -58,4 +58,4 @@ "workspaces": [
     "./use-responsive-state": "./src/use-responsive-state/use-responsive-state.js",
-    "./use-router": "./src/use-router/use-router.js",
-    "./use-slot": "./src/use-slot/use-slot.js"
+    "./use-slot": "./src/use-slot/use-slot.js",
+    "./use-router": "./src/use-router/use-router.js"
   },
@@ -62,0 +62,0 @@ "dependencies": {

src/use-reflect-event/use-reflect-event.js

@@ -11,3 +11,3 @@ import { useListener } from "../use-listener/use-listener.js";
     event.preventDefault();
-    event.stopPropagation();
+    event.stopImmediatePropagation();
     current.dispatchEvent(new event.constructor(event.type, event));
@@ -31,6 +31,7 @@ }
       const { current } = refTo;
-      if (!current) return;
+      if (!current || event.target == current) return;
       reflectEvent(current, event);
-    }
+    },
+    { capture: true }
   );
 }

src/use-slot/use-slot.js

 import { useState, useEffect, Mark } from "atomico";
 import { addListener } from "../use-listener/use-listener.js";
 /**
- *
+ * @template {ChildNode} T
  * @param {import("atomico").Ref<HTMLSlotElement>} ref
- * @returns {ChildNode[]}
+ * @returns {T[]}
  */
@@ -8,0 +8,0 @@ export function useSlot(ref) {

types/use-slot/use-slot.d.ts

 /**
- *
+ * @template {ChildNode} T
  * @param {import("atomico").Ref<HTMLSlotElement>} ref
- * @returns {ChildNode[]}
+ * @returns {T[]}
  */
-export function useSlot(ref: import("atomico").Ref<HTMLSlotElement>): ChildNode[];
+export function useSlot<T extends ChildNode>(ref: import("atomico").Ref<HTMLSlotElement>): T[];

No alert changes

Improved metrics

Total package byte prevSize

76656

increased by0.14%

Lines of code

2285

increased by0.04%

No dependency changes