@adamjanicki/ui 1.3.8 → 1.3.9

package/hooks/useScrollToHash.d.ts

@@ -1,15 +1,20 @@
 type UseScrollToHashConfig = {
     /**
      * Whether or not to scroll to the hash
+     * @default true
      */
-    active: boolean;
+    active?: boolean;
     /**
      * The scroll behavior to use
      */
     behavior?: ScrollBehavior;
+    /**
+     * Delay in ms to set using setTimeout
+     */
+    delay?: number;
 };
 /**
  * A hook for scrolling to a hash on the page.
  */
-declare const useScrollToHash: ({ active, behavior, }: UseScrollToHashConfig) => void;
+declare const useScrollToHash: (config: UseScrollToHashConfig) => void;
 export default useScrollToHash;

package/hooks/useScrollToHash.js

@@ -3,16 +3,19 @@ import scrollToId from "../functions/scrollToId";
 /**
  * A hook for scrolling to a hash on the page.
  */
-var useScrollToHash = function (_a) {
-    var active = _a.active, _b = _a.behavior, behavior = _b === void 0 ? "smooth" : _b;
+var useScrollToHash = function (config) {
+    var _a = config.active, active = _a === void 0 ? true : _a, behavior = config.behavior, delay = config.delay;
     useEffect(function () {
-        if (!active)
-            return;
         var hash = window.location.hash;
-        if ((hash === null || hash === void 0 ? void 0 : hash.length) > 1) {
-            var id = hash.substring(1);
-            scrollToId(id, behavior);
+        if (!active || (hash === null || hash === void 0 ? void 0 : hash.length) <= 1)
+            return;
+        var id = hash.substring(1);
+        scrollToId(id, behavior);
+        if (delay !== undefined) {
+            var timeout_1 = setTimeout(function () { return scrollToId(id, behavior); }, delay);
+            return function () { return clearTimeout(timeout_1); };
         }
-    }, [active, behavior]);
+        scrollToId(id, behavior);
+    }, [active, behavior, delay]);
 };
 export default useScrollToHash;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adamjanicki/ui",
-  "version": "1.3.8",
+  "version": "1.3.9",
   "description": "Basic UI components and hooks for React in TypeScript",
   "main": "./index.js",
   "types": "./index.d.ts",