oihana-next-ui 0.1.41 → 0.1.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oihana-next-ui",
-  "version": "0.1.41",
+  "version": "0.1.43",
   "private": false,
   "description": "Oihana Next.js UI component library — reusable components, hooks and utilities built with React 19, Next.js, Tailwind CSS and DaisyUI",
   "author": {

package/src/hooks/useResetScroll.js

@@ -1,28 +1,21 @@
-import { useEffect } from 'react' ;
-
+import { useEffect }                     from 'react' ;
 import { usePathname } from 'next/navigation' ;
 
 /**
- * React hook that resets scroll position when the route changes.
- *
- * @param {React.RefObject<HTMLElement>} [ref] - Optional element reference. Defaults to window.
- * @param {boolean} [disabled=false] - Whether to disable the scroll reset.
- * @param {ScrollBehavior} [behavior='instant'] - Scroll behavior: 'instant' or 'smooth'.
- *
- * @example
- * ```js
- * // Reset window scroll on route change
- * useResetScroll() ;
- *
- * // Reset a specific container
- * const containerRef = useRef( null ) ;
- * useResetScroll( containerRef ) ;
+ * Resets scroll position when the route (pathname) changes.
  *
- * // With smooth scroll
- * useResetScroll( null , false , 'smooth' ) ;
- * ```
+ * @param {React.RefObject} [ref]                       - Optional scroll container ref.
+ * @param {boolean}         [disabled=false]
+ * @param {string}          [scrollClassName='drawer-content'] - CSS class of the fallback scroll container.
+ * @param {ScrollBehavior}  [behavior='smooth']          - Scroll behavior.
  */
-const useResetScroll = ( ref , disabled = false , behavior = 'instant' ) =>
+const useResetScroll =
+(
+    ref ,
+    disabled = false ,
+    scrollClassName = 'drawer-content' ,
+    behavior = 'smooth'
+) =>
 {
     const pathname = usePathname() ;
 
@@ -33,11 +26,13 @@ const useResetScroll = ( ref , disabled = false , behavior = 'instant' ) =>
             return ;
         }
 
-        const element = ref?.current ?? window ;
+        const element = ref?.current
+            ?? document.querySelector( `.${ scrollClassName }` )
+            ?? window ;
 
-        element.scrollTo( { top: 0 , left: 0 , behavior } ) ;
+        element.scrollTo( { top : 0 , behavior } ) ;
     }
-    , [ pathname , disabled , behavior ] ) ;
+    , [ behavior , disabled , pathname , ref , scrollClassName ] ) ;
 } ;
 
 export default useResetScroll ;

package/src/version.js

@@ -1,3 +1,3 @@
-const version = "0.1.41" ;
+const version = "0.1.43" ;
 
 export default version ;