@arkyn/components 1.3.89 → 1.3.90

package/dist/hooks/useAutomation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAutomation.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutomation.ts"],"names":[],"mappings":"AAoBA,iBAAS,aAAa,SAuBrB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"useAutomation.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutomation.ts"],"names":[],"mappings":"AAqBA,iBAAS,aAAa,SA8BrB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/hooks/useAutomation.js

@@ -1,5 +1,6 @@
 import { useActionData } from "@remix-run/react";
 import { useContext, useEffect } from "react";
+import { animateScroll } from "react-scroll";
 import { ModalContext } from "../context/ModalContext";
 import { useToast } from "./useToast";
 function isToastProps(obj) {
@@ -34,5 +35,11 @@ function useAutomation() {
             });
         }
     }, [actionData]);
+    useEffect(() => {
+        if (typeof actionData?.data?.scrollTo === "string") {
+            const element = document.getElementById(actionData?.data?.scrollTo);
+            element && animateScroll.scrollTo(element.offsetTop - 200);
+        }
+    }, [actionData]);
 }
 export { useAutomation };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkyn/components",
-  "version": "1.3.89",
+  "version": "1.3.90",
   "main": "./dist/bundle.js",
   "types": "./dist/index.d.ts",
   "author": "Lucas Gonçalves",
@@ -15,6 +15,7 @@
     "@react-input/mask": "^1.2.5",
     "framer-motion": "^11.3.21",
     "lucide-react": "^0.424.0",
+    "react-scroll": "^1.9.0",
     "sonner": "^1.5.0"
   },
   "peerDependencies": {

package/src/hooks/useAutomation.ts

@@ -1,6 +1,7 @@
+import { ToastProps } from "@arkyn/types";
 import { useActionData } from "@remix-run/react";
 import { useContext, useEffect } from "react";
-import { ToastProps } from "@arkyn/types";
+import { animateScroll } from "react-scroll";
 
 import { ModalContext } from "../context/ModalContext";
 import { useToast } from "./useToast";
@@ -41,6 +42,13 @@ function useAutomation() {
       });
     }
   }, [actionData]);
+
+  useEffect(() => {
+    if (typeof actionData?.data?.scrollTo === "string") {
+      const element = document.getElementById(actionData?.data?.scrollTo);
+      element && animateScroll.scrollTo(element.offsetTop - 200);
+    }
+  }, [actionData]);
 }
 
 export { useAutomation };