@reykjavik/hanna-react 0.10.118 → 0.10.119

package/CHANGELOG.md

@@ -4,6 +4,12 @@
 
 - ... <!-- Add new lines here. -->
 
+## 0.10.119
+
+_2024-02-29_
+
+- fix: Stop `Multiselect` dropdown closing on touch-based page scroll
+
 ## 0.10.118
 
 _2024-02-07_

package/esm/utils/useOnClickOutside.d.ts

@@ -5,5 +5,5 @@ type Ref<E extends HTMLElement> = MutableRefObject<E> | RefObject<E>;
  * @param ref single or array of refs to check for click outside
  * @param handler callback to run when clicked outside of the ref
  */
-declare const useOnClickOutside: <E extends HTMLElement>(ref: Ref<E> | Ref<E>[], handler: (event: globalThis.MouseEvent | globalThis.TouchEvent) => void) => void;
-export { useOnClickOutside };
+export declare const useOnClickOutside: <E extends HTMLElement>(ref: Ref<E> | Ref<E>[], handler: (event: globalThis.MouseEvent | globalThis.TouchEvent) => void) => void;
+export {};

package/esm/utils/useOnClickOutside.js

@@ -4,7 +4,7 @@ import { useEffect, useMemo } from 'react';
  * @param ref single or array of refs to check for click outside
  * @param handler callback to run when clicked outside of the ref
  */
-const useOnClickOutside = (ref, handler) => {
+export const useOnClickOutside = (ref, handler) => {
     const refs = Array.isArray(ref) ? ref : [ref];
     // eslint-disable-next-line react-hooks/exhaustive-deps
     const stableRefs = useMemo(() => refs, refs);
@@ -21,12 +21,9 @@ const useOnClickOutside = (ref, handler) => {
                 handler(event);
             }
         };
-        document.addEventListener('mousedown', listener);
-        document.addEventListener('touchstart', listener);
+        document.addEventListener('click', listener);
         return () => {
-            document.removeEventListener('mousedown', listener);
-            document.removeEventListener('touchstart', listener);
+            document.removeEventListener('click', listener);
         };
     }, [handler, stableRefs]);
 };
-export { useOnClickOutside };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@reykjavik/hanna-react",
-	"version": "0.10.118",
+	"version": "0.10.119",
 	"author": "Reykjavík (http://www.reykjavik.is)",
 	"contributors": [
 		"Hugsmiðjan ehf (http://www.hugsmidjan.is)",

package/utils/useOnClickOutside.d.ts

@@ -5,5 +5,5 @@ type Ref<E extends HTMLElement> = MutableRefObject<E> | RefObject<E>;
  * @param ref single or array of refs to check for click outside
  * @param handler callback to run when clicked outside of the ref
  */
-declare const useOnClickOutside: <E extends HTMLElement>(ref: Ref<E> | Ref<E>[], handler: (event: globalThis.MouseEvent | globalThis.TouchEvent) => void) => void;
-export { useOnClickOutside };
+export declare const useOnClickOutside: <E extends HTMLElement>(ref: Ref<E> | Ref<E>[], handler: (event: globalThis.MouseEvent | globalThis.TouchEvent) => void) => void;
+export {};

package/utils/useOnClickOutside.js

@@ -24,11 +24,9 @@ const useOnClickOutside = (ref, handler) => {
                 handler(event);
             }
         };
-        document.addEventListener('mousedown', listener);
-        document.addEventListener('touchstart', listener);
+        document.addEventListener('click', listener);
         return () => {
-            document.removeEventListener('mousedown', listener);
-            document.removeEventListener('touchstart', listener);
+            document.removeEventListener('click', listener);
         };
     }, [handler, stableRefs]);
 };